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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR0UehxgSBdQI0PvqmrFAydCOZl2ae982m8XQWS1l2dWHJUI2z684l0WXxESkJOAkGI-8A5Y40SxiHOL3Bmuw9ukJrOml9yb2aSve1YcPL0rvJXDBNDYtUXNy4jrGUyMMjJI05szqNLUjp/s1600/1.jpg' onblur='try {parent.deselectBloggerImageGracefully();} catch(e) {}'><img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR0UehxgSBdQI0PvqmrFAydCOZl2ae982m8XQWS1l2dWHJUI2z684l0WXxESkJOAkGI-8A5Y40SxiHOL3Bmuw9ukJrOml9yb2aSve1YcPL0rvJXDBNDYtUXNy4jrGUyMMjJI05szqNLUjp/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9L_Kg3FcqF97ITfJcvGNJjVde_EMwH1uROy3YaNV3IOLIQkH7xA3cauljQV3lpDG9NRlAqifSeBXoYuGyFYJInzbf1B8ImqtNL2SdNGchTfzlcYl1x63xu9mxnoaa1Vt2kd2xmcr4dbk/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR3o9LMRdn8WGQyBGi0N4aKW2Un5RH88TCPaJgbJMJ0JCbx04nMzYCJkKIZHKhD2aizk_zlEvI6h-eIY3gmecgFqKkcCg_leGbITTRtoXFnrbHJ7WlKDnZwA7XsttBx4_yRt2nKWpeiAA/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdRCP6tRrATVnIBhGu6NpJYNa07LnV932n4FCfrhUQXf2Ial8xz5PzWOxqFS9uZrT6AFOqT_1xuxA99F9sbIJREJCFT5jFkk1AEzXDi-seZP1UsL4VZODvrJBbFcVteLM0m5YQRE6B_Jk/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAwFMSyyQvLZEgadV1crtTpBu5KpAD-m4LhlvnPWecd3QgF6K936oM_WfW3c6WH-pP63s1Ok87fCgAxxYGG7FBV5VTbwqPg_V-lbTkK7PJEGw0Wa1zpewADCswjLbCSp6JaWLG4cp_wrM/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.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR0UehxgSBdQI0PvqmrFAydCOZl2ae982m8XQWS1l2dWHJUI2z684l0WXxESkJOAkGI-8A5Y40SxiHOL3Bmuw9ukJrOml9yb2aSve1YcPL0rvJXDBNDYtUXNy4jrGUyMMjJI05szqNLUjp/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)