Tutorial Meletak icon Kegemaran di Favorite Icon/Favicon Blog

Hai all...seperti biasa koz akan berkongsi dengan korang tutorial yang berikutnya...

Tutorial kali ini ringkas sahaja...Tutorial kali ini adalah berkenaan cara korang nak letak /ganti icon favorite yang sedia ada kepada icon yang korang hendak...

sebagai contoh koz telah meletak icon seperti di bawah untuk mengantikan icon sedia ada...

Langkah-langkahnya mudah sahaja...korang hanya perlu mencari icon yang korang nak
tak kisah lah dalam format jpeg,png,giv,ico asalkan ia bersaiz kecil(50X50)
Selepas itu korang login>layout>Edit HTML. Kemudian
korang klick Ctrl+f pada keyboard korang dan cari code ini

</head>

kemudaian copy dan paste code di bawah sebelum code

<link href='Masukkan Link Gambar Di Sini' rel='SHORTCUT ICON'/>

Kemudian save dan lihatlah hasilnya...

camat mencuba :D

Tutorial Cara letak fungsi Reply to Comment pada blog

Hai all..hari ini koz nak ajar lak dekat korang cara termudah nak aktifkan fungsi reply commen pada blog korang.Sebelum ini koz ada juga dapat cara-cara yang lain,tetapi ia agak sukar kalau tak memberi sepenuh perhatian...

Jadi hari ini koz akan kongsi ilmu ini pada korang...Nak tahu cara-cara nak buat?

Ok ikut langkah-langkah seperti di bawah...


Langkah 1


Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.


Langkah 2

Kemudian cari code ini

<data:commentpostedbymsg>

atau code ini

<data:commentpostedbymsg/>

cara termudah untuk mencari code ini korang tekan kekunci Ctrl+F pada keyboard korang

dan copy paste pada bar Find yang terpapar


Langkah 3

Kemudian copy code di bawah dan paste di bawah/selepas code

<data:commentpostedbymsg>

atau code ini

<data:commentpostedbymsg/>

Copy paste code ini

<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=Masukkan ID Blog Disini&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>[Reply to comment]</a></span>

Sebelum korang save korang kena masukkan ID blog korang...
cara nak dapatkan ID korang sila lihat URL pada page Edit HTML
blog korang



Kemudain save dan lihatlah hasilnya

camat mencuba...

Tutorial Cara Buat Hide/Show Shoutbox

 

Hai all..bersua kembali ke tutorial yang berikutnya...

koz pasti kebanyakan korang mesti tertanya-tanya macam mana nak buat shoutbox macam koz nyer blog inikan...ok...lau korang nak tahu cara nak buat mari koz ajarkan...langkah-langkahnya senang jek...

sebelum mulakan pastikan korang dah ada shoutbox sendiri(kalau yang tak ada itu boleh dapatkan di sini Shoutbox )

Langkah 1

Log in blog >Layout> Page Elements>Add a Gadget>HTML/JavaScript 

Langkah 2

Korang copy dan paste code di bawah:-

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:150px;
width:100px;
float:left;
cursor:pointer;
background:url('http://img686.imageshack.us/img686/686/shoutbox.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 100-w) : moveGB(80-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

MASUKKAN CODE SHOUTBOX KORANG DEKAT SINI

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (100-gb.offsetWidth).toString() + "px";
</script>

Langkah 3

Kemudian korang masukkan code shoutbox korang pada perkataan 

" MASUKKAN CODE SHOUTBOX KORANG DEKAT SINI"

dah masukkan save dan tengoklah hasilnya...

camat mencuba :D