Widget Social Media Ala Cak Yit

Bagikan :

Tweet

Hai Sobat, kali ini saya akan share " Widget Social Media Ala Cak Yit ". Cara ini cocok bagi anda yang ingin membuat widget social media.
Mau tau caranya... Langsung Ke Tutorialnya...

Widget Social Media Ala Cak  Yit

1. Masuk Ke Beranda Blogger > Tata Letak > Tambahkan Widget > HTML/Javascript
2. Masukkan Kode Di Bawah Ini Ke Dalam Kotak Yang Sudah Disediakan

<style>
.widget-content { overflow: hidden; }
#cak-yit ul li a.cak-yit-yt { background-color: #E62117; border-bottom: 4px solid #D01D14;float: left; }
#cak-yit-msg {font-family: 'Roboto'; text-align: center; position: relative; padding: 0; margin: -10px 0; bottom: 10px; }#cak-yit { margin: 0 0; padding: 0; line-height: 1.3em; }#cak-yit-msg:before{content:" Silahkan Follow dan Like Fanspage";font-weight:bold;display:table;text-align:center;color:#555;font-size:15px;bottom:0;margin:10px auto}#cak-yit ul{padding: 0; text-align: center; width: 100%; position: relative; bottom: 25px;}#cak-yit ul li{display:inline-block;margin:40px 0 0;position:relative;width: 32%;}#cak-yit ul li a{display:inline-block;color:#fff;padding:11px 0;font-size:15px;border-radius:2px!important;width:100%;}#cak-yit ul li a.cak-yit-gples{background-color:#f65543;border-bottom:4px solid #e13522;margin-right:4px;float:left}#cak-yit ul li a.cak-yit-tw{background-color:#4fc4f6;border-bottom:4px solid #35aadc;float:right}
</style>

<div id="fan-go">
<div class="fb-page" data-href="https://www.facebook.com/Cak-Yit-726679807467359" data-width="300" data-height="250" data-hide-cover="false" data-show-facepile="false" data-show-posts="false"></div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.5&appId=1071033509595578";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</div>
<div class="clear"></div>
<div id="cak-yit">
<ul>
<li><a class="cak-yit-gples" href="http://plus.google.com/u/0/104000013796464093084" target="_blank" rel="nofollow">Google+</a></li>
<li><a class="cak-yit-tw" href="http://www.twitter.com/sionturnip"  target="_blank" rel="nofollow">Twitter</a></li>
<li><a class="cak-yit-yt" href="http://www.youtube.com/sionturnip"  target="_blank" rel="nofollow">Youtube</a></li>
</ul></div>
<div id="cak-yit-msg">
</div>

Anda Dapat Mengganti Url Dengan Url Anda Sendiri
3. Klik Simpan

Tag : HTML, Widget