Membuat Sosial Profile Dengan Icon Pada Template Defult Blogger

Pada Template bawaan blogger tidak ada fasilalitas Sosial Profile seperti pada hasil download seperti pada btemplate dan freetamplate yang baru, Namun kita bisa membuat sendiri pada template bawaan dari blogger cara sebagai berikut :

1. Pertama anda upload gambar-gambar sebagai berikut :


Dari hasil upload tersebut lihat dalam html ambil imagenya saja sebagai contoh url untuk gambar twitter :


<img border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSFxLXqlkxYnXcEyRYxeU8F9B5CE_Sj0C-Dc_eGGzNL4P7-_ahJYO9VHQVT8tel1p5rK6KUTcG8l9tLLDpgvqROt1T4SY0JdaXFKKHOg0geMwTZSBWtkroBTqzANVXiGMesKFRyx3J7nhf/s320/twitter.png" width="32" /></a>

atau anda dapat menguploadnya dalam hosting anda. Lalu anda sisipkan url tiap gambar tersebut dalam format sebagai berikut :



<a href='http://twitter.com/' target='_blank'><img border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSFxLXqlkxYnXcEyRYxeU8F9B5CE_Sj0C-Dc_eGGzNL4P7-_ahJYO9VHQVT8tel1p5rK6KUTcG8l9tLLDpgvqROt1T4SY0JdaXFKKHOg0geMwTZSBWtkroBTqzANVXiGMesKFRyx3J7nhf/s320/twitter.png" width="32" /></a>

<a href='http://facebook.com/' target='_blank'><img border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOHiKgStGCk60goxvvZ5JvgH4GbCfT2VvHM2C4vR7gPFGUISw80cpgW2Uabrd6OCAp0pRwiQo6uvGkHsOGQpHY8d_UmiQHI12IXNdBhQciLSxxeo2bjXKJyr8UKk1SfZJpWz38whUR_iym/s320/facebook.png" width="32" /></a>

<a href='https://plus.google.com/' target='_blank'><img border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsmMNhuszVNRYkIcA5nkYhyphenhyphenu3nWDro98DeHV1evCqyc4ASba9wlMUKQBZY-qD_bhpYnGQ3VyGme_GPmBXWn63pzMFAiWv_y8rMqlDC534n0Oy_Bsamjuz9bMUQAo_LOFlmXHOb-Kj61Xem/s320/gplus.png" width="32" /></a>


<a href='http://www.linkedin.com/' target='_blank'><img border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdUEmHQij3o57y7HVRxcbjNnQogyC1-BvS5HyIyCT4PbDaA4TBFXOQ8yrUL12v0cXVRw1H4SaoSCKeTgy7IfsfPvXzKF0oZx8bBqsTEZ2s9_N94c08DI_SSXUqOoMQciXRE9nKwyj-aDXh/s320/linkedin.png" width="32" /></a>


<a href='http://4softcomputer.blogspot.com/feeds/posts/default/ target='_blank'><img border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjwMDdsmxR2VxxvwQ6_WzUfaXE-CKpVjkfQJMXPWju_P7qOhm9sVujX65Scw8dAMk35SGPaabb8eoF9Bbb9ddRA7Btcpu2seHeq7kTPuxWwae9VySWl7w9kfLnJOlOLGA4MI3xEYMjNMhr/s320/rss.png" width="32" /></a>


<a href='mailto:your@email.com' target='_blank'><img border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicQ4PPL2hq7eQiYxL354D-pXcqqWyCokOFGLHk3AVVZCkE6F1dmEWKaTDgzuCqFK-xwurVq-HRPhIRR5s0rqxFpxjMbva8cKyoTt1jrwr8B5r1-FUKrKzmiIZePOiX1GiZHe1yCkTnY02V/s320/email.png" width="32" /></a>


2. Selanjutnya tinggal Add gadget pada blogger anda dan jangan lupa di beri awalan <center> diakhiri dengan </center> agar widget anda selalu berada ditengah. 


Catatan :  Untuk rss feed masing-masing berbeda urlnya :untuk lebih jelasnya buka situs feedburner.com punya anda....


                     Contoh url situs ini : http://4softcomputer.blogspot.com/feeds/posts/default/

Semoga bermanfaat.  

Post a Comment

Lebih baru Lebih lama