Tutorial Pasang ChatBox Fibox Untuk Blog

1. Buka www.fibox.ws, kemudian klik pada Sign Up


2. Masukkan email address dan password. Tick pada term of service kemudian klik continue


3. Notification mengatakan activation email dihantar kepada emial yang anda daftar.


4. Buka email dan klik pada link yang diberi.


5. Pengesahan bahawa akaun anda telah diaktifkan.


6. Login akaun anda, dan untuk kali pertama anda login anda akan diminta untuk create nama untuk shoutbox anda.


7. Daripada dashboard, anda boleh tetapkan setting yang anda kehendaki



8. Copy code yang diberi dan paste ke dalam ruangan HTML/javascript blog anda.
(tidak faham.?)

9. Save dan lihat hasilnya.:)


Tambahan:
Selepas pendaftaran, anda juga boleh login menggunakan akaun facebook anda.

»»  Baca Post Penuh...

Tutorial Buat Page Navigation Untuk Blogger

Ikuti langkah2 ney yer...

1) Login blogger.com korang
2) Klik layout
3) Klik subtab edit html dan donlot template korang in case error ke ape..
4) Tekan CTRL+F kt keyboard korang..kemudian carik word ney

]]></b:skin>

5) Padamkan word ]]></b:skin> dan gantikan dengan kod kat bawah ney

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
]]></b:skin>

6) Ok,kemudian korang carik word ney

</body>

7) padamkan </body> dan gantikannye dengan kod kat bawah ney

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->
</body>

8) Ok,Save template korang.Siap!

Sumber

»»  Baca Post Penuh...

Tutorial Letak Nota Kaki Bawah Entry

STEP 1

Dashboard>Design>Edit html>Tick Expand Widgets>Tekan Ctrl+F untuk cari code;

<data:post.body/>

STEP 2

Kemudian amik code di bawah ni dan masukkan selepas (bawah) code <data:post.body/>

<hr/><center><b>AYAT YANG KORANG SUKA</b></center><hr/>

STEP 3

Preview dan klik save jika tiada sebarang error pada code.

 

Sumber

»»  Baca Post Penuh...

Tutorial Pasang Kamera CCTV Di Blog

Ini scriptnya :

 

<script language="JavaScript" src="http://js4you.googlecode.com/files/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpiNHKWzv-NrCtAQOv8ReMm2pVt89JOHWkz4V-0RUJkPsEnO6SrTisd7XT45XsrjYJOveWVdTYzCEHu65mZNZrBYNuCMyio4NBV6RdiRV2a9B_UIEONbD2KbBg5APnF0D_fgZvdlRxJlU/s1600/cctv.gif")</script>

Cara memasangnya :
1.Klik Tambah Gadget
5. Pilih HTML/JavaScript
6. Dan terakhir, copy script yg tadi dan paste kan di HTML/JavaScript. Lalu simpan, dan lihat hasilnya.

Sumber

»»  Baca Post Penuh...

Tutorial Pasang Cute Emoticon Di Blogger

How To Add Skype Emoticons For Blogger Comments

Now Follow the simple steps below to do it:

1.Login to your blogger dashboard--> Desing- -> Edit HTML

2.Scroll down to where you see

<h4 id='comment-post-message'><data:postCommentMsg/></h4> tag.

3.Copy below code and paste it just before the

<h4 id='comment-post-message'><data:postCommentMsg/></h4> tag

<div style=' width: 450px; text-align: left; border: 4px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLs7Ev2Yu6XOvOfktKX3KnzMH_TiGnZiIVUwVDK5OqHuLsrzGGYzdgNfvBf2SU2E_DpoM5ZiqUAPK1vlaPHNxjE2ArH38JZcdXiXBviXqquhKmiCS78x9qc4qEIa3zrXawhqBnW7vTpGk/s800/emoticon-0100-smile.gif'/> :a
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRdG-9O29vE0rO9xP8oWl0tEnfkvwPeHqyMzP1zLGvo5LAoRAUS82EcqwffoSYnQzrPN2AdNObGWPUGKOWRvb8RX01m-DSBnHE0k66yW2grpJJzhzZjnwyInTGjVSTbR-1YNmQtzebWYw/s800/emoticon-0101-sadsmile.gif'/> :b
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpNvdMmyAOxDJOC1tsYFZ9_k_oUaI-FW_ynucMDIOSJGNTsZpZTQp3742Oid5VjIquUxH2-7t4AukROtTX6faLjZag3cINFJIKKtujSgf8RJzLX1HfbsthnVSbJ9v-11vyZXAYaCoGIt4/s800/emoticon-0102-bigsmile.gif'/> :c
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgotjN-YpBqiC355qazcl11BM_5J1NcORwjwhoIojlwXIlvYOTMd8tfqvud4N7l0TaOOKULAXy__cZ15pFt_29R2r5kjaNY5pFtGQ0aWf8PZL1O_Ok3pThbPfak5kMV3eGDKZZUF-yWC1A/s800/emoticon-0105-wink.gif'/> :d
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR8AyUj2L2lrvk0tXBfL5e7UU8c0cj8mJH-OhXrLiItr7gzfyQOo0SR2pCfh7-TP_sD6uGet5yOHkOiRGK7DmTNZ6M-1z1AQrFzXqeYQb5JHkEQR1y6uRi1384KTcPzjyGXjLdNXeXCto/s800/emoticon-0104-surprised.gif'/> :e
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisI_RL4OHC6FX45pXqf1ZX-Nd67du17cZFwOg37yVYcjHmcH6-s14oxSlEoCj_r3ZwzKtCtuODxP2eXQj3RS_sUAgeDqGmycFOtBy6YEx5nkIMvCkgjmiMKIppNPy6FDRQwNbUw7pBBOs/s800/emoticon-0106-crying.gif'/> :f
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2r5r31tXMr3sCYHxz8PtqFZmm0ljctrPl9pL7bZw8nz3CVeKwOhks4yNlcqtcQqX8EakCUlp_AB5wZwFUfYkyBeRouACUqgJieOsAi8DnRk0CeBk0NbmUyhPJvIs21SUsSbrS2NRaC8o/s800/emoticon-0109-kiss.gif'/> :g
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1SUbuNIWOkX2D75OlRP1K5DPQ4Uol9ooxKRJ_UTz2jCgC6_jofK4AUifvUgTWncX8QcWiVR2rz3kq2Q9emrSqGGxV3HDXwJHfqkmQ3FQQTADyBl-fjF02a-woEDcFO5OMHvTadITJgi4/s800/emoticon-0111-blush.gif'/> :h
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwLn1Spn3e1-b4hhSmdi-mGFUUgnOVu0l9FCeHFvO8W41YIc8TPlwkOohyphenhyphenHGM__qiRoKqHdTq1Fog9mlDOeWA5-18bKpWhyphenhyphenJp-fQULLSD6PMzHhUrZWG-jWURnmXurOybgBsXsBS1KShg/s800/emoticon-0110-tongueout.gif'/> :i
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTTrW8JBPkewJr4lp1G5pQPbGO2vSXR8p9KfLuyeu4hVxKKpMmGVhUHE7xJWbMj8e0r1xgenIYVuACwijNeTY16oUDcmdHAScqIWQOin4UU5mmKA-zut1TJJiZ-aJCvrFC4e2TYEo-v_k/s800/emoticon-0126-nerd.gif'/> :j
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGBdDam-UJuxnIBso3R98M_l_z-kU7T5fesrwI-XUDECcPM4qXBdLzaT_ZQyEt_DWpDR7CZ1S21K0RqdgjM1Df9K8NjImYdbIts6MD3Gv6U69ZS7kmwK9cQmfsGBewRemjAfmP8K5DDpA/s800/emoticon-0103-cool.gif'/> :k
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZsimRG96fL3OHCFJzQuXz8Wu95RfVmLVQKKUQeMFE64YQFTLYs2OL3mCe8qaBYaimkvzTmNy0gzvXiqCsLgg6l9VVeXJtRaBEKXw7DX7EVP4AEFkFeMg4r8YLxvdbd-Kx4cePMduu6gg/s800/emoticon-0130-devil.gif'/> :l
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijr0wASfDTxR2EcPuVgUreQXLR5o_oBgabR6Kue9BWVmvIeyg4ypoJt7k2OOjfwvnD9JtFDbd_uTH4hGgJfAtwC4-fEbM1aMjyTB2OmsrnCoFVK2bL1PwHB2OGlFGjHcY5_bYcQ3bgZQw/s800/emoticon-0133-wait.gif'/> :m
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-D_bOt1eOTOVPq5Dv8ZlhJFzORyFtT06d_w72APEf-SBveMJIbvU02uicBdbBtKlnhGIGq8mICaPgnZhnZG5YB2ej9XezgOlFEcAe8tCRaYCavo3Qx00PbS9Mnl6jPH3LbqohWtKGp6I/s800/emoticon-0137-clapping.gif'/> :n
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi43DtoybFvcReJjbNz7wk0e1ERHTd99N8dsS51SjWTlc6kFdgqhpHmB_CKjREHQdGGMSKFzWJ96otqQTbCVgNltXRSECfaXoSlG0ILkl5PxnNUKWIXp_m-Yrx2efz14yMINseSXyGqt88/s800/emoticon-0136-giggle.gif'/> :o
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh82fzEsR2bcCPOf-uT2oJPMAPzd4MqZ-tEaO7YUWWADrVFBShiE5RqTKq2lqqiPC607jxL_Nj0huErB8490kG22N2PUgAdvD9hp5yceYO8XcV8k-d1ZfOoQSGuaw-rNSRYJQgzzGY-dTU/s800/emoticon-0141-whew.gif'/> :p
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Rnt4flhsuQX0WUQx1rmLPnd4dSqDsNqYzHZGTcaAoYedRWKsHJ-YzGn4kbazhTSBB7W00AUazpZVPIt2ESqTGnM7EcrJIW7-lM-fvT2fZINv6oQXsiFj3UXcEaAqzPg7R3x-DmbvRyI/s800/emoticon-0148-yes.gif'/> :q
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXet2zTQebX1YdfvqwEFHEcRtNpkDVcKwL9UXVE2gLoVI0-ce8wGLWaqwUqOLUrbv5Ner11QYCZTwNuS8GQM_WkoQWKk29GLOTFfyJxM4d5NMpJg8FM2CQm8m4LPGQ-m_haKTwhh13ng0/s800/emoticon-0149-no.gif'/> :r
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigaN48D76AI-CqFgRbofJfvFLM3fzTxS_hAab_v7OmW1xRHwUx2bjT-g6Hlpptstmlk0joCdt78gZ8wpexpy1PjrRntFsQ5_SUOG8Q959RCLsuXuM2YjvpwkIyWZut4wgcVfPAkyRi0ag/s800/emoticon-0178-rock.gif'/> :s
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVfTGriZo0KIdOufIvo5JCS2rjO_efXgVSVzQtmZ8FW1kAdhJHN1h1v5QeGRA08gUY_EtLDgg7EMp4EXKoLUEiSTCEp3AnEWB5GMhyKpcDYa4XfwNf3SKIfk4_feVjsi8A0Y6KfzakV80/s800/emoticon-0155-flower.gif'/> :t 
</div>
 

5.Now Scroll down to where you see </body> tag

6.Copy below code and paste it just before the </body> tag

<script type='text/javascript'>
//<![CDATA[ 
a = document.getElementById('comments'); 
if(a) { 
b = a.getElementsByTagName("DD"); 
for(i=0; i < b.length; i++) { 
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') { 
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTTrW8JBPkewJr4lp1G5pQPbGO2vSXR8p9KfLuyeu4hVxKKpMmGVhUHE7xJWbMj8e0r1xgenIYVuACwijNeTY16oUDcmdHAScqIWQOin4UU5mmKA-zut1TJJiZ-aJCvrFC4e2TYEo-v_k/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGBdDam-UJuxnIBso3R98M_l_z-kU7T5fesrwI-XUDECcPM4qXBdLzaT_ZQyEt_DWpDR7CZ1S21K0RqdgjM1Df9K8NjImYdbIts6MD3Gv6U69ZS7kmwK9cQmfsGBewRemjAfmP8K5DDpA/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZsimRG96fL3OHCFJzQuXz8Wu95RfVmLVQKKUQeMFE64YQFTLYs2OL3mCe8qaBYaimkvzTmNy0gzvXiqCsLgg6l9VVeXJtRaBEKXw7DX7EVP4AEFkFeMg4r8YLxvdbd-Kx4cePMduu6gg/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijr0wASfDTxR2EcPuVgUreQXLR5o_oBgabR6Kue9BWVmvIeyg4ypoJt7k2OOjfwvnD9JtFDbd_uTH4hGgJfAtwC4-fEbM1aMjyTB2OmsrnCoFVK2bL1PwHB2OGlFGjHcY5_bYcQ3bgZQw/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-D_bOt1eOTOVPq5Dv8ZlhJFzORyFtT06d_w72APEf-SBveMJIbvU02uicBdbBtKlnhGIGq8mICaPgnZhnZG5YB2ej9XezgOlFEcAe8tCRaYCavo3Qx00PbS9Mnl6jPH3LbqohWtKGp6I/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi43DtoybFvcReJjbNz7wk0e1ERHTd99N8dsS51SjWTlc6kFdgqhpHmB_CKjREHQdGGMSKFzWJ96otqQTbCVgNltXRSECfaXoSlG0ILkl5PxnNUKWIXp_m-Yrx2efz14yMINseSXyGqt88/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh82fzEsR2bcCPOf-uT2oJPMAPzd4MqZ-tEaO7YUWWADrVFBShiE5RqTKq2lqqiPC607jxL_Nj0huErB8490kG22N2PUgAdvD9hp5yceYO8XcV8k-d1ZfOoQSGuaw-rNSRYJQgzzGY-dTU/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Rnt4flhsuQX0WUQx1rmLPnd4dSqDsNqYzHZGTcaAoYedRWKsHJ-YzGn4kbazhTSBB7W00AUazpZVPIt2ESqTGnM7EcrJIW7-lM-fvT2fZINv6oQXsiFj3UXcEaAqzPg7R3x-DmbvRyI/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXet2zTQebX1YdfvqwEFHEcRtNpkDVcKwL9UXVE2gLoVI0-ce8wGLWaqwUqOLUrbv5Ner11QYCZTwNuS8GQM_WkoQWKk29GLOTFfyJxM4d5NMpJg8FM2CQm8m4LPGQ-m_haKTwhh13ng0/s800/emoticon-0149-no.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVfTGriZo0KIdOufIvo5JCS2rjO_efXgVSVzQtmZ8FW1kAdhJHN1h1v5QeGRA08gUY_EtLDgg7EMp4EXKoLUEiSTCEp3AnEWB5GMhyKpcDYa4XfwNf3SKIfk4_feVjsi8A0Y6KfzakV80/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigaN48D76AI-CqFgRbofJfvFLM3fzTxS_hAab_v7OmW1xRHwUx2bjT-g6Hlpptstmlk0joCdt78gZ8wpexpy1PjrRntFsQ5_SUOG8Q959RCLsuXuM2YjvpwkIyWZut4wgcVfPAkyRi0ag/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLs7Ev2Yu6XOvOfktKX3KnzMH_TiGnZiIVUwVDK5OqHuLsrzGGYzdgNfvBf2SU2E_DpoM5ZiqUAPK1vlaPHNxjE2ArH38JZcdXiXBviXqquhKmiCS78x9qc4qEIa3zrXawhqBnW7vTpGk/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRdG-9O29vE0rO9xP8oWl0tEnfkvwPeHqyMzP1zLGvo5LAoRAUS82EcqwffoSYnQzrPN2AdNObGWPUGKOWRvb8RX01m-DSBnHE0k66yW2grpJJzhzZjnwyInTGjVSTbR-1YNmQtzebWYw/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpNvdMmyAOxDJOC1tsYFZ9_k_oUaI-FW_ynucMDIOSJGNTsZpZTQp3742Oid5VjIquUxH2-7t4AukROtTX6faLjZag3cINFJIKKtujSgf8RJzLX1HfbsthnVSbJ9v-11vyZXAYaCoGIt4/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgotjN-YpBqiC355qazcl11BM_5J1NcORwjwhoIojlwXIlvYOTMd8tfqvud4N7l0TaOOKULAXy__cZ15pFt_29R2r5kjaNY5pFtGQ0aWf8PZL1O_Ok3pThbPfak5kMV3eGDKZZUF-yWC1A/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR8AyUj2L2lrvk0tXBfL5e7UU8c0cj8mJH-OhXrLiItr7gzfyQOo0SR2pCfh7-TP_sD6uGet5yOHkOiRGK7DmTNZ6M-1z1AQrFzXqeYQb5JHkEQR1y6uRi1384KTcPzjyGXjLdNXeXCto/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisI_RL4OHC6FX45pXqf1ZX-Nd67du17cZFwOg37yVYcjHmcH6-s14oxSlEoCj_r3ZwzKtCtuODxP2eXQj3RS_sUAgeDqGmycFOtBy6YEx5nkIMvCkgjmiMKIppNPy6FDRQwNbUw7pBBOs/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2r5r31tXMr3sCYHxz8PtqFZmm0ljctrPl9pL7bZw8nz3CVeKwOhks4yNlcqtcQqX8EakCUlp_AB5wZwFUfYkyBeRouACUqgJieOsAi8DnRk0CeBk0NbmUyhPJvIs21SUsSbrS2NRaC8o/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1SUbuNIWOkX2D75OlRP1K5DPQ4Uol9ooxKRJ_UTz2jCgC6_jofK4AUifvUgTWncX8QcWiVR2rz3kq2Q9emrSqGGxV3HDXwJHfqkmQ3FQQTADyBl-fjF02a-woEDcFO5OMHvTadITJgi4/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwLn1Spn3e1-b4hhSmdi-mGFUUgnOVu0l9FCeHFvO8W41YIc8TPlwkOohyphenhyphenHGM__qiRoKqHdTq1Fog9mlDOeWA5-18bKpWhyphenhyphenJp-fQULLSD6PMzHhUrZWG-jWURnmXurOybgBsXsBS1KShg/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>") 
b.item(i).innerHTML = _str; 
} 
} 
}
//]]>
</script>
 

7.Now Click on "Save Templates"



How To Add Facemoods Emoticons For Blogger Comments

Now Follow the simple steps below to do it:

1.Login to your blogger dashboard--> Desing- -> Edit HTML

2.Scroll down to where you see

<h4 id='comment-post-message'><data:postCommentMsg/></h4> tag

3.Copy below code and paste it just before the

<h4 id='comment-post-message'><data:postCommentMsg/></h4> tag

<div style=' width: 450px; text-align: left; border: 4px solid #0084ce; background: #FEF9EA; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHEQ0JNb6j37gupdQujQ6i9m_OI3CzAw0O4lxheJFC7Dna8wmGy3QHk1AoC6lU-XSFSSz2jwpO1haQ86sr9XeNfg6ZkaD88slMh8ir75na5ev-lNyQpz6jBeokYn3u4-r5VvQYVGgseX0/'/> :a
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRU1G-oONMm-0pExlBtIg5LBulgSbvOO8BkQfFpfHr3pgUeMtzuWC5nVIpv2ajlEL34ZYZF3ova9fTvTK8B_C-n8ouzjVTtVeqEclSZS3Wb3NqhCosNsO8bQ-nOdiXE_1TVFqW4cUHq_g/'/> :b
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBaq9aNf089nKuCLUnEj9CssjGCKM4P_jVtbf4uzfljgaqFHp3BjBMTUUHeymP_VeXqs0qjuZ77xGG3n9soLzIHYr8yDXVQoN7g7kHeadJ2MKgbtWPZ1-u9MMKbwoJUnF85QvApz-V56w/'/> :c
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMTdl4pMuIGjz671ISURsEusOwCPMOf0UveH1MNJN4sMRxoax00Sqqemk58PU19yaoeNUVM1A3bEnTJGnJS4mOn3Ce30oFWJLBXydQF_-zYnQZZpRwTuKsBBJezX9vJPPpW3Yldc6xee8/'/> :d
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgktWdDEHXtm6R2BOWKD1mHe8M7ia76cy5I6-KiVnsOVvPTZJ50fmXtqWeMvMEKSVUU187-6jEh6GD_uVK9VOWVBuGvXVw5NmdfoVNw6Vt9Ky8hCRUFLyYmTxxjils5pHWqa00wbAO55cQ/'/> :e
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVwJUnSu_kWXUv0B7SCKZmTtf2f-NdnvRvkcuAxzi4N0rW9kzIJ1im1QPcEtDYOieRqnF-TeaZAs8pLzKdF2j__7eNdhPz2zO3NnM8CKIGvyyGMefLEPoQ7GON5betvLLzaWQNcgWvkQM/'/> :f
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq0Bj7N68hj5umi8rpAtZAqauaTUXaPcWZDCLV0zhPc1e72u6_9hZ3RDoWj9pnGe8EmvZ4FzxlatvckvRBcw2e49HF5OrB9t8G7v08zmGGspMKqXczYiM56NSsrmay36soGEfxm71YEv8/'/> :g
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY6yU7ZEOeSxunIlJWwegcr_PrlhHoxcLlaY2X04IYTFO6bXqGti3Vc9BJoPBbU16uxkcW3MS2X2glXWYTbHUqs4NF0YjexSYKbOF7HITN2FR4g367OUvlti7GinIxXkHb5dqYY8nETrw/'/> :h
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHUnZMRFsp955LPwXng7ZW_QYUxvvheOVx4T3WWTA_3qF70GBWnx9dSZXLGS8TLP14IrDvt2zojeIVlfER1TI9LOEhq_NfNjf2XBwbtaabbOmqPyaUk5ukjrGIecdOsBq3LAgJjCZMoIA/'/> :i
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqgcluG14usNppC6p-XWKimFcJS4W05MJ78Bb2D82U24VHgEyXxvMtRZf0oP7jzOF3m7J86FJQH7OAas5cadbwyzPkQeW-30ehT0a1rWErsa4Iao7Fs30WhZrEFHXWkdn9iPebrz1V1T4/'/> :j
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf8EwjhASkHtAeL_ufxwxP74YENcbzdbehS60R5V2DcAsk5gTyjU7sFLQFw7HUGoseNa68lvSb3p-EfC3VRZIgsQfp7orcMYU4zMZlxxh_NdtBLPyqExwh9jadN44c1XCpmPmwDsM991U/'/> :k
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnNvtX1RWmpWkW4v7KgMYps9B3t25okE0oXN8jkJ0y1WuwduSB9DS-lfG7Fe3UQMBEiy4Po5kMtL4sF1imjqc9IgAQTRtB7HUJkgG5yNWx6tOKmO31s9s1NT9AkXnnYZ2_OpQAWci3bG0/'/> :l
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGEzKbjsj7TYSX8oI06b3-mv0-T6o6QWIRT1eixLICU5DxQ3RY-mcpAAR_LFD2XE8aadRLo66aeitAHUkIVvNpUcysxTPBDRfkH8rshEUhIw4bTc9iG5ah8kv2V2j12Tgd6jqqHSmwHXU/'/> :m
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDroQfnBl-u2TohV1ArWgi0ybna6DWd8ZaOOrfk2cIQgDVuOcgFJTSQSO4sqsvMDobWzuEmBDnCbh8aE1WO44aIJCuMlWQUq3aEf92C_E3TyHsUOd2mISr8QttsjERvHz7a0i__zo0GCQ/'/> :n
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2aAOdgZPdpLm-g5xKptNgBVluHGYr_JsPEBalZaNGqMCRiMDtIkOd5RDtgBvy9-D34ywGv10Lsrq4Hpt46c8oQ1e5IrkpXz2fOhyphenhyphenXR-9iOGHKRsR1D3xhTMcdLjNuTWSro20tQp7-MmM/'/> :o
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVehnQEdPvxoQlocY-lZ8q2GbfC7Q6kUtTsFsiJnsNoRS4p4hK687D0f9kKOsLBOcSuIsq3ZP1jkoNJy_IbtdcbAqhyphenhyphenVzaK-wtvZ7WtwgDy7EDeQgajexvSv7RYwK-B3_w7TGzUnCGnS0/'/> :p
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA6K1raAhwRx0VKVVeiMb5YWJehc_w5-EnMa7E3gR6u53VA6CTCCo0fGYMORT_zjhw8v-WimU2RCi-YdWA1FpYoo9GQcDP_bZZ5TE-tYVFWC10TRCXe_YX-FIMkWx8hlI-av0nMt_J9lI/'/> :q
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipPX9-K-8VJoMWQSvZ9D_bkGdXlpsFBqrQEqjf18_Tv_DBU9V4wYjmaqwFhjd1szAWVvnKWf4jCm4CH5jx3R4esKx-JTyzaztmnkCaK6BUhMhC33FsekbaNO4a3cbm1YBbOqzpvn74CRY/'/> :r
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYWcMaPOngfZa7fACgY9jVuDFFEINnFjHYaZ8VBfs0hta0seaCf6_bSHrEpCD1PhDGWSxnNtRI90nhmVEEViw-a9vJVrz1jmcLy-_40HnrYP80pW395VA1ZkcbM5ZOAUsmnHQSTnDLwYk/'/> :s
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3c1DQS9mYJ5rkLXHZPLCHUrswo9n3Baz381cO9aQuq9S7YWMPZSXpk3CJFFd3rWcpOkXmgIeggPWiU8Zzn0HYUnDmxUy67V8wlRuv-pW3-vw2DfDGhq0Z5_6SyfYeHyRAO4vwKfSUGFA/'/> :t 
</div>
 

4.Now Scroll down to where you see </body> tag

5.Copy below code and paste it just before the </body> tag

<script type='text/javascript'>
//<![CDATA[ 
a = document.getElementById('comments'); 
if(a) { 
b = a.getElementsByTagName("DD"); 
for(i=0; i < b.length; i++) { 
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') { 
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqgcluG14usNppC6p-XWKimFcJS4W05MJ78Bb2D82U24VHgEyXxvMtRZf0oP7jzOF3m7J86FJQH7OAas5cadbwyzPkQeW-30ehT0a1rWErsa4Iao7Fs30WhZrEFHXWkdn9iPebrz1V1T4/' alt='' class='smiley'/>"); 
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf8EwjhASkHtAeL_ufxwxP74YENcbzdbehS60R5V2DcAsk5gTyjU7sFLQFw7HUGoseNa68lvSb3p-EfC3VRZIgsQfp7orcMYU4zMZlxxh_NdtBLPyqExwh9jadN44c1XCpmPmwDsM991U/' alt='' class='smiley'/>"); 
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnNvtX1RWmpWkW4v7KgMYps9B3t25okE0oXN8jkJ0y1WuwduSB9DS-lfG7Fe3UQMBEiy4Po5kMtL4sF1imjqc9IgAQTRtB7HUJkgG5yNWx6tOKmO31s9s1NT9AkXnnYZ2_OpQAWci3bG0/' alt='' class='smiley'/>"); 
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGEzKbjsj7TYSX8oI06b3-mv0-T6o6QWIRT1eixLICU5DxQ3RY-mcpAAR_LFD2XE8aadRLo66aeitAHUkIVvNpUcysxTPBDRfkH8rshEUhIw4bTc9iG5ah8kv2V2j12Tgd6jqqHSmwHXU/' alt='' class='smiley'/>"); 
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDroQfnBl-u2TohV1ArWgi0ybna6DWd8ZaOOrfk2cIQgDVuOcgFJTSQSO4sqsvMDobWzuEmBDnCbh8aE1WO44aIJCuMlWQUq3aEf92C_E3TyHsUOd2mISr8QttsjERvHz7a0i__zo0GCQ/' alt='' class='smiley'/>"); 
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2aAOdgZPdpLm-g5xKptNgBVluHGYr_JsPEBalZaNGqMCRiMDtIkOd5RDtgBvy9-D34ywGv10Lsrq4Hpt46c8oQ1e5IrkpXz2fOhyphenhyphenXR-9iOGHKRsR1D3xhTMcdLjNuTWSro20tQp7-MmM/' alt='' class='smiley'/>"); 
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVehnQEdPvxoQlocY-lZ8q2GbfC7Q6kUtTsFsiJnsNoRS4p4hK687D0f9kKOsLBOcSuIsq3ZP1jkoNJy_IbtdcbAqhyphenhyphenVzaK-wtvZ7WtwgDy7EDeQgajexvSv7RYwK-B3_w7TGzUnCGnS0/' alt='' class='smiley'/>"); 
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA6K1raAhwRx0VKVVeiMb5YWJehc_w5-EnMa7E3gR6u53VA6CTCCo0fGYMORT_zjhw8v-WimU2RCi-YdWA1FpYoo9GQcDP_bZZ5TE-tYVFWC10TRCXe_YX-FIMkWx8hlI-av0nMt_J9lI/' alt='' class='smiley'/>"); 
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipPX9-K-8VJoMWQSvZ9D_bkGdXlpsFBqrQEqjf18_Tv_DBU9V4wYjmaqwFhjd1szAWVvnKWf4jCm4CH5jx3R4esKx-JTyzaztmnkCaK6BUhMhC33FsekbaNO4a3cbm1YBbOqzpvn74CRY/' alt='' class='smiley'/>"); 
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYWcMaPOngfZa7fACgY9jVuDFFEINnFjHYaZ8VBfs0hta0seaCf6_bSHrEpCD1PhDGWSxnNtRI90nhmVEEViw-a9vJVrz1jmcLy-_40HnrYP80pW395VA1ZkcbM5ZOAUsmnHQSTnDLwYk/' alt='' class='smiley'/>"); 
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3c1DQS9mYJ5rkLXHZPLCHUrswo9n3Baz381cO9aQuq9S7YWMPZSXpk3CJFFd3rWcpOkXmgIeggPWiU8Zzn0HYUnDmxUy67V8wlRuv-pW3-vw2DfDGhq0Z5_6SyfYeHyRAO4vwKfSUGFA/' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHEQ0JNb6j37gupdQujQ6i9m_OI3CzAw0O4lxheJFC7Dna8wmGy3QHk1AoC6lU-XSFSSz2jwpO1haQ86sr9XeNfg6ZkaD88slMh8ir75na5ev-lNyQpz6jBeokYn3u4-r5VvQYVGgseX0/' alt='' class='smiley'/>"); 
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRU1G-oONMm-0pExlBtIg5LBulgSbvOO8BkQfFpfHr3pgUeMtzuWC5nVIpv2ajlEL34ZYZF3ova9fTvTK8B_C-n8ouzjVTtVeqEclSZS3Wb3NqhCosNsO8bQ-nOdiXE_1TVFqW4cUHq_g/' alt='' class='smiley'/>"); 
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBaq9aNf089nKuCLUnEj9CssjGCKM4P_jVtbf4uzfljgaqFHp3BjBMTUUHeymP_VeXqs0qjuZ77xGG3n9soLzIHYr8yDXVQoN7g7kHeadJ2MKgbtWPZ1-u9MMKbwoJUnF85QvApz-V56w/' alt='' class='smiley'/>"); 
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMTdl4pMuIGjz671ISURsEusOwCPMOf0UveH1MNJN4sMRxoax00Sqqemk58PU19yaoeNUVM1A3bEnTJGnJS4mOn3Ce30oFWJLBXydQF_-zYnQZZpRwTuKsBBJezX9vJPPpW3Yldc6xee8/' alt='' class='smiley'/>"); 
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgktWdDEHXtm6R2BOWKD1mHe8M7ia76cy5I6-KiVnsOVvPTZJ50fmXtqWeMvMEKSVUU187-6jEh6GD_uVK9VOWVBuGvXVw5NmdfoVNw6Vt9Ky8hCRUFLyYmTxxjils5pHWqa00wbAO55cQ/' alt='' class='smiley'/>"); 
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVwJUnSu_kWXUv0B7SCKZmTtf2f-NdnvRvkcuAxzi4N0rW9kzIJ1im1QPcEtDYOieRqnF-TeaZAs8pLzKdF2j__7eNdhPz2zO3NnM8CKIGvyyGMefLEPoQ7GON5betvLLzaWQNcgWvkQM/' alt='' class='smiley'/>"); 
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq0Bj7N68hj5umi8rpAtZAqauaTUXaPcWZDCLV0zhPc1e72u6_9hZ3RDoWj9pnGe8EmvZ4FzxlatvckvRBcw2e49HF5OrB9t8G7v08zmGGspMKqXczYiM56NSsrmay36soGEfxm71YEv8/' alt='' class='smiley'/>"); 
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY6yU7ZEOeSxunIlJWwegcr_PrlhHoxcLlaY2X04IYTFO6bXqGti3Vc9BJoPBbU16uxkcW3MS2X2glXWYTbHUqs4NF0YjexSYKbOF7HITN2FR4g367OUvlti7GinIxXkHb5dqYY8nETrw/' alt='' class='smiley'/>"); 
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHUnZMRFsp955LPwXng7ZW_QYUxvvheOVx4T3WWTA_3qF70GBWnx9dSZXLGS8TLP14IrDvt2zojeIVlfER1TI9LOEhq_NfNjf2XBwbtaabbOmqPyaUk5ukjrGIecdOsBq3LAgJjCZMoIA/' alt='' class='smiley'/>") 
b.item(i).innerHTML = _str; 
} 
} 
}
//]]>
</script>

6.Now Click on "Save Templates"





How To Add FaceSmooch Emoticons For Blogger Comments

Now Follow the simple steps below to do it:

1.Login to your blogger dashboard--> Desing- -> Edit HTML

2.Scroll down to where you see

<h4 id='comment-post-message'><data:postCommentMsg/></h4> tag

3.Copy below code and paste it just before the

<h4 id='comment-post-message'><data:postCommentMsg/></h4> tag

<div style=' width: 450px; text-align: left; border: 4px solid #000000; background: #FEF9EA; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnL7ndZYTl7Mp1QjEu5LjRHBhyphenhyphen2xeBSNhlknEzVpgEvppUMIc-NSTUSgLvO6cdmrK8CAo34klLOyLpvXsUhfvrSWxlVpe3b_OH_bj1SFVEmg8Fxm30RDE8qaFNH3tbWhSAAP_29pMgGb0/'/> :a
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLeOmbB95GIbxjD9lrVbRi4Lmo3IiMuGkmfFduHXC72cviv4wEbtRoMU76YtKZcEZ-_an9UjtW1EncXprGXyuJ1izLT8rX18Y0HpcSrYCI9e_Gp0E0fZSU2kZH9VhnPhxg9lM1CWWsfW8/'/> :b
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-N0LdQiNXWiU40DZTDrXCcc5XDStH83qrwXx-RFDpZa912u8dmUEn_dQxS2IcVwsVtJiTeE1VqEbJOIvI9CuZC-vR0QvzYginguBiTFZ2AraMDHClAf-z-dZJaGpYWvYVGa-acq_PgOI/'/> :c
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjcKtS-lt5flanu_Y83sj_LLLUuQVBCZn6uEB1Ugy3oQ9hzXSCyj8u3oAHz33K5TX7RTqkYp39-ObKal_L0c3yoKeidZXc7IQ8PNtszNbsi1fuWRdPuo05uXmFkLDVq3Tucpzuy52mP-I/'/> :d
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmkDOzY7PYCYzqv-Z_FfE8oekE8UG_exclb75vWWMo7QZwg4uzjw1-iRlUynOsH_ga8pJJTJR52Ru2iFm0aZMFRW6ACT-sMcq7YOBgMRZPOZJe_iP7ImfdrYdoz85K1a5DP_yMu2PkRR0/'/> :e
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhximT-lJTN12XZ69vk11I6a786i9v39o0MK-_OxghAAjmExEbwAcGtk3N0r-CjP7wrUvLZK8-GQtf2bMa1Pih3rEPgw6A45WH6kVMk11t90QJEeGMCsJ3YXDpnBhv9EkpZjxkSVLqVDz0/'/> :f
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2YASDUUH4xz4-1hT_PpDUtxUigARowiu0R-otG1YUzDvNNRM9zPBVoOY6eVHmIBOh-OuF0G7nFx1BYc_UXvaUAYqq7wC0RPhidE1ZC0yE1-XLhvsFYspPpr6sg2kovY6jUR1V7axqR0Q/'/> :g
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcuX-vop8rNFs2aySSmWPJPCxpJYAIHGk3Do_pFkN-kxKWeHPVksjP6dsHA0dRheI25x9e3lVm-DIBsejfnORinWkwPW5xhgPvYu-63V5CLMdvhtIxZrsqYRaKQrsLuf7_DubLXZbxFFM/'/> :h
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdB7-nbgi7gun1DGqGeGIo5gNPwC4WsPtXI9fEvIwH_MH2LFzAiX9q8hNo41YoKfOsICjt12hvXtIhPlq5eKZaGMV2bqKJuWEG4X89V2FX7ObVnBYOfXW5IMcxrf8BEQOQ6lSvVocJHBo/'/> :i
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMDJXmOM78Mf-fMYCQdqnFDolCljdxp4gklZqrG2v2Ee6YZyC29b4UQBHWj1egLHqUjaPEEtShVAOEFS_r8l0rgJU3K2J8OR4B-hwFeWofAtfXnB8BvMZaRY96ndOY0Ka2Jna7_0kecsM/'/> :j
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq9ZQsGIxJ35IznKDL3MhoFApGtoP-jIDimoy04pYE4qSDAsBUivhUfQYYLF6XkSwN8w_EHYkxyvdR0G3Gp1GzRvt8QLtB_wEfc95V2o2C01FUROt7_yi0FI4zAp_w53RiLx-rDZN1Q2w/'/> :k
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsCc2JbeOPlPXA-G9yJ-BBwG15rHeNTjLq4mEdeFOKA6HbBo0Q1RgBAD5pC8mcoO-G96i-E8BU2POrFsrTMGgb607YjMAWAXjvbGXgwas78BqlLf3itvLKll0Bmy-f1x0Oc3k3Fy4nQRE/'/> :l
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdDagRpHrV8PcS4r07jPS99ZPWbi2Hsd3bU-s4sWFT59uWWsvs-lYUzDQ_NHWMkXvSg8g1YsDK4-iNDcYi_nU6m6CL284czOLVhL7arMeSI1hCUH4_7_eVZh4CD8r5WzlQKzZ_FzX_VBs/'/> :m
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Q7zDkSjS-g5h5_QTZztah9ClBmPDd_W3dtMjTnRXwfg7pr4MUbQt0gUpR0kwM9e8HK87sgBLphf1ZexD37WORNnU9dSqi2NLjIL5U0TOEA82Inx-99FHrqwgZV5plEOoDEqXGRQPVys/'/> :n
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRRC966V7lsyKxCc-n8hODyjx6S6_cx-gBgM8vRFTXlIaj_-arNyV-eXXJ6Epc_rlQ2yvc4eio4-bW21fjf7fjN9FJccbOkSrz4HuDT05BICcFi7srNoQrKFfsAjJCVBoi4w8Hi0Pcaqw/'/> :o
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkLiyCb31cvaQ9HJDIScHum_2AE9RQj795jGp5xS8P8ix6pOXyK-dcoJ3uGi2Nx0B1u21wvo5P4IGyPISrgGqMnOxSntLr8cxfBXTmAg04hwWIJYbKPaRK1d2d-Jzv7-QxFg8LYtPNTWQ/'/> :p
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3kY3z9pnmtNrILCv9KI2nFFuHbPoNt2REgm7QS3Rj4zpzHIRKfThnOvibNupH_KBL-3RcLc8sv04tTH8jyDY3y6ikwluwYPbSHgdF_yh_FIVOc_w-5zLojkm9EZXR_wiavOeF7wkj61o/'/> :q
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBMrJEurEdfYdNhoFnML0L4xb0cy4VtzFgN2TBCXxLvrHiXDswzN-Elurf-jsnrxiekmpuVWaPe6O0RQs8YxfXAj4o0CLa5AbbLisYeuDX8AfKBYlY_UxYOPuC3LkIp12I-kCd-_itV_8/'/> :r
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJtjVYeBwztvSxU6c96slzXzBngL1altwucoU4FiibkYi1vF29I5brhFqfq4u_yOCLa1Pf339posvfT2jjmpWZ5OgVAknemiMEyjYSXd2Zgng1OVSWuTUY66mQ2Becn7qPOq0DdjpALPI/'/> :s
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ4mYyOqs-WOHmU8VRg3NC35OKfWXJO_b8l-4nwUavmq81jNc-X6MwPrQt9zMBj43ld37YvHMcMrYGJqKdqnA_2BM6WaLenc1IqO5yDbB7lyakAFpRP5NJChGzK5GbE3g2LMnIBSYHJhI/s24/bloggertricksandtoolz.blogspot%20(22).gif'/> :t 
</div>
 

4.Now Scroll down to where you see </body> tag

5.Copy below code and paste it just before the </body> tag

<script type='text/javascript'>
//<![CDATA[ 
a = document.getElementById('comments'); 
if(a) { 
b = a.getElementsByTagName("DD"); 
for(i=0; i < b.length; i++) { 
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') { 
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMDJXmOM78Mf-fMYCQdqnFDolCljdxp4gklZqrG2v2Ee6YZyC29b4UQBHWj1egLHqUjaPEEtShVAOEFS_r8l0rgJU3K2J8OR4B-hwFeWofAtfXnB8BvMZaRY96ndOY0Ka2Jna7_0kecsM/' alt='' class='smiley'/>"); 
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq9ZQsGIxJ35IznKDL3MhoFApGtoP-jIDimoy04pYE4qSDAsBUivhUfQYYLF6XkSwN8w_EHYkxyvdR0G3Gp1GzRvt8QLtB_wEfc95V2o2C01FUROt7_yi0FI4zAp_w53RiLx-rDZN1Q2w/' alt='' class='smiley'/>"); 
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsCc2JbeOPlPXA-G9yJ-BBwG15rHeNTjLq4mEdeFOKA6HbBo0Q1RgBAD5pC8mcoO-G96i-E8BU2POrFsrTMGgb607YjMAWAXjvbGXgwas78BqlLf3itvLKll0Bmy-f1x0Oc3k3Fy4nQRE/' alt='' class='smiley'/>"); 
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdDagRpHrV8PcS4r07jPS99ZPWbi2Hsd3bU-s4sWFT59uWWsvs-lYUzDQ_NHWMkXvSg8g1YsDK4-iNDcYi_nU6m6CL284czOLVhL7arMeSI1hCUH4_7_eVZh4CD8r5WzlQKzZ_FzX_VBs/' alt='' class='smiley'/>"); 
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Q7zDkSjS-g5h5_QTZztah9ClBmPDd_W3dtMjTnRXwfg7pr4MUbQt0gUpR0kwM9e8HK87sgBLphf1ZexD37WORNnU9dSqi2NLjIL5U0TOEA82Inx-99FHrqwgZV5plEOoDEqXGRQPVys/' alt='' class='smiley'/>"); 
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRRC966V7lsyKxCc-n8hODyjx6S6_cx-gBgM8vRFTXlIaj_-arNyV-eXXJ6Epc_rlQ2yvc4eio4-bW21fjf7fjN9FJccbOkSrz4HuDT05BICcFi7srNoQrKFfsAjJCVBoi4w8Hi0Pcaqw/' alt='' class='smiley'/>"); 
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkLiyCb31cvaQ9HJDIScHum_2AE9RQj795jGp5xS8P8ix6pOXyK-dcoJ3uGi2Nx0B1u21wvo5P4IGyPISrgGqMnOxSntLr8cxfBXTmAg04hwWIJYbKPaRK1d2d-Jzv7-QxFg8LYtPNTWQ/' alt='' class='smiley'/>"); 
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3kY3z9pnmtNrILCv9KI2nFFuHbPoNt2REgm7QS3Rj4zpzHIRKfThnOvibNupH_KBL-3RcLc8sv04tTH8jyDY3y6ikwluwYPbSHgdF_yh_FIVOc_w-5zLojkm9EZXR_wiavOeF7wkj61o/' alt='' class='smiley'/>"); 
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBMrJEurEdfYdNhoFnML0L4xb0cy4VtzFgN2TBCXxLvrHiXDswzN-Elurf-jsnrxiekmpuVWaPe6O0RQs8YxfXAj4o0CLa5AbbLisYeuDX8AfKBYlY_UxYOPuC3LkIp12I-kCd-_itV_8/' alt='' class='smiley'/>"); 
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJtjVYeBwztvSxU6c96slzXzBngL1altwucoU4FiibkYi1vF29I5brhFqfq4u_yOCLa1Pf339posvfT2jjmpWZ5OgVAknemiMEyjYSXd2Zgng1OVSWuTUY66mQ2Becn7qPOq0DdjpALPI/' alt='' class='smiley'/>"); 
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ4mYyOqs-WOHmU8VRg3NC35OKfWXJO_b8l-4nwUavmq81jNc-X6MwPrQt9zMBj43ld37YvHMcMrYGJqKdqnA_2BM6WaLenc1IqO5yDbB7lyakAFpRP5NJChGzK5GbE3g2LMnIBSYHJhI/s24/bloggertricksandtoolz.blogspot%20(22).gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLeOmbB95GIbxjD9lrVbRi4Lmo3IiMuGkmfFduHXC72cviv4wEbtRoMU76YtKZcEZ-_an9UjtW1EncXprGXyuJ1izLT8rX18Y0HpcSrYCI9e_Gp0E0fZSU2kZH9VhnPhxg9lM1CWWsfW8/' alt='' class='smiley'/>"); 
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-N0LdQiNXWiU40DZTDrXCcc5XDStH83qrwXx-RFDpZa912u8dmUEn_dQxS2IcVwsVtJiTeE1VqEbJOIvI9CuZC-vR0QvzYginguBiTFZ2AraMDHClAf-z-dZJaGpYWvYVGa-acq_PgOI/' alt='' class='smiley'/>"); 
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjcKtS-lt5flanu_Y83sj_LLLUuQVBCZn6uEB1Ugy3oQ9hzXSCyj8u3oAHz33K5TX7RTqkYp39-ObKal_L0c3yoKeidZXc7IQ8PNtszNbsi1fuWRdPuo05uXmFkLDVq3Tucpzuy52mP-I/' alt='' class='smiley'/>"); 
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmkDOzY7PYCYzqv-Z_FfE8oekE8UG_exclb75vWWMo7QZwg4uzjw1-iRlUynOsH_ga8pJJTJR52Ru2iFm0aZMFRW6ACT-sMcq7YOBgMRZPOZJe_iP7ImfdrYdoz85K1a5DP_yMu2PkRR0/' alt='' class='smiley'/>"); 
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgktWdDEHXtm6R2BOWKD1mHe8M7ia76cy5I6-KiVnsOVvPTZJ50fmXtqWeMvMEKSVUU187-6jEh6GD_uVK9VOWVBuGvXVw5NmdfoVNw6Vt9Ky8hCRUFLyYmTxxjils5pHWqa00wbAO55cQ/' alt='' class='smiley'/>"); 
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhximT-lJTN12XZ69vk11I6a786i9v39o0MK-_OxghAAjmExEbwAcGtk3N0r-CjP7wrUvLZK8-GQtf2bMa1Pih3rEPgw6A45WH6kVMk11t90QJEeGMCsJ3YXDpnBhv9EkpZjxkSVLqVDz0/' alt='' class='smiley'/>"); 
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2YASDUUH4xz4-1hT_PpDUtxUigARowiu0R-otG1YUzDvNNRM9zPBVoOY6eVHmIBOh-OuF0G7nFx1BYc_UXvaUAYqq7wC0RPhidE1ZC0yE1-XLhvsFYspPpr6sg2kovY6jUR1V7axqR0Q/' alt='' class='smiley'/>"); 
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcuX-vop8rNFs2aySSmWPJPCxpJYAIHGk3Do_pFkN-kxKWeHPVksjP6dsHA0dRheI25x9e3lVm-DIBsejfnORinWkwPW5xhgPvYu-63V5CLMdvhtIxZrsqYRaKQrsLuf7_DubLXZbxFFM/' alt='' class='smiley'/>"); 
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdB7-nbgi7gun1DGqGeGIo5gNPwC4WsPtXI9fEvIwH_MH2LFzAiX9q8hNo41YoKfOsICjt12hvXtIhPlq5eKZaGMV2bqKJuWEG4X89V2FX7ObVnBYOfXW5IMcxrf8BEQOQ6lSvVocJHBo/' alt='' class='smiley'/>") 
b.item(i).innerHTML = _str; 
} 
} 
}
//]]>
</script>
 

Note: Change " width: 450px " as you like.


6.Now Click on "Save Templates" Now your Done





How To Add Yahoo Emoticons For Blogger Comments

Now guys Follow the simple steps below to do it:

1.Login to your blogger dashboard--> Desing- -> Edit HTML


Search (ctrl+F) for below codes:-

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<h3><a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a></h3>
</b:if>
</b:if>
</p>
</b:if>

Replace the above codes with below one:-

<b:if cond='data:post.embedCommentForm'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
 

5.Now again scroll down where you see </body> tag

<script src='http://24work.ucoz.com/24work-blogspot/yahoo-smileys/yahoo-smileys-www.24work.blogspot.com-.js' type='text/javascript'/><noscript><a href="http://bdlab.blogspot.com" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>
 

6.Click on save template and you are done.

Sumber

»»  Baca Post Penuh...

Tutorial Pasang Yahoo Messenger Status Di Blog

Disediakan skrip bagi widget status online atau offline Yahoo Messenger untuk dimasukkan dalam blog.

Salin kod skrip status YM berikut dan masukkan dalam sidebar blog sendiri. Taip masukkan ID sendiri gantikan ID-YM-sendiri dalam contoh berikut.

<a href="ymsgr:sendIM?ID-YM-sendiri"><img src="http://opi.yahoo.com/online?u=ID-YM-sendiri&m=g&t=2&l=us" />

Nilai t=0 boleh dipinda mengikut pilihan gambar widget seperti berikut:

t=0
t=1
t=2
t=3
t=4
t=5
t=6
t=7
t=8
t=9
t=10
t=11
t=12
t=13
t=14
t=15
t=16
t=17
t=18

Sekian, selamat mencuba dan selamat berjaya.

Sumber

»»  Baca Post Penuh...

Tutorial Tukar Cursor Blog

Langkah 1
Cara Tukar Cursor Blog :

• Go to >> Mana mana website dibawah :
• 123 Cursor
• Cursor4u
• Freecursor
• Pilih mana mana cursor yang korang suka
• Right click >> Copy Image Location

Contoh dalam gambar

Langkah 2

Cara Tukar Cursor Blog :

• Go to >> Page Element >> Add a Gadget
• Pilih >> Html / Javascript
• Copy kod dibawah : 

• <style type="text/css">body {cursor:url("URL IMAGE LOCATION CURSOR"),default}</style>
  

• Gantikan URL IMAGE LOCATION CURSOR dengan Url Image location yang korang copy tadi.
• Save
• Siap !
  

Sumber

»»  Baca Post Penuh...

Tutorial Letak Button Back To Top

Meletakkan button 'back to top' biasanya digunakan untuk blogger yang kebiasaannya mempunyai entri yang panjang, ataupun entri blog tersebut sentiasa mempunyai komen yang banyak atau mungkin juga sebagai penyeri agaknya.

Walaupun terdapat pelbagai cara yang agak advance dengan kesan yang lagi hebat-hebat, tetapi entri ini akan menunjukkan cara yang paling ringkas untuk meletakkan button back to top ini. Tidak perlu pening kepala kerana ia hanya menggunakan beberapa step sahaja.:)

Berikut adalah tutorial untuk meletakkan button back to top dalam blog.


1. Login akaun blog anda, kemudian dari dashboard > design > add a gadget > html/javascript

2. Paste kod di bawah ke dalam ruangan html/javascript

<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar"></a>

Masukkan url gambar dengan url gambar 'arrow back to top' anda.

Disini ada beberapa jenis arrow diletakkan, hanya untuk memudahkan. Tetapi jika anda ingin mencari pelbagai lagi jenis back to top arrow, anda Google sahaja.


http://img338.imageshack.us/img338/9871/2evyotw.gif


http://img132.imageshack.us/img132/5848/totopbutton.png


http://img175.imageshack.us/img175/7297/up3.png


http://img28.imageshack.us/img28/2494/30720265.png


http://img529.imageshack.us/img529/1986/96133335.png


http://img294.imageshack.us/img294/9831/14193731.gif

3. Apabila selesai save dan lihatlah hasilnya

Sumber

»»  Baca Post Penuh...

Tutorial Membuat Text Area

Text area adalah ruangan bagi kita memasukkan kod html,javascript dan lain lain teks agar mudah bagi pengunjung menyalin dan nampak lebih kemas dan tersusun posting kita Untuk   membuat text area copy text dibawah ini:

Text area biasa:

<p align="center"><textarea name="code" rows="6" cols="20"> masukan kod kod yang anda inginkan di sini, tulisan anda akan tampil di dalam text area </textarea></p>

Hasilnya:

<a href="http://teknikbuatblog.blogspot.com" target="_blank"><img src="http://photobucket.com/albums/006/tip/utton.gif" border="0" alt="belajar buat blog" /></a>

Cols="20" bermaksud lebar ruangan
Rows="6" bermaksud tinggi text area
untuk mengubah saiz nombor tadi perlu lah diedit mengikut kemahuan kita.

Kotak text area dengan butang Highlight all.


Untuk text area begini pengunjung cuma perlu tekan butang Hightlight all dan copy untuk menyalin kod dalam text area tadi .

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="10">masukkan kod atau tulisan anda di sini,text atau kod yang anda tulis akan muncul di sini boleh di copy oleh para pengunjung</textarea></p></div></form>

Hasilnya:

<script language='javascript'><br>aBold = true;<br>numposts=200;<br>maxshowresult=7;<br>home_page = "http://teknikbuatblog.blogspot.com/";<br></script><br><script type='text/javascript'><br>//<![CDATA[howrecentposts"><\/script>');<br>//]]><br></script>

Sumber

»»  Baca Post Penuh...

Tutorial Letak Iklan Nuffnang Statik Serta Button Close

Step 1 : Dashboard > Design > Page Element> Add Gadget > HTML

Step 2 : Lepas tuh copy code dibawah ni.

<div id="cry" class="textwidget">
<div class='widget-content'>
<div style="position: fixed; bottom: 0px; left: 5px;">
<p align="left">
<a href="#" onclick="document.getElementById('cry').style.display = 'none';">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ID0p1k0XT894iKKqwIZ7Q4Ag-u3jli9nwOfmlDfewucCryVSQejQvCowDe1yl6D3uMm3olsr_Xzc1tCoMqT5Bviv6b5kAVUCeGfRO8X_ztoPBn7ibCFvN_8Zuq3UZdbOeJ8vLaUFwcU/s320/close.jpg" />
</a></p>
LETAK KOD LEADERBOARD NUFFNANG ANDA DISINI
</div></div></div>

Paste kan Kod Leaderboard Iklan anda di situ.
Nota : Kalau anda ada gadget lain yang nak wat terapung, cuma Paste jer kat Kod Leaderboard Iklan tu.

Step 3 : Click PREVIEW, kalau takde error, tekan SAVE.

TIPS: Bahagian tulisan warna merah tuh korang boleh ganti dengan image close yang korang nak/ Boleh wat sendiri kalau rajin.

Sumber

»»  Baca Post Penuh...

Tutorial Letak Facebook Share Button Dalam Blog

Penggunaan button share dalam blog untuk web sosial facebook dapat memudahkan para pengunjung sesebuah blog berkongsi apa yang disukai kepada kawan-kawan di facebook.

Dengan hanya beberapa klik sahaja, ianya sudah siap sedia untuk dikongsi di profile facebook. selain itu penggunaan facebook share button ini dapat manarik lebih ramai pelawat ke sesebuah blog.

Contoh penggunaan facebook share button (selain blog ini) adalah di unwanted86 dan juga ohbest.

Cara untuk memasukkan facebook share button ini adalah seperti berikut.

1. Pilih jenis facebook share button yang anda kehendaki, kemudian copy code yang diberi.


Code untuk Full

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Code untuk Compact

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

2. Login akaun blogger, dari dashboard > design > edit HTML > Expand Widget Templates (Jangan lupa backup template)

3. Menggunakan fungsi find (ctrl + F), cari kod ini.

<div class='post-header-line-1'/>

jika tidak jumpa, cari kod ini.

<div class='post-header-line-1'>

4. Selepas itu paste kod share button (langkah 1) DIBAWAH kod yang anda cari (langkah 3)

5. Save template dan lihat hasilnya.

Sumber

»»  Baca Post Penuh...

Cara Membuat Read More Pada Blog

Cara membuat read more pada blog, blogspot, Blogger ini sangat mudah sekali, karena hanya tinggal mengcopykan script code yang ada ke template blogspot anda, dan Berikut ini cara yang mudah untuk membuat Read More Otomatis dengan Thumbnail di Blogger seperti halnya yang digunakan pada Blog. sebelum anda memulai membuat read more pada blog, blogspot, blogger yang harus anda lakukan adalah sebagai berikut :

► Silahkan Login dan masuk di akun blogger anda
► lalu klik Rancangan dan klik Edit HTML
► Centang Expand Template Widget
► Untuk mempermudah pencarian kode HTML nya anda tekan aja ( CTRL + F )
► Cari kode </head> dan kalau sudah ketemu
► Lalu silahkan Tambahkan kode dibawah ini tepatnya diatas kode </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>


Bila anda ingin merubah ukuran Read More Pada Blog, Blogspot, Blogger anda, ubah aja di bagian-bagian kode di bawah ini, dan Ubah angka nya sesuai kebutuhan:

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar
summary_img = 340; adalah tinggi potongan artikel dengan gambar
img_thumb_height = 100; adalah ukuran tinggi thumbnail
img_thumb_width = 120; adalah ukuran lebar thumbnail

► langkah Selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


► dan untuk kata " READ MORE " bisa diganti sesuai dengan selera anda.

setelah dipastikan semua udah terpasang dengan benar langkah selanjutnya adalah simpan template dan coba lihatlah hasilnya.

Sumber

»»  Baca Post Penuh...

Tutorial Pasang Button Like Facebook Untuk Blog

Meletakkan button 'like' dalam blog dapat memberi gambaran secara kasar samada penunjung anda menyukai entri yang ada di blog anda. Selain itu, penggunaan button 'like' ini juga sedikit sebanyak dapat meningkatkan trafik blog anda.

Cara-cara untuk meletakkan button like ini adalah seperti berikut.

1. Login akaun blogger, dari dashboard > design > edit HTML > expand widget templates
( backup template untuk langkah berjaga²)

2. Menggunakan fungsi find (ctrl + F), cari kod berikut.

<data:post.body/>

3. Kemudian copy kod ini, dan paste di bawah kod yang anda cari di langkah 2.

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

contoh:


4. Save dan lihat hasilnya

Sumber

»»  Baca Post Penuh...