Home » » Cara Memasang Widget Jejaring Sosial Keren di Sidebar Blog

Cara Memasang Widget Jejaring Sosial Keren di Sidebar Blog

Written By Aswar on Rabu, 14 Mei 2014 | 08.20

Cara Memasang Widget Jejaring Sosial Keren di Blog
Siang Sobat Tutorial Blog, Pada kesempatan kali ini saya akan share tentang Cara Memasang Widget Jejaring Sosial Keren di Sidebar Blog. seperti yang telah anda lihat pada gambar disamping, widget terlihat begitu keren. Keuntungan dengan Memasang Widget Jejaring Sosial di blog, memungkinkan anda untuk menambah pengunjung atau pembaca blog tetap anda.dan tentunya semakin banyak orang yang bergabung dalam komunitas anda. Langsung saja, buat anda yang ingin memasanag widget jejaring sosial ini, silahkan ikuti langkah berikut.
  1. Login ke akun Blogger anda
  2. Klik Tata Letak > Tambah Gadget pilih HTML/JavaScript
  3. Silahkan Copy dan Paste Script di bawah ini.
    <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/blogofrudy" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlxLKW-LLJXi0RWSoPJ3ZIm4KJnJckaM32Gnf5h0gSGHxaMc21FLbAVO6jVN1sHqUQZeGvJopyxb9JeAq1zpCxBRbADZcg7jZcqgnyaOQEgYXYc3tu8gMDBb8TpD0fHaWQ6PLHv2B-HjXD/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=blogofrudy&loc=en_US" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtXKQqrWiF9GyGLpcTdK5i7Thn7pUjdNeShmXVOxaean_5Xuwdm-wlU7ioBB-Six-cymkYC8n2MwPEqDmPnReTAG7dq38jrCc8Dhh_HzMGEmETV6xa-silLd05IS1zw58QbdjncEBGvmOZ/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/rudihartoyo91" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHglz72rgsFAxxegC5jGIJTDyb2jEvL4ZV6q1wH-hGm2Jx-RVH0cPpBzaY5NTS8fw0JlI2jCWCn3SsKNbxznnxeMUJiKkJOyaS-SGHRoO1CKgDS4wHlsi8xcSL30a-NTcdubIkS0w7y4pM/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/RudiHartoyo" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOUf-23v4Nr_23rfQtSoV2eLOrdC_AoD0YNC_xjBJHJJxO36RBpYpPF82EN5cDpgkWkQeiVTdtUmmYWDJACSxK_s3TtA_s2pCzWEF53IWz_PNwmu4lvzaBgK59UV_YHhq6Jq3PpGjwj8Yf/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/110015152091049984697/posts" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibZcCdeHBxAzxWynQniwC70ToL0u6chQa1v1LC9G1wDHjSs3dRmI6exSO0sVHtTnpGIxdilUt-5-yo9mQTOEaIWQnovHwPxza8pBQoA359WxTgYRKkcot_YReYhoGEdgsVjuGkYcZNRuOl/s1600/GOOGLE-PLUS-48x48.png"/></a></div></center>
  4. Keterangan : 
    • Untuk tulisan berwarna Merah , silahkan ganti dengan akun Feedburner anda.
    • Untuk tulisan berwarna Biru , ganti dengan username Facebook anda.
    • Untuk tulisan berwarna Hijau, ganti dengan username Twitter anda
    • Untuk tulisan berwarna Orange, ganti dengan ID google+ anda.
  5. Setelah semua selesai, silahkan klik Simpan dan lihat hasilnya.
Demikianlah Tutorial sederhana tentang  Cara Memasang Widget Jejaring Sosial Keren di Sidebar Blog, Semoga Bermanfaat.^_^
Sumber : http://rudihartoyo.blogspot.com
Share this article :
Comments
0 Comments

0 komentar:

Posting Komentar