Membuat Social Widget Blogger

widget blogger
Membuat socialwidget diblogger | SocialWidget Memiliki banyak mamfaat diantaranya dapat mempercantik tampilan blog dan juga membantu memudahkan pengunjung blog untuk menuju Halaman-halaman fanpage yang kita miliki di situs Jejaring Social yang populer.
Banyak Jenis model socialwidget yang tersedia di blog-blog yang ada diinternet, dan memberikan cukup banyak pilihan dan kita dapat memilih socialwidget sesuai dengan selera atau yang sesuai dengan model blog yang kita kelola. Berikut salah satu jenis Socialwidget yang cukup menarik untuk anda gunakan.

Tutorial Widget Blogger:

  1. Cara Membuat Form Contact Blogger
  2. Cara Membuat Forum Blogger
  3. Membuat Widget Recent Post Blogger

social widget

Cara Membuat SocialWidget Blogger

Langkah-langkah :
Pertama, Login ke Blogger.com 
>> Nama blog >>Tata Letak >> Tambah Gadget
>> Html/javascript.

Kedua, Copikan semua Kode Css dan javascript dibawah ini ke gadget yang telah ditambahkan tadi>>Html/javascript.


CSS
<style type='text/css'>
.social ul {list-style:none; display:inline}
.social li {float:left;padding: 0px 1px 0px 0px; margin-top:-4px}
.social li a img{height:59px;width:59px}
</style>

Javascripts
<div class='social'>
<span class='fade'>
<ul>
<li><a href="http://facebook.com/tutorialgratis">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif9Ji5Ol7NTdo0M99jJkMxwd8Yhjyyfi2lVlsCCvWiYxDx8awrFIQ580cMNl6fLltu3ReoMs9nQ2pkJNc3QqJ080OBLxmUSHdHGc7MJ6B-BD3iKFdLrpmdIAHPbWXZgECQf8BaCZ1XQlCX/s57/Facebook%2520alt%25201.png"/>
</a></li>
<li><a href="https://plus.google.com/b/110129424041359099284/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSEsl4RSLyLdnAWUQpmh0VA5lzK6sxpXc14cKi9_ucSZwfrQocDyFv_ZFne1n7evkTawp4pI0JxpISc3wDxhmbntiLRSqMYdFXA5Lfbatkqu1Xd51uDThHbal50mgjzpPHCm1AQZuNd2uZ/s57/Google%252B%2520alt.png"/>
</a></li>
<li><a href="http://pinterest.com/blukusud">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpiQrPULPc2Tji1LppVqr6fh-dVC12h9rVV4Ib0VGJWikwW0Fn4NDRepiioRjnDu16WC1DPTBIKLvm8njGQRvwjAK9-pqlbEUI4Y4e1IKmCDNcAjsPQOLs2T_oRcxkd7qet9kZChSvfu0C/s57/Pinterest%2520alt.png"/>
</a></li>
<li><a href="http://feeds.feedburner.com/alfihasnal">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYFU5zreZa0bJNoovjhEuL2JvibUmxgqstfXnL5SKQcwZm8hZl_hk1nmt1YLJQ_epuJm_chayixKnsnCGPnom6m7M_DDh5uJkEa47oOkEtlxpIZ-jaeLz4UHGHR4g0RljQJJvN5-r6iRoE/s57/RSS%2520Feed.png"/>
</a></li>
<li><a href="http://www.youtube.com/channel/UChoR-OSp_OL1xJHGHP6k4rg">
<img style='width:60px' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTJyaH4iJW2QpeSKE6Z1Y0KJE4J8K-Wn0jiNXhHEoXj0K6P-utlcPTef4jA8fxqr537pxWrDy4buFjX-84mPwRtIpPF_QXTrhPhjAfCCPl_M1W7fxqCLH3O81gh3LwBdfkaMC4KXBijZST/s57/YouTube%2520alt%25201.png"/>
</a></li>
</ul></span>
</div>

Tulisan yang bewarna biru silahkan anda ganti dengan alamat widget social yang anda miliki dan simpan
semoga bermamfaat.

You may like these posts