Powered by Jasper Roberts - Blog

Tutorial Meletak icon Kegemaran di Favorite Icon/Favicon Blog

19 comments

click to zoom

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...
click to zoom

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

31 comments

click to zoom

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

click to zoom

Kemudain save dan lihatlah hasilnya

camat mencuba...

Tutorial Cara Buat Hide/Show Shoutbox

19 comments

click to zoom 


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

Denaihati.com

 
Google PageRank Checker Powered by  MyPagerank.Net