Showing posts with label Tips Blogger. Show all posts
Showing posts with label Tips Blogger. Show all posts

Sunday, October 21, 2012

Membuat tombol social media bergaya metro

Setelah sekian lama tidak pernah menulis akibat kesibukan sana sini mengurusin skripsi, alhamdulillah akhirnya kini li bisa kembali menulis. Dimana tulisan kali ini akan membahas mengenai tombol social media di blogger yang bergaya metro seperti pada windows 8. Kebenaran juga sih li baru ganti template. Ya….. mencoba menggunakan template yang lebih sederhana aja. Oke tombol yang li maksud adalah tombol yang seperti dibawah ini
image
Untuk membuatnya, silahkan terlebih dahulu login ke akun bloggernya masing-masing. Setelah itu silahkan masuk ke menu Layout > Add gadget > pilih HTML/ JavaScript
image
Selanjutnya akan muncul jendela baru yang mengharuskan kita memasukkan code html/javascript. Silahkan masukkan kode yang li sediakan dibawah ini
<style type='text/css'>
.social ul {list-style:none; display:inline}
.social li {float:left;padding: 0px 1px 0px 0px; margin-top:-4px}
.social li a img{height:59px;width:59px}
</style>
<div class='social'>
<span class='fade'><ul>
<li><a href="url_facebook_anda" target="_blank"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOansYihhs2wj8aWTzIZZRdL2YpsRJr2rULjSJYs3yQWBR5b0CUfdXqo1D-GFrTGN2gVu3ZXl5eI1UbWO7hlT0SDwXanZYxlpVorE_VwMyYU-mMhzcHe254iFtpVRhGrFVes11uCjNEvX-/s57/Facebook%2520alt%25201.png" /></a></li>
<li><a href="url_googleplus_anda" target="_blank"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzajGgY4aZ6FMYEUTWHoDLMdiOaL-xYT7dfx7SHSWMXjUkq2mwUEqwZNQsyQq_lghvFdk1-cDBhiSU_fux8Liw6hcexJJtlEyHh7yYCt4HHxSWGF3P5SVD9Dl5Um0rmrfXHS6Yl9SIxqBJ/s57/Google%252B%2520alt.png" /></a></li>
<li><a href="url_twitter_anda" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLtxty1sNXiA-jJtiJYBspZoHCpGqaDHEJKdwP0Ws5VOF0_Kw_cyjEJHMW_KfubTI-_qyi-PhIsfumps2EjESS7QaIqObGXWqQmcFXu0IXcLYUNlDGbY90E-Ddk2C4Q7LvATqgrTVSXg/s1600/twitterforsafari_20100727.jpg" /></a></li>
<li><a href="url_feedsburner_anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_lfw-iQMFewjPpld9v5qQQG449_uy2sgRuk5GmLDbbgrMlqdFws-7eJN0PFZH21mOGee0-cXl-RO06HWAkXyXsPD_DCdguMHlnt1VCvAPWRpJg73hHrWBl-Zco6QLEKGHhllnsgdtvFB/s57/RSS%2520Feed.png" /></a></li>
<li><a href="url_youtube_anda"><img style='width:60px' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkOywMMy8idq7lL1AGANqJ9YzULMP4AY1d5rXYk69BIuSjPbdxeFK6aNxqJaD1yQwcpZvlkKKJnbHHx24nntXn3z-nKH_8uwwvx5ZHZfwv-HGknC0uQ07EsUryC2pXGYAfkbri3jeqWZQv/s57/YouTube%2520alt%25201.png" /></a></li>
</ul></span>
</div>
Setelah itu silahkan simpan konfigurasi layout anda :)

Monday, May 30, 2011

Custom Domain di Blogspot

blogger_logo2Beberapa hari yang lalu ada seorang teman li yang bernama mas Taufik, yang belum pernah li kenal sama sekali. Tapi ketika li tanya dia kenal li dari mana, katanya dia lihat profil li di Blogger Sumut. Dan kemudian dia menanyakan mengenai cara untuk mengubah domain blog kita dengan domain TLD (Top Level Domain).
Atas dasar itu lah li kali ini, akan coba berbagi bagaimana cara meng-costum domain kita di blogspot. Sedikit review ke belakang, banyak teman yang nanya seperti ini ke zali,
  1. Li, untuk costum domain di blogspot harus beli hosting dimana?
  2. Susah gak li cara ubah domain di blogspot?
  3. Sama gak li caranya kayak di wordpress, kita harus beli domain dan hosting?
dan cuma satu jawabannya.. “GAK SUSAH DAN GAK PERLU HOSTING...” Winking smile
Kenapa gak perlu HOSTING?
Jawab :
Karena kita akan memanfaatkan hosting nya blogspot
Sebelum kita meng-custom domain pada blogspot, pastikan dahulu kita telah membeli domain di tempat kesayangan anda. Kalau li sih merekomendasikan beli di idWebhost aja, karena selain pelayanan mereka yang cepat, tentunya cukup mudah mengarahkan domain kita ke blogspot.
Oke, sekarang li anggap teman-teman sudah pada punya domain nya. Nah, tahap pertama teman-teman masuk pada Dashboard blogspot nya.
image
Kemudian, klik menu Settings untuk masuk ke control panel pada blogspotnya.
Setelah jendela settings terbuka. Klik menu Publishing
image
Kemudian kita akan masuk pada jendela Publishing seperti dibawah ini.
image
Coba perhatikan, blogspot address diatas merupakan alamat blog sebelum custom domain. Sekarang klik tulisan Custom Domain, seperti gambar dibawah
image
Lalu kita akan di bawa menuju jendela advanced setting seperti gambar dibawah ini
image
Nah, sekarang silahkan data diatas di isi sesuai dengan domain kamu.
Misalnya seperti ini,
Your domain : isikan dengan alamat domain kamu
Word Verification : isikan sesuai captcha diatas nya
Setelah itu jangan lupa di save ia.. Open-mouthed smile
Kalau ada yang kurang jelas silahkan comment dibawah ia..

Just Share....
Semoga bermanfaat :)

Saturday, October 30, 2010

Multi language pada blog

Pada sebuah blog terkadang hanya menggunakan satu bahasa saja, seperti misalnya bahasa indonesia. Yang mana hal ini akan menjadi salah satu permasalahan jika ada user atau pengunjung yang mengakses blog kita tetapi mereka tidak bisa atau mengeri tentang Bahasa Indonesia. Untuk itu dia harus bisa menerjemahkan isi dari blog kitake dalam bahasa yang dimengerti oleh pengguna. Hal ini juga akan sedikit menyulitkan si pengunjung, mungkin dia harus lihat kamus lagi atau harus menyeleksi teks yang diinginkan nya kemudian menggunakan fasilitas translate.google.com. Cukup efektif sebenarnya jika si pengunjung menggunakan fasilitas dari google translate. Tetapi alangkah lebih baiknya kita beri kemudahan yang lebih kepada si pengunjung, ia...bisa di bilang sebagai service yang lebih lah buat sih pengunjung.
           Li akan berbagi sedikit source yang dapat kita tanam pada blog kita, sehingga akan menjadi sebuah tools yang dapat mengubah artikel kita menjadi multi language. Jadi si pengunjung hanya tinggal pilih saja mau di terjemahkan ke bahasa mana...
Berikut source ny :

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'id'
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Copy source kode yang berwarna biru  diatas, kemudian paste kan pada widget blog anda..

Cukup simple kan??
Sekarang kita telah memberikan kepuasan dan pelayanan pada pengunjung..

Semoga bermanfaat :)