TUTORIAL : Tukar Newer, Home dan Older kepada gambar

1. Dashboard > Design > Edit HTML > tick Expand Widget Templates .

untuk NEWER post

2. Tekan Ctrl + F serentak dan cari perkataan :

<data:newerPageTitle/>

3. DELETE kod atas ni dan ganti dengan kod bawah ni :

  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-HoKyWsw7dCE243CV6qpZpvySX1bOeFvWKJgRRi6SqsnoV1aUmQ1QDaFU_uidnHnZg-xBgLU-nbslWfN34TiVJ_oKfXA2SqrE7vWQrtvK-30LBuUNKKFCCXFodWeGA4TfwODJQwYHVw_C/s1600/newer.png"/>

untuk HOME

4. Again, tekan CTRL+ F serentak dan cari kod bawah ni,

homepageUrl'><data:homeMsg/>

5. DELETE kod merah tu dan paste yang bawah ni :

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-6t2uiwF5M6I5VkYH-75y34w3KhGBFlxQwY5xNpuPfT499M5tVBPABttWFkNA_way8s1-Rt3eOylxKHjVrQPwOyZeZyvUT1aUvos7VbTHWxj1bFPSY-QjkhCoTubiK2Rs8E_orZAIbO2W/s1600/home.png'/>

untuk OLDER post

6. lastly Tekan Ctrl + F serentak lagi sekali dan cari perkataan bawah ni ,

<data:olderPageTitle/>

7. DELETE kod di atas dan ganti dengan kod bawah ni:

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixxhMyFPDCLjB0bAh1yfemTRNiCQZ3tOEHddh-YkzIEqMLVyBggBX0ScZrjd7zww6W5ikMYoWIKFmcSydXg66i9crrQ8AJW5iLn50LThvRe6Nwd1HiGVP-P3oAhfD3F5QNkxTOneHnYVi9/s1600/older.png'/>

8. then , boleh preview dulu . kalau jadik SAVE ok !

kod merah tu boleh ganti dengan kod URL image korang sendiri..tu NZ sje sediakan...nak guna yg tu je boleh jugak..

TUTORIAL : Letak Float Botton Dashboard

nak letak botton macam atas tu ? 

yang ni BZ sediakan untuk button DASHBOARD

caranya ialah

1. DASHBOARD > DESIGN >PAGE ELEMENT > ADD A GADGET > HTML/JAVA SCRIPT

2. copy code ni dan pastekan kat situ

<div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpgoOtA93TZQ3WRL6q4joVN5LxBe2tiuZfaMHIpPniS-h2zuu2JJZAX4noZvEtJy0xjxTc-R8xXVrUTKFfCPxDjcVp1Hz1FU3_x6XFJ5igwzmuacl9nSS-5WP5YbeNTcF8NRzI5bvpJ4d/s1600/dash.png?6" /></a></div> 

3.SAVE!

**yang oren tu boleh tukar untuk adjust kedudukan button korang tu

**yang merah boleh tukar dengan URL IMAGE korang..yang tersedia tu BZ buatkan..tapi tak sama macam image atas tu..yang BZ buat ni UNGU ^^ 

TUTORIAL : Letak Button Reply To Comment

Tutorial BZ untuk blogger tentang :

Letak Button Reply To Comment

ni blog pengomen ni .. FOLLOW dia tau : http://muslimahunder18.blogspot.com

1. DASHBOARD > DESIGN > EDIT HTML > Tick EXPAND WIDGET TEMPLATE

2. Tekan CTRL+F dan cari code bawah ni :

<b:include data='comment' name='commentDeleteIcon'/>

3. Copy code kat bawah ni , .. 

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=BLOG ID ANDA &amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'><img alt='Reply To This Comment' src='URL BUTTON REPLY KORANG'/> </a></span>

4. Paste kat  Bawah code ini tadi  <b:include data='comment' name='commentDeleteIcon'/>


5. Preview dan SAVE kalau dah jadi ! 

BLOG ID ANDA ; ganti dengan blog ID korang ..kalau tak tau cara nak ambil blog ID, boleh tengok TUTORIAL INI. 
URL BUTTON REPLY KORANG : boleh ganti dengan URL untuk button korang tu... SINI ADA ..tapi yang simple lah...  

TUTORIAL : Tukar Button 'Delete Comment' kepada Cute Icon

tutorial ini untuk :

Tukar icon delete comment yang sedia ada kepada Cute Icon yang korang mahukan

1. DASHBOARD > DESIGN > EDIT HTML > tick EXPAND WIDGET TEMPLATE

2. Tekan CTRL+F serentak dan cari code bawah ni :

//www.blogger.com/img/icon_delete13.gif

3. Delete code tu dan gantikan dengan URL IMAGE untuk icon 'Delete Comment' yang korang nak

*pastikan URL IMAGE korang tu takde ' http: '

example for this icon : 

http://dl2.glitter-graphics.net/pub/51/51082b97w96e86g.gif

See, URLnye ade http: kan ?

ok , korang delete http: tu 

so, kat step no 3 tu, just paste camni " //dl2.glitter-graphics.net/pub/51/51082b97w96e86g.gif " sahaja....

4. Preview dan kalau jadi , silalah SAVE ye :) !

URL gambar comel2 ade kat SINI 

TUTORIAL : Cute Icon Sebelah Comment

brader arelan, pinjam komen jap erkk.hehe

nak letak icon cam tu tak ..

kalau nak, meh follow step bawah ni

1 . DASHBOARD > DESIGN > EDIT HTML > tick EXPAND WIDGET TEMPLATE

2.  tekan CTRL+F serentak dan cari kod ini :

 <dd class='comment-footer'>

2 . copy code bawah ni

<img src='URL ICON ANDA'/>

3. Pastekan bawah code <dd class='comment-footer'> tadi

4. Preview dan kalau jadi silalah SAVE !

URL ICON ANDA  : tukar lah dengan URL icon yang korang nak tu...kalau nak cantik, guna yang kecik2 je ye...boleh cari kat SINI kalau nak

TUTORIAL : Cute Icon sebelah nama penulis Comment

1.DASHBOARD > DESIGN > EDIT HTML > Tick EXPAND WIDGET TEMPLATE

2.Tekan CTRL+F dan cari code bawah ni :

data:comment.authorUrl

3. Copy code bawah ni , 

<img src='URL ICON ANDA'/>

4. Pastekan di bawah code ini tadi data:comment.authorUrl

5. Save !

URL ICON ANDA : carilah URL gambar korang nak tu..boleh cari SINI

TUTORIAL : Letak Cursor

1. DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVA SCRIPT

2. Copy code bawah nie :

 <style>body {cursor:url(URL IMAGE CURSOR ), url(URL IMAGE CURSOR ), auto;} </style>
<a href="LINK BLOG ANDA" target=_blank><div style="height: 40px; width: 40px; position: absolute; top: 0px; left: 0px;"> </div></a>

3. Paste kan kod tersebut di ruangan Html/JavaScript tadi tu 

**URL IMAGE CURSOR  : ni untuk URL gambar cursor yang korang nak guna kat blog korang .. 

**LINK BLOG ANDA : masukkan link blog korang tu .. tau tak link blog tu ape ?? kalau tak tau macamne boleh jadi blogger ??hihi ..ni ha contohnye http://beehapunyeblog.blogspot.com tu la... 

http://downloads.totallyfreecursors.com/thumbnails/angel7.gif

TUTORIAL : Letak Float Botton Follow

nak letak botton macam atas tu ? 

yang ni NZ sediakan untuk button FOLLOW

1. DASHBOARD > DESIGN >PAGE ELEMENT > ADD A GADGET > HTML/JAVA SCRIPT

2. copy code ni dan pastekan kat situ

<div style="position: fixed; top: 5px; right: 150px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpSj2o9nbuiMYWI_w-089vgtnFmbY8wfNeABliQLz5S9fvORULnEX8X5GchRPrJMcGa0qJryzn4rzPRRbENZF2d3lVCQEqnLQEfHaCWNNel3Bwfjhe9mcJkTayIqRpPyKZD0AL3Jm9h1ZM/s1600/follow.png?6" border="0" /></a>

3. SAVE !

**yang oren tu boleh tukar untuk adjust kedudukan button korang tu

**yang merah boleh tukar dengan URL IMAGE korang..yang tersedia tu NZ buatkan..tapi tak sama macam image atas tu..yang NZ buat ni UNGU ^^

**cara nak cari BLOG ID korang boleh ikut tutor YANG INI

--------------------------------------------------------

kalau nak combine button DASHBOARD dgn FOLLOW, makesure jadi camni...letak yang DASHBOARD dulu erk..(kalau korang guna cording yang NZ bagi ni...)

<div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpgoOtA93TZQ3WRL6q4joVN5LxBe2tiuZfaMHIpPniS-h2zuu2JJZAX4noZvEtJy0xjxTc-R8xXVrUTKFfCPxDjcVp1Hz1FU3_x6XFJ5igwzmuacl9nSS-5WP5YbeNTcF8NRzI5bvpJ4d/s1600/dash.png?6" /></a></div> 

<div style="position: fixed; top: 5px; right: 150px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpSj2o9nbuiMYWI_w-089vgtnFmbY8wfNeABliQLz5S9fvORULnEX8X5GchRPrJMcGa0qJryzn4rzPRRbENZF2d3lVCQEqnLQEfHaCWNNel3Bwfjhe9mcJkTayIqRpPyKZD0AL3Jm9h1ZM/s1600/follow.png?6" border="0" /></a> 

dah siap..boleh lah save...