Translate this Article...
Kali ini admin bakal share cara membuat icon sosial media di sidebar blogspot, tujuan dari icon sosial media ini untuk memudahkan pengunjung untuk menemukan sosial media blog anda.. Nahhh... tanpa berlama-lama silahkan disimak cara gampangnya berikut ini...
- Silahkan buka Template (edit html) blog agan,
- Silahkan cari kode yg seripa dengan code biru dibawah ini
<aside id='sidebar-wrapper'>
<div class='sidebar-inner'> atau yg serupa/mirip - Silahkan copy dan paste code merah berikut ini tepat dibawahnya
<div id='social_networks'>
<ul><!--Social Icons Started Started-->
<li class='sorting-01 facebook'><a href='https://www.facebook.com/pallawagaru'><span class='inv'>Facebook</span></a></li>
<!--Replase With Facebook URL-->
<li class='sorting-02 twitter'><a href='https://twitter.com/Piymen'><span class='inv'>twitter</span></a></li>
<!--Replase With Twitter URL-->
<li class='sorting-03 googleplus'><a href='https://plus.google.com/u/0/104561745501039300654/posts'><span class='inv'>googleplus</span></a></li>
<!--Replase With Google Plus URL-->
<li class='sorting-06 linkedin'><a href='https://twitter.com/TenagaSosial'><span class='inv'>linkedin</span></a></li>
<!--Replase With Linked In URL-->
<li class='sorting-04 youtube'><a href='https://www.youtube.com/channel/UCzjM4h0ynm4I8JfrZ8PTg_w'><span class='inv'>youtube</span></a></li>
<!--Replase With Youtube URL-->
</ul><!--Social Icons Started End-->
</div>
<div class='clear'/>
- Setelah itu copy lagi code warna merah dibawah ini, lalu pastekan tepat diatas code ]]></b:skin>
#social_networks{width:100%;display:block;margin:0 auto;text-align:center;}
#social_networks ul {list-style:none;} - Nahh... Selesai, silahkan save template agan dan lihat hasilnya
- Silahkan bereksperimen sendiri..
- Kedua code diatas juga bisa langsung diletakkan di pengeditan Layout CSS/JS/HTML
Demikian dari admin semiga tidak ada kendala berarti..
Salam Blogger Indonesia...
Salam Blogger Sidrap...
Andi AM
Andi AM
