Membuat Widget Berlangganan Dengan Jejaring Sosial Yang Keren Abis

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/AVvXsEjuSUmbj2-X1l_Zlg7_XsfddJVv3qg8d7lFgwk_q_hz_uQ8uHq3oxWpLN41LsNJs0Fz881R1oSXXdxTSQx12clAa3iDHjWqe3Rhu_1m3NlNsMg5Z507nK5TDA5pmwtLjg0vOkjQnRRtsB_p/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/AVvXsEj9YI_PPLyy-6awWHsObNbxST502QpOm61ksUpE0Su2nbFy1_XRfJHngtnBhu2bY8-xIsgvejy2JG7QbvjucSE2p6CnECI8VOT79J0P5qztvelanWy0o5xoLTAYEEZ3LLtEnEoF8qfjrOfL/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/BloggerKampusPerjuangan" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjavg4Vr96cedI7fhxaY-tsBLeEpHWm6lBDFtfehY4OCshQ34rqHAAEbKmHo6Z5ADZVD3LuT_fth5t2Z7sgiR16rFqXVPiSWaZsrOfaiLZg2clZ8aBL8lg4INaf2m2opqswbbSDv6G1Yj1z/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/sentotadipati" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKVmDoW6P7pkZo5NJ8Zk-9y4exEPudblqlaFX8iaH9OaoJm_j7JB3kk3XLLHfCaVoywBeKvEjCDeAFLd-7pmjrKkgSQdPwadvi4UeYhgW_M2RsTp9zIASUC1U9xEd7gTSSL_3JWLw-WPSY/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/104621038232382151049/posts" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxjdu4StsfU4TKCS6veZR-f-91oaX4-w_CPWJg8wDcE-i7rsLLTLCillUYPqT-dxjGKgzzbRbKw5LgXm8xIJGZl2Lzs5KWAsBkr2xboVH7hbl5M64fHKObFltTI84dsrbIIubYN4A3K89y/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="http://pinterest.com/bayuadipati/" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghqUwDBWn89uS6070VUHwlxA0JyYph76vu3vV_7AZzLcTIaQSjBvnCVf5AQ-7au4zxnLg0PnK2BLfeODzbUCmTFGkzjir8hgzZ5Bwe9HNhpUOawEpR7JXo9HlpN78Gk2RDPKlHV_AgVaFs/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/sentotadipati Dengan alamat profil twitter anda
*) Ganti https://plus.google.com/u/0/104621038232382151049 Dengan dengan alamat google+ anda
*) Ganti http://pinterest.com/bayuadipati 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 di bawah

Post Tags:

sidebar widget social widget subscription widget

Jillur Rahman

I'm Jillur Rahman. A full time web designer. I enjoy to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with Themeforest. You can buy our templates from Themeforest.

Website: http://masala-jr.blogspot.com/