Selamat datang ke BelajarBlogs...
Home » , » Tambah Sharing box dibawah setiap blog posts

Tambah Sharing box dibawah setiap blog posts



Sudah lama saya membuat ini tidak menjadi -jadi dan akhirnya berjaya.Minta maaf kepada Zulkbo kerana lamabt membalas permintaan anda.

Langkah 1

1. Login ke blogger -> Design -> Edit HTML -> Tick "Expand Widget Templates"

2. SElepas itu anda perlu mencari kode ]]></b:skin> dengan mengunakan CTRL+F dan tukarkan dengan kode dibawah ini.

/***** Author Box ********************/

.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}

.author-box p {
margin: 0;
padding: 0;
}

.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}

]]></b:skin>

Langkah 2

1. Selepas itu anda perlu mencari <div class='post-footer-line post-footer-line-1'>. dan paste kode dibawah ini selepasnya.

<br/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>

<a href='http://2.bp.blogspot.com/_GQyYYyBdqJI/THhQnklxRcI/AAAAAAAAAlM/Wlqu7zHJ2Gk/s1600/1.jpg' onblur='try {parent.deselectBloggerImageGracefully();} catch(e) {}'><img alt='' border='0' src='http://2.bp.blogspot.com/_GQyYYyBdqJI/THhQnklxRcI/AAAAAAAAAlM/Wlqu7zHJ2Gk/s1600/1.jpg' style='float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 73px; height: 73px;'/></a>Terima Kasih Kerana Komen.

<p>Do you like this article?<strong> Share It!</strong></p>
<a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Tweet this!'>
<img alt='Tweet this!' src='http://1.bp.blogspot.com/_MwtPDoeubSk/S2bNlAjs_-I/AAAAAAAACDg/-mYuuAViTF8/s1600/twitter.png'/>

</a>

<a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='StumbleUpon.'>
<img alt='StumbleUpon' src='http://2.bp.blogspot.com/_MwtPDoeubSk/S2bNf5TOS4I/AAAAAAAACDQ/WlQwmL8scv4/s1600/stumbleupon.png'/>
</a>

<a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg this!'>
<img alt='Digg This!' src='http://2.bp.blogspot.com/_MwtPDoeubSk/S2bNURrQsKI/AAAAAAAACCg/QqO8vNvVASI/s1600/digg.png'/>

</a>

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Bookmark on Delicious.'>
<img alt='Bookmark on Delicious' src='http://3.bp.blogspot.com/_MwtPDoeubSk/S2bNUFVCdHI/AAAAAAAACCY/6nkT85AJWcQ/s1600/delicious.png'/>
</a>

</div>
</b:if>

4. klik "Save" dan selesai.

Info :->

<b:if cond='data:blog.pageType == &quot;item&quot;'>....</b:if>
adalah untuk memastikan box ini tidak akan tampil pada Home Page.

http://2.bp.blogspot.com/_GQyYYyBdqJI/THhQnklxRcI/AAAAAAAAAlM/Wlqu7zHJ2Gk/s1600/1.jpg
(ini ada dua URl anda perlu ubah kedua-dua URL dengan URL image anda jika anda mahu tuakr)

Terima Kasih Kerana Komen
(anda boleh ubah ini dengan ayat anda)

5 ulasan:

  1. salam..
    alahai..!!
    dapat layanan istimewa
    la pulak..he he..me kasih
    amat berguna ni..terbaikkk!!

    BalasPadam
  2. Tahun lepas beraya di kedah
    tahun ini beraya di jengka
    puasa sudah zakat pun sudah
    beraya kita hindari prasangka

    Lupakan sengketa bermaafan
    dari hujung rambut ke hujung jari
    halalkan kata-kata mana yang termakan
    sesama muslim jauhi cakar-mencakari

    BalasPadam
  3. share post utk facebook takde ?
    :D

    BalasPadam
  4. mcm na nk delete tutorial ni plak ,,semalam saya buat xboleh ...benda ni menghalang saya untuk melihat komen2 saya la...susah nak tgok dengan jelas...macam ye ? cuba cerita ckit !

    BalasPadam