Referensi mahrus.net tentang tutorial android, blogging, daftar, kesehatan, komputer, internet, operator update terbaru dan terlengkap setiap hari.

Sunday, April 26, 2015

Cara Memasang Widget Sosial Media keren di Blog


Cara Memasang Widget Sosial Media keren di Blog

Cara Memasang Widget Sosial Media di Blog - Sosial media adalah situs yang mungkin paling sering di kunjungi seseorang bila sedang menggunakan Internet seperti yang terpopuler saat ini adalah situs sosial media facebook, twitter, google+ dan lain-lain.

Dalam rangka mempercantik tampilan blog, dan juga untuk memperkaya jaringan sosial, tutorual blog kali ini mungkin cocok dipakai apalagi dengan tampilan simple yang enak dipandang oleh mata, seperti yang akan saya bagikan saat ini.

Untuk contoh widgetnya bisa anda lihat sendiri di samping kanan blog saya ini ( Sudah saya copot hehe ). Apabila anda tertarik untuk mengikuti tutorial blogspot saya ini silahkan ikuti langkah-langkahnya.

Dalam rangka mempercantik tampilan blog,

Langkah membuat Widget Sosial media keren di blog


  • Silahkan login ke akun blogger masing-masing
  • Langsung saja pergi ke menu Tata Letak -  Tambah Gadget atau bahasa inggrisnya Add Gadget
  • Kemudian pilih HTML/Java Script
  • Masukkan kode dibawah ini

<style type='text/css'>
.socialize-panel &gt; div{display:block;text-align:center}.socialize-panel &gt; div a{display:inline-block;margin:0 3px;color:#fff;width:65px;margin-bottom:15px}.socialize-panel &gt; div a span{display:block;background:#444;color:#fff;margin-bottom:1px;font-size:18px;font-weight:700;padding:6px 0}.socialize-panel &gt; div a:hover span{background:#444;color:#FACE0C}.socialize-panel &gt; div a i{display:block;background:#4667AE;font-size:10px;color:#FFF;padding:4px 0;font-style:normal}.socialize-panel p{font-size:13px;margin:0}
</style>
<div class="socialize-panel">
<div>
<div class="social-like">
<a href='http://www.facebook.com/multiajaib' rel='nofollow' target='blank' ><span>2.6k</span><i style="background: #4667AE;">Facebook</i></a>
<a href='http://www.twitter.com/multiajaib' rel='nofollow' target='blank'><span>974</span><i style="background: #009BDA;">Twitter</i></a>
<a href='http://plus.google.com/+MunawirAlfikri' rel='nofollow' target='blank' ><span>403</span><i style="background: #DC4B39;">Google+</i></a>
<a href='http://feeds.feedburner.com/Fikrisuka' rel='nofollow' target='blank' ><span>832</span><i style="background: #FFE620;">RSS Feed</i></a>
</div>
</div><!-- END .socialize-panel --></div>

  • Silahkan simpan . . .


Mungkin itu saja tutorial saya kali ini, semoga dengan tutorial Cara Memasang Widget Sosial Media di Blog ini bisa membantu agan untuk mempercantik blog.


Cara Memasang Widget Sosial Media keren di Blog
loading...
Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Cara Memasang Widget Sosial Media keren di Blog