Cara membuat widget social media

Yeay,update lagi pada siang ini,setelah kemarin gw membahas trick dasar valid html 5,kali ini gw akan share trick cara membuat widget social media simple,seperti apakah simple nya?? ini dia SC nya

gimana?? simple bget kan?? ok deh langsung aja

1.Login ke blogger lo

2.Lalu masuk ke template

3.Lalu klik html

3.Cari kode ]]></b:skin>

4.Letakkan kode di bawah ini di atas kode tadi

#socialbox { max-width:100%; padding:10px; background:#fff; margin:0; box-shadow:inset 0px 0px 6px #ddd; -mox-box-shadow:inset 0px 0px 6px #ddd; -webkit-box-shadow:inset 0px 0px 6px #ddd; border:1px solid #ccc; border-radius:5px; overflow:hidden; } .social { background:#fff url(http://1.bp.blogspot.com/--4CvEviaskw/UUsmFnxffgI/AAAAAAAAAD0/-yTMUjlcXPo/s1600/csg-514b240d34eeb.png) no-repeat top left; } .facebook,.googleplus,.twitter,.rss { -moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; } .text { height:24px;line-height:24px !important;float:left;margin:6px;font-size:17px;font-style:italic;color:#555;font-weight:bold;} .facebook:hover{cursor:pointer; background-position: 0 0; width: 24px; height: 24px; } .facebook{float:right;margin:6px 10px; background-position: 0 -44px; width: 24px; height: 24px; } .googleplus:hover{ cursor:pointer; background-position: 0 -88px; width: 24px; height: 24px; } .googleplus{float:right;margin:6px 10px; background-position: 0 -132px; width: 24px; height: 24px; } .rss:hover{ cursor:pointer; background-position: 0 -176px; width: 24px; height: 24px; } .rss{ float:right;margin:6px 10px;background-position: 0 -220px; width: 24px; height: 24px; } .twitter:hover{ cursor:pointer; background-position: 0 -264px; width: 24px; height: 24px; } .twitter{float:right;margin:6px 10px; background-position: 0 -308px; width: 24px; height: 24px; }

5.Save template lo
6.Lalu pilih tata letak
7.Add widget
8.Pilih widget html/javascript
9.Dan masukkan kode di bawah ini di dalam widget tadi

<div id='socialbox'>
 <div class='text'>Find Us :</div>
<a href='url feed lo'>
 <div class='social rss'/>
 </div></a>
 <a href='url google plus lo'>
   <div class='social googleplus'/>
 </div></a>
<a href='url twitter lo'>
 <div class='social twitter'/>
 </div></a>
<a href='url facebook lo'>
 <div class='social facebook'/>
 </div></a>
</div>

yang kode warna merah ganti dengan link url social media lo,lalu langsung save deh....
gimana?? simple bget kan?? udah deh segini dulu ya??

see you

Anda Sekarang Sedang Baca Artikel Tentang Cara membuat widget social media Anda Bisa Menemukan Artikel Cara membuat widget social mediaSaya Ini, dengan url https://ekamaroo.blogspot.com/2013/11/cara-membuat-widget-social-media.html, Kamu Juga Boleh Menyebar Luaskan Artikel Ini Atau Mengcopy Paste Artikel Cara membuat widget social media ini Jika Memang Berrmanfaat. Tapi Saya Harap Anda Jangan Lupa Menyertakan Sumbernya : Cara membuat widget social media

Backlink Please !

URL

Code For Forum

HTML Code <a href='https://ekamaroo.blogspot.com/2013/11/cara-membuat-widget-social-media.html' target='_blank'>Cara membuat widget social media</a>