Membuat Kotak Sharing Sosial Ala Mashable Di Blogspot

Membuat Kotak Sharing Sosial Ala Mashable Di Blogspot

5 52

Berhubung ada yang nanya bagaimana cara menambahkan kotak sharing sosial ala mashable di blogspot seperti pada postingan yang lalu cara menambahkan kotak sharing sosial bergaya mashable di WordPress. Jadi, saya coba buatkan caranya untuk di blogspot pada postingan kali ini. Sebelumnya, saya sudah aplikasikan di blogspot dan berjalan dengan baik.

Ok, mulai saja yah 😉

Ada 2 langkah di sini, pertama adalah menambahkan potongan kode HTML dan JavaScript untuk dimasukkan ke dalam gadget blogspot dan yang kedua adalah menambahkan kode CSS-nya.

Menambahkan Kode HTML dan JavaScript di Gadget Blogspot

1. Login ke dalam dashboard blogspot

2. Pilih menu Edit Layout > Add Gadget > HTML/JavaScript dan copy paste kodingan di bawah ini ke dalam gadget tadi

4. Lalu setting kode tadi dengan mengganti:

  • connections=”8″ dengan jumlah gambar profil orang yang like, misalnya kalau mau 5 saja, ganti dengan connections=”5″
  • YOUR-PAGE-ID dengan ID page facebook anda
  • http://YOUR-URL.com dengan URL profil Google+
  • Recommend on Google dengan kata-kata yang mau anda ganti
  • YOUR-TWITTER dengan username Twitter
  • Follow @YOU dengan kata-kata yang mau diganti dan @username_twitter
  • YOUR-ID-HERE dengan ID Feedburner blogspot
  • Subscribe dengan teks di tombol yang mau diganti, misalnya Langganan

5. Lalu save gadget-nya dan atur posisi tampilannya.

 

Menambahkan kode CSS

1. Login ke dalam dashboard blogspot

2. Pilih menu Design > Edit HTML > Ceklis Expand Widget Templates

3. Copy paste kodingan berikut ini dan taruh di antara <style> dan </style>

4. Klik Save lalu refresh blog di blogspot anda dan lihat hasilnya

 

Selamat mencoba dan good luck! 😉

5 COMMENTS

  1. BroO saya masih bingung dengan lankah terakhir..!
    Template > Customize > Advanced > Add CSS.. gak blogger..! itu WordPress kalau blogger Add CSS dia di editHTML dan juga letak posisinya dimana nih.?? body/head atau dimananya..??
    mohon penjelasan terimaksih.!

  2. Gak bisa mas… ga bisa gantung kayak gitu… malah nempel di sidebar.. salah di apa ya?

Leave a Reply