Rabu, 19 Februari 2014

Widget Keren Social Media untuk Blog


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>
 2. lalu buka blog ente, terus masuk menu tata letak (perhatikan gambar)


  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