Widget Social Media V2

Widget Sosial Media berfungsi agar para pengunjung dapat melihat Sosial Media kalian,dan juga pengunjung dapat mengikuti atau like fanspage kalian,jika sebelumnya saya membagikan Widget Sosmed V1,kali ini saya akan membagikan yang V2,Penasaran bagaimana tampilannya ?

Didalam versi ini terlihat lebih Flat dan juga Fresh,tapi banyak widget yang ketinggalan yaitu Alexa,Histats,Visitors dan lainnya

Jika tertarik untuk memasang,Yuk lihat kebawah

Cara Memasang Widget Social Media V2

- Widget Social Media V2 sangat mudah dipasang dan tanpa harus mengutak-atik Template
1.Masuk ke Tata Letak dan klik Tambahkan Widget lalu pilih HTML/Javascript
2.Copy kode dibawah ini,lalu pastekan di widgetnya 

<style>
.widget-content { overflow: hidden; }
#sosmedv2 ul li a.sosmedv2-yt { background-color: #E62117; border-bottom: 4px solid #D01D14;float: left; }
#sosmedv2-msg {font-family: 'Roboto'; text-align: center; position: relative; padding: 0; margin: -10px 0; bottom: 10px; }#sosmedv2 { margin: 0 0; padding: 0; line-height: 1.3em; }#sosmedv2-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}#sosmedv2 ul{padding: 0; text-align: center; width: 100%; position: relative; bottom: 25px;}#sosmedv2 ul li{display:inline-block;margin:40px 0 0;position:relative;width: 32%;}#sosmedv2 ul li a{display:inline-block;color:#fff;padding:11px 0;font-size:15px;border-radius:2px!important;width:100%;}#sosmedv2 ul li a.sosmedv2-gples{background-color:#f65543;border-bottom:4px solid #e13522;margin-right:4px;float:left}#sosmedv2 ul li a.sosmedv2-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/masdeeons" 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="sosmedv2">
<ul>
<li><a class="sosmedv2-gples" href="http://plus.google.com/u/0/+masdeeons" target="_blank" rel="nofollow">Google+</a></li>
<li><a class="sosmedv2-tw" href="http://www.twitter.com/dionredcodez"  target="_blank" rel="nofollow">Twitter</a></li>
<li><a class="sosmedv2-yt" href="http://www.youtube.com/masdeeons"  target="_blank" rel="nofollow">Youtube</a></li>
</ul></div>
<div id="sosmedv2-msg">
</div>

Eitts,seperti biasa jangan disimpan dahulu,kita harus mengedit beberapa teks

1.Ganti teks berwarna merah dengan URL Facebook Fanspage anda (Facebook)
2.Ganti teks berwarna orange dengan URL Google+ anda (Google+)
3.Ganti teks berwarna biru dengan URL Twitter anda (Twitter)
4.Ganti teks berwarna ungu dengan URL Youtube anda (Youtube)

Nah setelah kalian ganti,sekarang kalian bisa meng-save widget tersebut, lalu cek blog anda

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.