Cara memasang share this post

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.
social bookmark




Untuk membuat share this post berbentuk bintang ini::
Masuk ke design—Edit HTML
edit template




tandakan pada expand template widget
expand template





Cari kod ini:
<data:post.body/>
 gunakan ctrl + F untuk find untuk memudahkan pencarian




Dan letak kod ini selepasnya:
<div style='clear:both; '>
<div style='width:55px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='http://1.bp.blogspot.com/_yqzcBmyK-mo/TNVVMpMz2yI/AAAAAAAABGI/1aCGrGQWkbg/s1600/stumbleupon.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='http://2.bp.blogspot.com/_yqzcBmyK-mo/TNVVGPq8EOI/AAAAAAAABGA/w4rBzTfFodw/s1600/delicious.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://1.bp.blogspot.com/_yqzcBmyK-mo/TNVP-DmnoTI/AAAAAAAABF0/Pg_cepDK4PE/s1600/technorati.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://2.bp.blogspot.com/_yqzcBmyK-mo/TNVQARdq1sI/AAAAAAAABF4/l2g_sqk1ioU/s1600/twitter.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; float:left;'>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='http://4.bp.blogspot.com/_yqzcBmyK-mo/TNVVI7S-0KI/AAAAAAAABGE/dAvH6bdF58M/s1600/digg.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='http://2.bp.blogspot.com/_yqzcBmyK-mo/TNVPzdIvLvI/AAAAAAAABFo/Yf025-DliJ0/s1600/facebook.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; float:left;'>
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='http://2.bp.blogspot.com/_yqzcBmyK-mo/TNVQEDucneI/AAAAAAAABF8/koSbgpPY65Q/s1600/yahoo.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55x; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='http://4.bp.blogspot.com/_yqzcBmyK-mo/TNVP3N8oNPI/AAAAAAAABFs/D5IxA4gol5E/s1600/rss.png' style='padding:0;margin:0;border:none;'/></a>
</div></div>

kod yg diletakkan pada template:

kod 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

42 Comments:

suffer8zine said...
Teknik Buat Blog

wow nice!

Terkini : Pengsan 100 kali sehari

asrulasmah said...
Teknik Buat Blog

terima kasih

The Traveler said...
Teknik Buat Blog

saya guna read more (break page)..tak jumpa pun..

kod yang kedua.

Muhamad Nor aka Mamat aka putra said...
Teknik Buat Blog

x leh wat la..ea tlis we unable to save ur template.. nape ek ??

yahaya said...
Teknik Buat Blog

@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,

yahaya said...
Teknik Buat Blog

@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

Muhamad Nor aka Mamat aka putra said...
Teknik Buat Blog

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 ??

yahaya said...
Teknik Buat Blog

@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

Yosepha Debrina Ratih. P. said...
Teknik Buat Blog

susah juga ya T.T

yahaya said...
Teknik Buat Blog

@Yosepha Debrina Ratih. P.
tak susah sebenarnya..cuma letak saja kod...cuma bila copy kod kena pastikan tak ada yg tertinggal..

Bebby Nickis said...
Teknik Buat Blog

salam..np nip cari kod yg nak digantikan lam html tu xjumpa?susah la nak cari kod tu sbb byk sgt..hee =)

yahaya said...
Teknik Buat Blog

@Bebby Nickissaya dah edit dgn meletak gambar.pada edit HTML tu kena tick expand template widget,baru nampak kod2 yang lain..

♥..permysuri_hati..♥ said...
Teknik Buat Blog

thnks...sgt2 comel ble icon 2 ade dkt blog sy...:)

Aleeya Fishess Maison said...
Teknik Buat Blog

thanks. berjaye. :)

iris said...
Teknik Buat Blog

berjaya tp bile klik kt fb mcm x link la tolong!!!!!

iris said...
Teknik Buat Blog

ok2 dh berjaya td tgk kt preview pttla....hahaha anyway thnx..jgn lpe follow ye

Ғмɛσω said...
Teknik Buat Blog

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?

yahaya said...
Teknik Buat Blog

@Ғмɛσωada tutorial cara nak letak..cuba tgk tutorial cara pasang facebook button .tweeter pun sama cara letak cuma dapatkan kod untuk letakkan.

cikShomel said...
Teknik Buat Blog

thanks! dah leh wat..sila la jenguk blog saye!
http://byezue.blogspot.com

yahaya said...
Teknik Buat Blog

@cikShomelok dah jadi...kalau background hitam lebih cantik rasanya...

norhirdayu jafri said...
Teknik Buat Blog

tk blh pn.. cant sve sbb ad lbh 1 widget aie cm ne ni

Eza said...
Teknik Buat Blog

thx :) byk belajar arini..huhu

Wan Gerrard said...
Teknik Buat Blog

bagaimana nak buatkan button share ni kelihatan hanya di blog post dan bukan di muka sedap (front page). boleh tolong ajar? hehe

yahaya said...
Teknik Buat Blog

@Wan Gerrard cuba letak pada kod <data:post.body/> yg lain.pada setengah template ada sampai 4 kod tu..

Wan Gerrard said...
Teknik Buat Blog

orait, nak test~

yusman udin said...
Teknik Buat Blog

mekom yahya...nape bile saya klik button RSS FEED tu,dia preview text yg amat panjang...ape yg nak d tukar erk?

Wanie said...
Teknik Buat Blog

Thankz utk tutorial ni... :)

ab5ya said...
Teknik Buat Blog

kalau nak alihkan butang share ni jadi duduk di tengah boleh ke?

iza said...
Teknik Buat Blog

Assalam...
Baru mencuba dan berjaya.thanks..
ada tak butang G+1 bentuk bintang macam tu?

faizul said...
Teknik Buat Blog

assalam tuan tanah...ape kbr?sy ada cuba wt tp bila preview xberubh pn...mcm mn ek?
sy ade pkai read more.dh cuba letakkan selepas kod yang kedua

yahaya said...
Teknik Buat Blog

@faizulcuba pada kod yg seterusnya..ada empat kod yg serupa pada template...

yahaya said...
Teknik Buat Blog

@faizulcuba juga sebelum kod ini...<div class='post-footer-line post-footer-line-1'>

AMRAN BIN MUHAMAD said...
Teknik Buat Blog

tq

Felt Ville said...
Teknik Buat Blog

yeeayyy!!! bestnyer!!!

Nicky Nik said...
Teknik Buat Blog

trima kasih...yer...yahaya...

kucob@berbagi said...
Teknik Buat Blog

Nice Info, Thanks!

Nabilah Jamaludin said...
Teknik Buat Blog

Boleh tak tunjuk untuk format blog yang baru?

yahaya said...
Teknik Buat Blog

@Nabilah Jamaludinsaya memang bercadang nak update sebab sekarang dah ada dashboard baru..tapi tak ada kesempatan sibuk dgn kerja.inshallah akan saya buatkan...:)

rilek semedang said...
Teknik Buat Blog

nak kena copy semua ke 1 je kod tu??

Amal Bachtyar said...
Teknik Buat Blog

thnk gan info'a,,,,
manteebbb,,,,

D' Rauna Gallery said...
Teknik Buat Blog

kalau saiz tu nak kecik sikit macamana yer?

Fokus Impian said...
Teknik Buat Blog

@D' Rauna Gallerykena kecilkan imej dan upload semula untuk dapatkan url imej...