Share this post adalah terdiri dari dari lapan ikon yang biasa terdapat pada bahagian bawah posting,antaranya ialah Stumble Upon, Digg, Delicious, Facebook, Yahoo, Technorati Twitter dan rss. ikon tersebut digunakan bagi berkongsi artikel kita dengan mudah,dengan klik sahaja artikel kita akan tersubmit ke social bookmark.Kegunaannya adalah juga adalah bagi meningkatkan pengunjung.
Untuk membuat share this post berbentuk bintang ini::
Masuk ke design—Edit HTML
tandakan pada expand template widget
Cari kod ini:
<data:post.body/>
gunakan ctrl + F untuk find untuk memudahkan pencarianDan letak kod ini selepasnya:
<div style='clear:both; '>
<div style='width:55px; float:left;'>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB1iMvyRjmi7-icQ6XD20DI3Pd2PcVHcc71Qhv6dkXDrFFWkmPlGpPEuVPz7zHqGPAMm_Zz6KRrNw4tNim4x3bNpmAtVjKtyyR1IH-hCDFDYS7MhKUtpGYvs03eAJKJn8EkHteczRywhw/s1600/stumbleupon.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:55px; float:left;'>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm2NcLhN4D2JhTq0CBK7wQsouQyWkXJ5WHaMCazfzoCsnWj3xmty84BiF4XCLSnDHzfcyBA6EaeHCwXuDu3CEeElV8ZRT_qDIHO3OsBcNOqHjic1zSn4mKYmXvGaN8_SkRv9xXxQNtQvQ/s1600/delicious.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:55px; float:left;'>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkNz8N7fwODGR1miZ1PZro3dN6agdexBS1J796UJFlEKGgMiXxU7PdRmQxyzd_Otz5TNjdo9ZfZP6lYYaM5eYf0HM1WlFTq7W9vRh-IIq-M2p9abe8HxBMjKVND_Evt-jvznidfrZahI4/s1600/technorati.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:55px; float:left;'>
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTx57KlEBr7heJbTfmaj5J8aV8QaBngVSYKMmF17oH4pL6_gMKSazmJkpnK7mceyHIijEo0HRaHoNoLH3egUyZB-iG_L-oJm4-5NxYbFzcy0pTPXGvVuFxDqRL6eqLIogd5n60OWlnFyM/s1600/twitter.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:55px; float:left;'>
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-yQUx21SAY1-nTzyRqXVP5UvlqSOD7UVy6C6XHe-Ep0yRNJb0-0Gn36pb4-uvcyJdXNn1E1nY5zMjn4dKD0CCbKCOqITtLuHk7tkxxUzViApxDGs4929130OQUEVmM8PY2CcUaaZrq6w/s1600/digg.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:55px; float:left;'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzoAMVoSM9PTzpozk85voOQ5PS7ujRezoYRTFpBMdiwzMrK89lvFiahvHlMXwIEjJFJYPOv70qGwevRR9qbylf5TLPrlqU0pqa6-w2UP-nOjqmx_acPwD-jl-CBYD20TX4gb2yN9H4YGA/s1600/facebook.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:55px; float:left;'>
<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEwdl9wgPM6zD6oxEgsSSRvvFfoICZRUFTEV5r9HrwdtashT8qHfFcNqvrqFUBKHf27wJD5EahaVZlOyB7eaxGdg88SmiRedZvbw3M9ecst2fTGKEpiCasGsv7XfNOU-z6zZlzps_KC4Y/s1600/yahoo.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:55x; float:left;'>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4xZEIJ3e4sOa-v59-rDhS_sb4fNR0aq7X5exlVYM_U3PpfuZqFOaon1fuyynpBDNLQDhBE-r2-WcRfvnRjZYZVC0msl1h9S9npXKngZvkqYsTCWTr3azV1sf6lLqUj6mHJPpG7l66HlU/s1600/rss.png' style='padding:0;margin:0;border:none;'/></a>
</div></div>
<div style='width:55px; float:left;'>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB1iMvyRjmi7-icQ6XD20DI3Pd2PcVHcc71Qhv6dkXDrFFWkmPlGpPEuVPz7zHqGPAMm_Zz6KRrNw4tNim4x3bNpmAtVjKtyyR1IH-hCDFDYS7MhKUtpGYvs03eAJKJn8EkHteczRywhw/s1600/stumbleupon.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:55px; float:left;'>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm2NcLhN4D2JhTq0CBK7wQsouQyWkXJ5WHaMCazfzoCsnWj3xmty84BiF4XCLSnDHzfcyBA6EaeHCwXuDu3CEeElV8ZRT_qDIHO3OsBcNOqHjic1zSn4mKYmXvGaN8_SkRv9xXxQNtQvQ/s1600/delicious.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:55px; float:left;'>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkNz8N7fwODGR1miZ1PZro3dN6agdexBS1J796UJFlEKGgMiXxU7PdRmQxyzd_Otz5TNjdo9ZfZP6lYYaM5eYf0HM1WlFTq7W9vRh-IIq-M2p9abe8HxBMjKVND_Evt-jvznidfrZahI4/s1600/technorati.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:55px; float:left;'>
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTx57KlEBr7heJbTfmaj5J8aV8QaBngVSYKMmF17oH4pL6_gMKSazmJkpnK7mceyHIijEo0HRaHoNoLH3egUyZB-iG_L-oJm4-5NxYbFzcy0pTPXGvVuFxDqRL6eqLIogd5n60OWlnFyM/s1600/twitter.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:55px; float:left;'>
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-yQUx21SAY1-nTzyRqXVP5UvlqSOD7UVy6C6XHe-Ep0yRNJb0-0Gn36pb4-uvcyJdXNn1E1nY5zMjn4dKD0CCbKCOqITtLuHk7tkxxUzViApxDGs4929130OQUEVmM8PY2CcUaaZrq6w/s1600/digg.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:55px; float:left;'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzoAMVoSM9PTzpozk85voOQ5PS7ujRezoYRTFpBMdiwzMrK89lvFiahvHlMXwIEjJFJYPOv70qGwevRR9qbylf5TLPrlqU0pqa6-w2UP-nOjqmx_acPwD-jl-CBYD20TX4gb2yN9H4YGA/s1600/facebook.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:55px; float:left;'>
<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEwdl9wgPM6zD6oxEgsSSRvvFfoICZRUFTEV5r9HrwdtashT8qHfFcNqvrqFUBKHf27wJD5EahaVZlOyB7eaxGdg88SmiRedZvbw3M9ecst2fTGKEpiCasGsv7XfNOU-z6zZlzps_KC4Y/s1600/yahoo.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:55x; float:left;'>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4xZEIJ3e4sOa-v59-rDhS_sb4fNR0aq7X5exlVYM_U3PpfuZqFOaon1fuyynpBDNLQDhBE-r2-WcRfvnRjZYZVC0msl1h9S9npXKngZvkqYsTCWTr3azV1sf6lLqUj6mHJPpG7l66HlU/s1600/rss.png' style='padding:0;margin:0;border:none;'/></a>
</div></div>
kod yg diletakkan pada template:
*Ubah saiz width yang berwarna oren jika hendak menjarakkan ruangan diantara button.
Jika ada read more letak selepas kod <data:post.body/> yang kedua.
Post a Comment
40 Comments:
wow nice!
Terkini : Pengsan 100 kali sehari
saya guna read more (break page)..tak jumpa pun..
kod yang kedua.
x leh wat la..ea tlis we unable to save ur template.. nape ek ??
@The Traveler letak pada kod yang ada pada template.kod tu setengah template ada sampai empat kalau letak read more pada template.Page break tak tambah apa2 kod pada template,
@Muhamad Nor aka Mamat aka putra ini masaalah kod yg diencode untuk masukkan pada tutorial satu tanda < hilang.tu yg ada error.saya dah betulkan.terima kasih atas komen
x leh gak la , nie yg kuar:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "b:includable" must be terminated by the matching end-tag "".
knape ek ??
@Muhamad Nor aka Mamat aka putra
saya cuba lagi sekali dengan template yg mcm En Muhamad guna..boleh..
ada satu saja kat template ni sama juga dengan The Traveker punya
susah juga ya T.T
@Yosepha Debrina Ratih. P.
tak susah sebenarnya..cuma letak saja kod...cuma bila copy kod kena pastikan tak ada yg tertinggal..
salam..np nip cari kod yg nak digantikan lam html tu xjumpa?susah la nak cari kod tu sbb byk sgt..hee =)
@Bebby Nickissaya dah edit dgn meletak gambar.pada edit HTML tu kena tick expand template widget,baru nampak kod2 yang lain..
thnks...sgt2 comel ble icon 2 ade dkt blog sy...:)
thanks. berjaye. :)
berjaya tp bile klik kt fb mcm x link la tolong!!!!!
ok2 dh berjaya td tgk kt preview pttla....hahaha anyway thnx..jgn lpe follow ye
terima kasih.
tapi macam mana nak buat macam yang atas tu?
ada butang like dan share guna twitter dan facebook.
dan macam mana nak letak dia dekat atas?
@Ғмɛσωada tutorial cara nak letak..cuba tgk tutorial cara pasang facebook button .tweeter pun sama cara letak cuma dapatkan kod untuk letakkan.
thanks! dah leh wat..sila la jenguk blog saye!
http://byezue.blogspot.com
@cikShomelok dah jadi...kalau background hitam lebih cantik rasanya...
tk blh pn.. cant sve sbb ad lbh 1 widget aie cm ne ni
thx :) byk belajar arini..huhu
bagaimana nak buatkan button share ni kelihatan hanya di blog post dan bukan di muka sedap (front page). boleh tolong ajar? hehe
@Wan Gerrard cuba letak pada kod <data:post.body/> yg lain.pada setengah template ada sampai 4 kod tu..
orait, nak test~
mekom yahya...nape bile saya klik button RSS FEED tu,dia preview text yg amat panjang...ape yg nak d tukar erk?
Thankz utk tutorial ni... :)
kalau nak alihkan butang share ni jadi duduk di tengah boleh ke?
Assalam...
Baru mencuba dan berjaya.thanks..
ada tak butang G+1 bentuk bintang macam tu?
@faizulcuba pada kod yg seterusnya..ada empat kod yg serupa pada template...
@faizulcuba juga sebelum kod ini...<div class='post-footer-line post-footer-line-1'>
tq
yeeayyy!!! bestnyer!!!
trima kasih...yer...yahaya...
Nice Info, Thanks!
Boleh tak tunjuk untuk format blog yang baru?
@Nabilah Jamaludinsaya memang bercadang nak update sebab sekarang dah ada dashboard baru..tapi tak ada kesempatan sibuk dgn kerja.inshallah akan saya buatkan...:)
nak kena copy semua ke 1 je kod tu??
thnk gan info'a,,,,
manteebbb,,,,
kalau saiz tu nak kecik sikit macamana yer?
@D' Rauna Gallerykena kecilkan imej dan upload semula untuk dapatkan url imej...