BLOG 101: SOCIAL MEDIA BADGE


Hello everyone i'm back with blog design tutorial!  i will share how to make your own social media badge on blog. You can make your own badge on photoshop then upload it on photobucket to get your photo image url OR your can choose your favorite badge on iconfinder, you can find thousand icon here not only social media badge.


First, open Layout (Tata Letak) - Add Gadget (Tambahkan Gadget) - Clik Html / Javascript. Then copy - paste this code.
<div id="social-buttons"><div class="separator" style="clear: both; text-align: center;"><a href="account url 1" target="_blank"><img src="image url 1"/><a href="account url 2" target="_blank"> <img src="image url 2"/><a href="account url 3" target="_blank"><img src="image url 3"/><a href="account url 4" target="_blank"><img src="image url 4"/><a href="account url 5" target="_blank"> <img src="image url 5"/><a href="account url 6" target="_blank"> <img src="image url 6"/></a></a></a></a></a></a></div></div>

Change account url to your social media account url, example: https://www.facebook.com/Anandic, as for the image, after choosing your favorite badge on iconfinder, right click on the image and choose copy image url (don't forget to make sure the size, personally i prefer using 32 x 32 for my blog icon), paste that image on image url. then, do the same things for other account and save. Good Luck! 



Share:

5 komentar

  1. Wah, thank you banget yah sudah memberikan tip ini. Berguna banget untuk blogger baru kayak aku :)

    ReplyDelete
    Replies
    1. Makasih Baby J sudah mampir ke Blog aku *kiss*

      Delete
  2. untuk variasi blog mungkin bagus ya tapi membuat loading agak lambat :D
    nice share deh ...

    ReplyDelete
  3. cool... tutorial nya apik. saya juga punya yang beginian, tapi dengan tampilan yang berbeda. caranya juga mudah, cuma pake html/javascript. nggak sampe edit code html yang kadang bikin stress gitu.. :")

    ReplyDelete

TOLONG JANGAN MASUKAN LINK AKTIF. TERIMA KASIH 🙂