Oke gan kali ini ane mau kasih widget keren buat agan-agan sekalian..
tampilan widget-nya kaya gambar di bawah.. keren kan..
Nah begini cara makenya :
1. Pertama Copy Script HTML merah berikut :
"Catatan : Ganti tulisan warna biru dengan username/profil social media ente"
<tr> <td width="245" height="35"> <!-- START SOCIAL MEDIA WIDGET --><ul id="socialbar">
<li id="facebook"><a target="_blank" href="http://www.facebook.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/facebook.png"></a></li>
<li id="twitter"><a target="_blank" href="http://twitter.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/twitter.png"></a></li>
<li id="Googleplus"><a target="_blank" href="https://plus.google.com/u/0/profilepageaddress"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Googleplus.png"></a></li>
<li id="Pinterest"><a target="_blank" href="http://pinterest.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Pinterest.png"></a></li>
<li id="linkedin"><a target="_blank" href="http://www.linkedin.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/linkedin.png"></a></li>
</ul>
<style>#socialbar img {border:0px;}#socialbar li img {width:36px; height:36px;}#socialbar li a:hover {position:relative;top:2px;}#socialbar{list-style: none outside none; margin:0px; position: static;}#socialbar li {display:inline;padding-right:2px;}#socialbar{padding:10px;text-align:center;}</style></td> </tr>
<tr> <td height="10"><h6 align="center">
<!-- PLEASE DON"T REMOVE CREDIT --><a href="http://www.mbgadget.com/">blogger widget</a></h6>
<!-- END SOCIAL MEDIA WIDGET --></td> </tr>
</table>

3. 'After that' pilih menu tambahkan gadget
4. pilih gadget HTML/Java Script
5. paste-kan Script tadi di kolom konten
6. lalu beri judul, dan tinggal di simpan.
Dan MISSION COMPLETE...
Oke gan Semoga bermanfaat..
Bantu Share Blog ini ya..
0 komentar:
Posting Komentar