Collegecommunities.blogspot.com

Selasa, 12 Februari 2013

Cara Memasang Widget Jejaring Sosial Keren di Sidebar Blog

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/AVvXsEg4Hth2Y8iUcrpD3etHc0V8Pwh-Ym5BHeNalSj_jMO8fY94WPsMNo3PfcNMsliTr1pgO50BdjpPjYOzq5I3M_rx4_7IqeADugfdZhUzh9yLJknMKj8Ly8tjHxY5ighDGRMPJi4NMy0Hv4IM/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/AVvXsEjpgWA0XUjfCe_P3GXb-jCo_Apd9HZTAlx9fAs1t_p13Akk_1tkkXFHZtZ5TdmOgPcU9SybzvcSSrQasEbs8fx6cKpH_yuyxrVHhfYZj_wwz3D53pqObq93xwirLi5OgNUDcbX8_YbnfpIK/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/AVvXsEgk5OA5EuUuxoPYJXcXjdSQLoYmaWBzDpnjWeqf8m75Pftca4ktNSfjdnLlTKIIiCFwgBH21tw-TbHC7Z0L1eJCKuRIBT149BuzYfdvGVVhnF651fi0vVSIarXdKHyYjws3VSp5iYYpkQeS/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/AVvXsEiQxNdRzZQPco9Pt40QzGT7b44qNGvteMtmA4NctXNLmMMhuCF2pART7CLV_mlmUUeKQZlnhB9WLsdw7pwPdbCN5Z_D9pzACOs_lur38Blgafp1VTaELNCSzIWx7c5QwbBS71HwuKTx6dL2/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/AVvXsEgay0ge-e96moFH2bCF0Jvnqf5QZj3DELL8t4FPKNdGV6Hjslc9nmAjFmZSZtrpvLYzzvRri97hXL8RKDQHeAdWkHylitK5xlH6VQfaTfAuI-pxdJsMhVVr14Cr6IyuYEI5sEWRkjE__CE-/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.^_^

Tidak ada komentar:

Posting Komentar

 
Support : Ok Siip | Creating Website | Aa Rizal | Aa Rizal | Pusat Informasi
Copyright © 2011. Take What You Want - All Rights Reserved
Template Created by Creating Website Modify by CaraGampang.Com
Proudly powered by Aa Rizal