Cari Artikel

Selamat datang! di blog The Kampoeng Blogger , silahkan tinggalkan pesan di kolom komentar bila terdapat kode yang error.

March 11, 2013

Memasang Widget Social Bookmark Dengan Efek Peel (Terkelupas) di Blog

Berbagai macam efek dan gambar yang diberikan pada sosial media di blog telah membuat blog menjadi menarik dan tidak membosankan saat dikunjungi. Beberapa  modifikasi bentuk sosial media di blog yang sudah kita bahas sebelumnya adalah sosial media yang berbentuk perangko dan sosial media 3D dengan efek berputar di blog. Selain dari itu masih ada lagi modifikasi bentuk dan efek sosial media yang lainnya yaitu widget sosial media dengan efek peel (terkelupas). Nah, kali ini kita memang akan membahas mengenai bagaimana cara memasang widget sosial media dengan efek peel (terkelupas) di blog. Sebagaimana modifikasi bentuk dan efek sosial media yang lainnya, modifikasi yang satu ini juga tidak kalah bagusnya dengan modifikasi yang lain. Anda penasaran dengan bentuk sosial media ini? Anda bingung tentang bagaimana memasangnya di blog anda? Tenang saja, saya akan memberi tahu anda satu per satu bagaimana cara memasang widget ini di blog dalam 3 langkah saja. Silahkan anda simak baik-baik cara memasang widget sosial media dengan efek peel (terkelupas) di blog dengan seksama.

memasang widget sosial media dengan efek peel (terkelupas) di blog

Memasang Widget Sosial Media Dengan Efek Peel di Blog

Step 1

Masuk ke halaman dashboard > Layout > Add gadget > HTML/JavaScript

Step 2

Letakkan kode berikut ke dalam halaman HTML/JavaScript
 <!-- AWAL KODE DELICIOUS -->
<img width="" height="" onmouseover="this.src='http://4.bp.blogspot.com/_7wsQzULWIwo/SqGDqvOi6_I/AAAAAAAABwU/V1wp5He0Va8/s400/DELICIOUS1.png'" src="http://3.bp.blogspot.com/_7wsQzULWIwo/SqGDq_yQIKI/AAAAAAAABwc/oFKdjffGT7Q/s400/DELICIOUS2.png" onmouseout="this.src='http://3.bp.blogspot.com/_7wsQzULWIwo/SqGDq_yQIKI/AAAAAAAABwc/oFKdjffGT7Q/s400/DELICIOUS2.png'"/>
<!-- AKHIR KODE DELICIOUS -->
<!-- AWAL KODE RSS -->
<img width="" height="" onmouseover="this.src='http://3.bp.blogspot.com/_7wsQzULWIwo/SqGGvLkLbZI/AAAAAAAAByU/UAY0e3H8skU/s400/RSS1.png'" src="http://1.bp.blogspot.com/_7wsQzULWIwo/SqGG68DCUFI/AAAAAAAAByk/eqXDid_DUZY/s400/RSS2.png" onmouseout="this.src='http://1.bp.blogspot.com/_7wsQzULWIwo/SqGG68DCUFI/AAAAAAAAByk/eqXDid_DUZY/s400/RSS2.png'"/>
<!-- AKHIR KODE RSS -->
<!-- AWAL KODE YOUTUBE -->
<img width="" height="" onmouseover="this.src='http://4.bp.blogspot.com/_7wsQzULWIwo/SqGGuULHk1I/AAAAAAAAByE/FbPpFQBC6nA/s400/YOUTUBE1.png'" src="http://4.bp.blogspot.com/_7wsQzULWIwo/SqGGu3pt6nI/AAAAAAAAByM/QyIAvpL6N9Q/s400/YOUTUBE2.png" onmouseout="this.src='http://4.bp.blogspot.com/_7wsQzULWIwo/SqGGu3pt6nI/AAAAAAAAByM/QyIAvpL6N9Q/s400/YOUTUBE2.png'"/>
<!-- AKHIR KODE YOUTUBE -->
<!-- AWAL KODE YAHOO -->
<img width="" height="" onmouseover="this.src='http://1.bp.blogspot.com/_7wsQzULWIwo/SqGGttGnNZI/AAAAAAAABx0/q5eZRUfgfNc/s400/YAHOO1.png'" src="http://2.bp.blogspot.com/_7wsQzULWIwo/SqGGtycf68I/AAAAAAAABx8/TOF9DuD7n10/s400/YAHOO2.png" onmouseout="this.src='http://2.bp.blogspot.com/_7wsQzULWIwo/SqGGtycf68I/AAAAAAAABx8/TOF9DuD7n10/s400/YAHOO2.png'"/>
<!-- AKHIR KODE YAHOO -->
<!-- AWAL KODE TWITTER -->
<img width="" height="" onmouseover="this.src='http://2.bp.blogspot.com/_7wsQzULWIwo/SqGGZCTqMOI/AAAAAAAABxk/eAIBpRqgJiE/s400/TWITTER1.png'" src="http://3.bp.blogspot.com/_7wsQzULWIwo/SqGGZlcpt1I/AAAAAAAABxs/KUZHX71eimo/s400/TWITTER2.png" onmouseout="this.src='http://3.bp.blogspot.com/_7wsQzULWIwo/SqGGZlcpt1I/AAAAAAAABxs/KUZHX71eimo/s400/TWITTER2.png'"/>
<!-- AKHIR KODE TWITTER -->
<!-- AWAL KODE TECHNORATI -->
<img width="" height="" onmouseover="this.src='http://4.bp.blogspot.com/_7wsQzULWIwo/SqGGYWGbF8I/AAAAAAAABxU/o5IHL_Ciwss/s400/TECHNORATI1.png'" src="http://1.bp.blogspot.com/_7wsQzULWIwo/SqGGYzi6R6I/AAAAAAAABxc/4Ib3ueGU4Oc/s400/TECHNORATI2.png" onmouseout="this.src='http://1.bp.blogspot.com/_7wsQzULWIwo/SqGGYzi6R6I/AAAAAAAABxc/4Ib3ueGU4Oc/s400/TECHNORATI2.png'"/>
<!-- TECHNORATI AKHIR KODE -->
<!-- AWAL KODE REDDIT -->
<img width="" height="" onmouseover="this.src='http://1.bp.blogspot.com/_7wsQzULWIwo/SqGGJWOkYZI/AAAAAAAABxE/_cOecHZDRsY/s400/REDDIT1.png'" src="http://2.bp.blogspot.com/_7wsQzULWIwo/SqGGYGTSWrI/AAAAAAAABxM/49lKyrQBSoA/s400/REDDIT2.png" onmouseout="this.src='http://2.bp.blogspot.com/_7wsQzULWIwo/SqGGYGTSWrI/AAAAAAAABxM/49lKyrQBSoA/s400/REDDIT2.png'"/>
<!-- AKHIR KODE REDDIT -->
<!-- AWAL KODE FACEBOOK -->
<img width="" height="" onmouseover="this.src='http://4.bp.blogspot.com/_7wsQzULWIwo/SqGGIS5ncrI/AAAAAAAABw0/LaZwhbVchUQ/s400/FACEBOOK1.png'" src="http://2.bp.blogspot.com/_7wsQzULWIwo/SqGGI-67dFI/AAAAAAAABw8/60pD0Cixu3Q/s400/FACEBOOK2.png" onmouseout="this.src='http://2.bp.blogspot.com/_7wsQzULWIwo/SqGGI-67dFI/AAAAAAAABw8/60pD0Cixu3Q/s400/FACEBOOK2.png'"/>
<!-- AKHIR KODE FACEBOOK -->
<!-- AWAL KODE DIGG -->
<img width="" height="" onmouseover="this.src='http://3.bp.blogspot.com/_7wsQzULWIwo/SqGGHk_dvrI/AAAAAAAABwk/kmAe1jCxrGA/s400/DIGG1.png'" src="http://2.bp.blogspot.com/_7wsQzULWIwo/SqGGII4WnFI/AAAAAAAABws/F_7d2L5yFfA/s400/DIGG2.png" onmouseout="this.src='http://2.bp.blogspot.com/_7wsQzULWIwo/SqGGII4WnFI/AAAAAAAABws/F_7d2L5yFfA/s400/DIGG2.png'"/>
<!-- AKHIR KODE DIGG -->
Catatan !
Anda dapat mengubah lebar dan tinggi dari masing-masing ikon  dengan memasukkan nilai tinggi dan lebar ikon yang anda inginkan pada kode ini width="" height="" contohnya : width="40px" height="40px"

Step 3

Klik Save 

Selesai! dan sekarang anda lihat hasilnya di blog anda. Bagaimana? menarik bukan?
Selamat mencoba!
Wassalam.

Written by: Rysmah Zainal Arifin
The Kampoeng Blogger, Updated at: 9:05 AM

1 comments :

David Ariand said...

Terimakasih atas informasinya, Sangat bermanfaat :)

Tinggalkan Komentar Anda di Sini:

Komentar yang mengganggu, berbau SARA, porno, mengandung iklan dan mencantumkan link aktif akan segera kami hapus.
Terimakasih atas perhatiannya.