Berikut Cara Membuat Social Bookmarking Widget untuk Homepage
1. Login ke akun Blogger anda
2. Pilih Layout > Page Elements
3. Tambahkan Page Elements dengan HTML/Javascript, lalu paste kode di bawah ini ke dalam kotak content.
<a href="http://www.facebook.com/share.php?u=http://blogger-driver.blogspot.com" target="_blank" title="Share on Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8lPgR4HkfKrORvmWZteUegDQukDBlAHG0DBAr0OOhCgXfxd616BlVQO6v08-ofzKe50cexhUhNJlbx-qm_2JQvrWpZ_NcFlCfMKS3sRjT_WnABLETsant7VgndzCAeVOzoGzzdO3MmSk/s400/facebook_32.png" border="0" alt="Facebook" /></a>
<a href="http://twitter.com/home?status=I%20am%20currently%20on:%20Blogger%20Driver%20-%20http://blogger-driver.blogspot.com.%20It's%20a%20great%20blogging%20tips" target="_blank" title="Tweet It!"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbKmsiwg7O6gEpCQimZKKKlI3ALARW-QD0WQ3KX6IP9RofMn8V-WFjB8v53KSM9KqiSM-sAqFDvz31OE9hdJ6ypNs9aHA-8L6UZR-vUSMosL7nQAq8Ll3eH3g2lZGUmfvbYtRcy_y0QOQ/s400/twitter_32.png" border="0" alt="Twitter" /></a>
<a href="javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}" title="Buzz This!"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY9VfQ2fzxYUz2PnLNEZs6m68YO74ZL49t96xcmM6oRB4FAVC8bdbgYHgBvMw2mCtnZdPitteUQKEWBz3w07P908MKV1HtdjnRHiJ4JXvSe0cNRpSwNhesmJ62Fp2Kz2JYrEJRvzveGtU/s400/googlebuzz.png" border="0" alt="Google Buzz" /></a>
<a href="http://del.icio.us/post?url=http://blogger-driver.blogspot.com&title=Blogger%20Driver" target="_blank" title="Bookmark to Delicious"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilUTzdKFmNtsCRCyuaOPXkvXnH4WRI5kKpzK34cNQXoMee_Bx4fiSi055MK0Cyu4vSME9CjFkVvjRkyMvIk5_5gYcKT00fwHxLYsOxCsVCdHrAFsbTU_Y2MerzsnEYaSfG3NL_4Ui4Tqk/s400/delicious_32.png" border="0" alt="Delicious" /></a>
<a href="http://del.icio.us/post?url=http://blogger-driver.blogspot.com&title=Blogger%20Driver" target="_blank" title="Digg It!"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCcE-GDVafQZmzK1lKFZcLN8fxcJg6J-oFV0xIc2PKS2zcycZI8IrchFtqyw9tn22ojICYX6jOiNYI3lM3-zCdstJbw9mI7SqUU5h-wfMWcdFVgG5mJgQLWfjYRz_45grKakMaLquXbFg/s400/digg_32.png" border="0" alt="Digg" /></a>
<a href="http://www.stumbleupon.com/submit?url=http://blogger-driver.blogspot.com&title=Blogger%20Driver" target="_blank" title="Stumble it!"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY5OF2X3DKzxCwe-vWXXUU4R0UxHRzL9EeTtBH-HwsUiIto3aggilHQhjru3QjT9pOhtjTn8tVB-rlTEhy_khEazCHsephSc_PRRd1TR97vT3FL6Rq3yexq_N-Z01m6lsebTaiYmqA7NE/s400/stumbleupon_32.png" border="0" alt="Stumbleupon" /></a>
<div style="clear:both;height:0"></div>
<a href="http://www.linkedin.com/shareArticle?mini=true&url=http://blogger-driver.blogspot.com&title=Blogger%20Driver" target="_blank" title="Share on Linkedin"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3IoGqb4gEe4-YEe7Hpthuec-pbdRo70KW-oYr0oJYa3OSFPFnLuf_NRcq7s2aTneOhT7imyKv0EOWbJe70WoyHoXfH3b7rUhKpPzHnZxxeQiA4of11-82luIKb_IYQagtSX2DzO7bHkg/s400/linkedin_32.png" border="0" alt="Linkedin" /></a>
<a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=http://blogger-driver.blogspot.com&=Blogger%20Driver" target="_blank" title="Bookmark to Yahoo! Bookmarks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrkDSRnO5HXSUmAvQlHfMoIdrIELFe6QFnMe9hj-W_J3g6_kVlncuHftGMxHlpbcRSJtUIZQ7_-jxnypstXqKDLwUE8942nd4W-2MBDQAdtRWZ0vzy4ESwhpOGw8E7v2Fd66_Bz1r3IbE/s400/yahoo_32.png" border="0" alt="Yahoo! Bookmarks" /></a>
<a href="http://www.google.com/bookmarks/mark?op=add&bkmk=http://blogger-driver.blogspot.com/&title=Blogger%20Driver" target="_blank" title="Bookmark to Google Bookmarks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl37k-BeY9x6ibuDEhdyIlQ-SFYHwImre7R3gZIglQUDGNwNwnwjOD64msCFYQPOe48nyPDSzVs23GOD2GEPr_2fCbiFY5l6Q_9U74ecIbxWLVl-EfA6H87SxD42jK2_NLf1w6XqHZGI0/s400/google_32.png" border="0" alt="Google Bookmarks" /></a>
<a href="http://reddit.com/submit?url=http://blogger-driver.blogspot.com/&title=Blogger%20Driver" target="_blank" title="Reddit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgduXqSKhc3bd4jmZKNEqD_rRlsCPxJUMtevkW-lYTccUTF6cXcWottWToBbQZxjU96x5zUEwl4a-zt2nM2srufR4mardnoulG8fCRdDLlkOFG4zIZ-UvInFfUx30VDfX4CSGyQ29Tqoa0/s400/reddit_32.png" border="0" alt="Reddit" /></a>
<a href="http://www.mixx.com/submit?page_url=http://blogger-driver.blogspot.com" target="_blank" title="Share on Mixx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivTpU7wmqNbbTjK96fNj3QwmjyE14TE_dIWOmfhZsKOE2xVC0Ag4ymrfkQnZd6bMCUnR1n-bjZKvApgNJIv7NLh3N20UGWahBFecGzbFgcThuuGlUAX2r8d1tFdvI1lRUQQavn_HvZZeA/s400/mixx_32.png" border="0" alt="Mixx" /></a>
<a href="http://technorati.com/faves?add=http://blogger-driver.blogspot.com&title=Blogger%20Driver" target="_blank" title="Fave this to Technorati"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj96PLUsr93GU8LGZoMc9AJmTa2Jobzij5SfhrianNbKSJO-PCSvZcSw-0JEyp_P-nOqjMdliir8CEYPQxcXy6_dhUJVIfJU2TxV_uvRxd6wg8nFV42PeKOgzUvZPK13yhO4fUpxHi1gFQ/s400/technorati_32.png" border="0" alt="Technorati" /></a>
Keterangan:
- Ganti tulisan yang bercetak tebal dengan url dan nama blog anda
- Jika judul atau nama blog anda lebih dai satu kata, maka gunakan kode %20 sebagai pengganti spasi, misal "Blogger%20Driver" (tanpa tanda kutip)
- Saya sarankan anda meletakkan widget ini di bagian sidebar paling atas supaya mudah dilihat oleh pengunjung
4. Terkahir, klik Save Template.
Untuk demonya bisa anda lihat disini.
Selamat mencoba...
{ 0 comments... read them below or add one }
Post a Comment