membuat widget berlangganan dengan jejaring sosial

Pada kesempatan kali ini kita akan belajar untuk membuat widget berlangganan di blog. Ada beberapa jejaring sosial utama yang akan menunjang keberhasilan blog anda. Selain itu dengan memasang widget ini, akan menujang penampilan blog anda agar menjadi lebih keren.

Supaya anda tidak penasaran bagaimana jadinya nanti, saya sudah menyiapkan previewnya untuk anda. Di bawah merupakan pratinjau dari widget yang akan kita buat nantinya.




Salah satu cara untuk menmbah traffic/pengunjung di blog adalah dengan cara membangun komunitas blog anda. Untuk membangunnya anda bisa menggunakan jejaring sosial untuk menambah pembaca tetap blog anda. Dengan menambahkan widget ini diharapkan anda bisa mendapatkan pembaca tetap blog anda.

Bagaimana Cara Membuat Widget Berlangganan Dengan Jejaring Sosial Di Blogger?

Langkah 1 : Silahkan masuk ke blogger >> Dashboard >> Tata Letak

Langkah 2 : Pilih Add Gadget >> HTML Javascript

Langkah 3 : Masukkan kode di bawah ini di dalam kotak yang muncul

<style> #social a:hover { background-color: transparent;opacity:0.7; } #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center> <div id="social"><a title="Grab Our Rss Feed" href="http://feeds.feedburner.com/cofeemix" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg33kTxrBHgJAikkIPcpg1siKXNdiicx2wOHe4rIcRUuo1Oo6C4VDR1aVj4LJEWELN8u7PnW1rK4buoEpWD1lH36IB5cDV4bsa0HFjvoRvdaAJ505UOg_r8wWgVom9gMNb8Wo7UUoMGcCWo/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="http://feedburner.google.com/fb/a/mailverify?uri=Cofeemix&loc=en_US" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivpS1c_SlzlQ0pDPMieOk9U4I_NsPlL5srgZ2wKwSP9HEC1sDmTZnJA9So_zvd7nriejEzpUDwgtk4v70Xp70LVdRUROVcnP2Ja0pynRyAb6uOAmtjGOCE7qm5H5BTdigv9YPahvEJMa1E/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="https://www.facebook.com/Ghonhey Alvieroputra" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9xpUz31uqfa6HZVWVB7dSSOpuUWJ8TNR-1bIxBSrQIPct7JCldfoggDhFRNSajGXKDgmAYEnJC4khGejUq0mNTvlu_c_nytmGnEHmTO9ocAhh7Oe60LSDMs3cYLAcC51TGKK4nVX4UL7T/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="https://www.twitter.com/abdul ghoni" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzxhZ8MSu9MuPpUGlYD0IZ42DVU0DYZg9SxjEN7GEU0LIKtxz0C0mm_DwLySL_Q5a5EsJ_tkwLYDG8frmZNNxF79xLmNGJftbzzHPvSviDKGK9Hz6rJFDWTajZ9VcZE4ENvoMDWVapfPU4/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/u/0/6757454592881150980/posts" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia4FOcvku6iIaqEuxvafIc7Db8eOgQWFX77gPx9g2w4aUWf0pFcyN-9tUDDag4dihGiZeFa05LAFk0Pc2gO-GziiqtNIiP9Y6ug0aHiuG2SIwNfhkpw9WjICi7TKhfx-9u9SpUPSf7JHKe/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="http://pinterest.com/Ghonhey/" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgylCo9sitBxKZRGA92H5471RK1blx1PHXOwHopUnEPRWJDRp8qYsOeeIxhAt9JM5DuryzEOcRi7IAt9AkikPHu8jy7E5DD0EmlEbEzXwFYqel5jLXl6TshGTeWxbLoZIuOQiPTqNJx-uG/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div></center>

Untuk menggunakan widget tersebut, anda harus merubah beberapa kode di atas dengan profil jejaring sosial yang anda gunakan. Misalkan saja akun twitter, halaman facebook dan lain sebagainya.

Cara untuk mengeditnya :

*) Ganti http://feeds.feedburner.com/cofeemix  Dengan alamat feedburner anda
*) Ganti Cofeemix  Dengan id feedburner anda
*) Ganti  https://www.facebook.com/BloggerKampusPerjuangan Dengan alamat halaman facebook yang anda punya.
*) Ganti  https://www.twitter.com/abdul ghoni Dengan alamat profil twitter anda
*) Ganti  https://plus.google.com/u/0/104621038232382151049 Dengan dengan alamat google+ anda
*) Ganti  http://pinterest.com/Ghonhey Dengan akun pinterest anda

Langkah 4 : Simpan

Nah, kalau sudah selesai silahkan lihat hasilnya dan coba anda klik satu per satu untuk meyakinkan anda jika widget yang anda buat berjalan dengan baik. Sekian dari saya jika ada pertanyaan silahkan tinggalkan komentar