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.
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 > div{display:block;text-align:center}.socialize-panel > div a{display:inline-block;margin:0 3px;color:#fff;width:65px;margin-bottom:15px}.socialize-panel > div a span{display:block;background:#444;color:#fff;margin-bottom:1px;font-size:18px;font-weight:700;padding:6px 0}.socialize-panel > div a:hover span{background:#444;color:#FACE0C}.socialize-panel > 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 . . .
Tidak ada komentar:
Posting Komentar