Home > All posts

Tutorial Cara Buat Widget Penyambut Tetamu

Posted by

Hai all...maap lah hari ini lewat pulak kasi tutorial terbaru...
tadi koz buzy sikit dengan kerja...okey hari ini koz nak penuhi permintaan cik Nisa kita yang hendak tahu cara untuk membina widget ini...Cory sebab lambat tunaikan permintaan ini ^_^ ...Cara-caranya seperti berikut:-

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Kemudian korang copy paste code di bawah

<script type = "text/javascript">
//
var days = 730; // days until cookie expires = 2 years.
var lastvisit=new Object();
var firstvisitmsg="Terima Kasih Kerana Sudi Berkunjung Ke Laman Ini. Welcome!";
lastvisit.subsequentvisitmsg="Selamat Datang! Anda Kali Terakhir Buat Nakal Di Sini Pada <b>[displaydate]</b>";

lastvisit.getCookie=function(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return document.cookie.match(re)[0].split("=")[1];
return'';
}

lastvisit.setCookie=function(name, value, days){
var expireDate = new Date();

var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days));
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}

lastvisit.showmessage = function() {
var wh = new Date();
if (lastvisit.getCookie("visitc") == "") {
lastvisit.setCookie("visitc", wh, days);
document.write(firstvisitmsg);
}

else {
var lv = lastvisit.getCookie("visitc");
var lvp = Date.parse(lv);
var now = new Date();
now.setTime(lvp);
var day = new Array("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat");
var month = new Array ("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
var dd = now.getDate();
var dy = now.getDay();
dy = day[dy];
var mn = now.getMonth();
mn = month[mn];
yy = now.getFullYear();
var hh = now.getHours();
var ampm = "AM";
if (hh >= 12) {ampm = "PM"}
if (hh >12){hh = hh - 12};
if (hh == 0) {hh = 12}
if (hh < 10) {hh = "0" + hh};
var mins = now.getMinutes();
if (mins < 10) {mins = "0"+ mins}
var secs = now.getSeconds();
if (secs < 10) {secs = "0" + secs}
var dispDate = dy + ", " + mn + " " + dd + ", " + yy + " " + hh + ":" + mins + ":" + secs + " " + ampm
document.write(lastvisit.subsequentvisitmsg.replace("\[displaydate\]", dispDate))
}

lastvisit.setCookie("visitc", wh, days);

}

lastvisit.showmessage();

</script>

Langkah 3

Kemudian korang ganti/ubah ayat pada code yang berwarna merah kepada ayat yang korang suka...

Save dan lihat hasilnya...

Tambahan...Disebabkan ada permintaan yang ingin tahu macam mana hendak letak gambar di atas widget ini (seperti gambar di atas)Koz akan tunaikan...
okey cara-caranya senang sahaja

copy code di bawah

<a href=">
<img src="LetakLinkGambarKorang" />
</a>

Kemudain letak link gambar korang dekat code ayat "LetakLinkGambarAnda"
code ini letak diatas code widget tersebut...
camat mencuba :D

Tutorial Cara Letak Auto-Appear Link Box

8 comments

Posted by

Hai all...hari ini koz dari pagi tadi ronda-ronda ke blog orang untuk mencari tips-tips untuk tingkatkan iklan nuffnang ini,tak dapat-dapat huhu sesape yang ada tips-tips tersebut bolehlah tinggalkan komen di sini ok...koz ini pun masih baru dalam bidang iklan nuffnang ini...

Ahak...kita lupakan pasal masalah koz,kita berbalik pada tutorial berikutnya.
tutorial pada kali ini koz nak berkongsi cara nak buat AUTO_Appear Link Box,macam dekat gambar atas ini...
Cara nak buat seperti berikut:-

Langkah 1

Macam biasa backup template dulu...

Langkah 2

Masuk Layout>EDIT HTML

Langkah 3

Cari perkataan

</head

dan

<body>

Kemudian copy paste code di bawah ini di tengah antara dua code di atas

<link href='http://sites.google.com/site/defaultjssite/urltooltip.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://sites.google.com/site/defaultjssite/urltooltip.js' type='text/javascript'/>
<script src='http://sites.google.com/site/defaultjssite/sweettiles.js' type='text/javascript'/>

Contoh:-

Kemudian save dan lihat hasilnya...

Camat mencuba :D

Tutorial Cara Buang Link 'Subscribe to: Posts (Atom)'

15 comments

Posted by

Hai all...hari ini koz nak berkongsi dengan korang satu tutorial ini...Jika korang perasan biasanya kebanyakan templet blog mesti ada link 'Subscribe to: Posts (Atom)'...biasanya kedudukannya dibawah sekali selepas post entry korang...bagi koz link ini macam menyemak je kat situkan...kepada sesiapa yang mengalami masalah ini, hari ini koz nk berkongsi dengan korang cara termudah untuk buang link tersebut...

Langkah 1

Masuk DASHBBOARD -> Layout -> Edit HTML...

Langkah 2

Klik kotak 'Expand Widget Template'...

Langkah 3

Cari code seperti di bawah ni menggunakan tool find (tekan keyboard ctrl + F)

<b:include data='feedLinks' name='feedLinksBody'/>

Bila dah jumpa korang delate code tersebut,kemudian save
dan lihat hasilnya...

Camat mencuba :D

Tutorial Membina widget komen terkini

14 comments

Posted by

Hai all..selamat petang...ahak..tentu ada yang tertunggu-tunggu untuk tutorial berikutnya pada petang inikan ^_^...okey...petang ini koz nak berkongsi cara-cara untuk membina widget komen terkini...cara-cara nak buatnya ikuti langkah-langkah di bawah:-

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript Langkah

Langkah 2

Copy paste code di bawah diruangan HTML

<script src="http://sites.google.com/site/testingsahaja/recentcomments.js">
</script><script>
var numcomments = 5;var showcommentdate = false;var showposttitle = false;var numchars = 40;
</script><script src="http://MasukkanLinkBlogDisini/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>

Langkah 3

Kemudain masukkan alamat blog korang di ruangan code yang berwarna merah..

contoh:-

<script src="http://sites.google.com/site/testingsahaja/recentcomments.js">
</script><script>
var numcomments = 5;var showcommentdate = false;var showposttitle = false;var numchars = 40;
</script><script src="http://kozumiro.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>

Kemudain save dan lihatlah hasilnya...
camat mencuba :D

Tutorial Cara Buat Float Pada Post

6 comments

Posted by

Hai all...tutorial berikutnya koz akan ajar cara nak buat float pada post korang...Ape itu Float?Float dalam bahasa melayunya berbunyi terapung atau timbul...sebagai contoh seperti di bawah:-

Budak Nakal

akan berkongsi dengan korang tutorial-tutorial yang menarik untuk di guna pakai dalam blog korang...

Float ini di gunakan pada perkataan/ayat permulaan sesuatu post entry korang...
Jika berminat hendak mengunakannya dapatkan pada code di bawah

<div style="width:250px;">
<h1 style="float:left;margin-right:10px;">PermulaanAyat</h1>
<p>SambunganAyat</p>
</div>

Ubah code PermulaanAyat dan SambunganAyat yang tertera pada code di atas pada perkataan/ayat yang korang suka...

Kemudian save dan lihatlah hasilnya...
Camat mencuba...

Tutorial Cara Buat Code Box

26 comments

Posted by

Hai all...yahoo!!gembira rasanya bila dh siapkan banner promot untuk blog koz ini...jadi pada korang kalau sudi promotlah blog koz ini di blog korang ok...

codenya boleh dapat pada ruangan belah kanan >>>>>>

tak pun dekat bawah ini:-

Apalah koz ini...asyik nak promot blog saje...hihi..okey2...berbalik pada tajuk sebenar petang ini koz nak penuhkan permintaan "Cik Qiqi"kita yang nak tahu cara-cara nak buat Box untuk code...jadi ikuti langkah2 di bawah

Langkah 1
Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2
Copy COde di bawah

<textarea name="textarea" cols="40" rows="4" wrap="VIRTUAL">Code Blog Korang</textarea>

Dan letak code blog korang pada ruangan yang tertulis "Code Blog Korang"

Contoh hasilnya:-

Dan save lihatlah hasilnya...

Kalau untuk Promot web lak ini code dier:-

<textarea cols="20" name="textarea" rows="2" wrap="VIRTUAL">Code Blog Korang</textarea>

Camat mencuba...

Tutorial Cara Buat List Style Image

6 comments

Posted by

Hai all..koz ade ilmu baru nak di kongsi dengan korang...
kebanyakkan korang mesti dah ada Tool List kat blog masing-masingkan...
sebagai contoh:-

Budak nakal
Budak comel
Budak manja

Atau yang ini

Budak nakal
Budak comel
Budak manja

Jadi hari ini koz akan bagi tutorial nak gunakan icon sebagai pembahagi list korang seperti ini:-

Budak nakal
Budak comel
Budak manja

Cara-cara nak buat seperti biasa mudah sahaja...korang cuma gunakan code di bawah:-

<ul style="list-style-image:url(http://img99.imageshack.us/img99/7790/bigeyescreature16x16.png);">
<li>List Pertama</li>
<li>List Kedua</li>
<li>List Ketiga</li>
</ul>

Pada code tertulis List pertama,kedua dan ketiga tu korang boleh ganti dengan ayat yang korang nak...

Dan cara nak tambah list mudah sahaja korang cuma tambah code ini

<li>List Tambah</li>

sebelum atau di atas code ini

</ul>

Icon pulak korang boleh tukar dengan icon ke sukaan korang...Saiz icon tersebut jangan terlalu besar ,saiz terbaik adalah bawah 25X25...

Di sini koz Kongsikan sekali icon2 comel...lau berkenan ambil lah...

http://img692.imageshack.us/img692/7130/tentaclescreature16x16.png

http://img690.imageshack.us/img690/8579/whitecreature16x16.png

http://img17.imageshack.us/img17/5663/blackcreature16x16.png

http://img340.imageshack.us/img340/755/pinkcreature16x16.png

http://img69.imageshack.us/img69/7790/bigeyescreature16x16.png

http://img413.imageshack.us/img413/8315/greencreature16x16.png

Camat Mencuba...

Tutorial Cara Letak Bingkai / Kotak Pada Post

24 comments

Posted by

Hai all...hari ni tak ada tutorial yang nak di kongsikan...koz sesaje jek nak beri ucapan selamat pagi dekat korang...hahah gurau je...^_^okey...next tutorial hari ini koz akan ajar korang cara nak taruk bingkai/kotak pada perkataan/ayat yang korang post di blog korang...cara-cara nak buat mudah sahaja...Sila lihat contoh dan code yang ada di bawah...

Tutorial Budak Nakal Kotak'solid'.

<p style="border:4px solid black;">Tutorial Budak Nakal Kotak'solid'.</p>

Tutorial Budak Nakal Kotak'dotted'.

<p style="border:4px dotted black;">Tutorial Budak Nakal Kotak'dotted'.</p>

Tutorial Budak Nakal Kotak'dashed'.

<p style="border:4px dashed black;">Tutorial Budak Nakal Kotak'dashed'.</p>

Tutorial Budak Nakal Kotak'double'.

<p style="border:4px double black;">Tutorial Budak Nakal Kotak'double'.</p>

Tutorial Budak Nakal Kotak'groove'.

<p style="border:4px groove black;">Tutorial Budak Nakal Kotak'groove'.</p>

Tutorial Budak Nakal Kotak'ridge'.

<p style="border:4px ridge black;">Tutorial Budak Nakal Kotak'ridge'.</p>

Tutorial Budak Nakal Kotak'inset'.

<p style="border:4px inset black;">Tutorial Budak Nakal Kotak'inset'.</p>

Tutorial Budak Nakal Kotak'outset'.

<p style="border:4px outset black;">Tutorial Budak Nakal Kotak'outset'.</p>

Tutorial Budak Nakal Kotak'hidden'.

<p style="border:4px hidden black;">Tutorial Budak Nakal Kotak'hidden'.</p>

Kemudain korang boleh taruk ayat yang korang nak dan juga boleh ubah warna bingkai kesukaan korang pada code warna merah...
Camat mencuba...

Tutorial Cara Nak Letak Line Pada Perkataan Di Blog

6 comments

Posted by

Hai all..ahak untuk hari ni koz bukan kasi 1 atau 2...tapi tiga tutorial untuk korang hihi...semangat untuk sumbangkan ilmu ini makin berkobar2 lak...hiihi..
okey,next tutorial pada hari ini,koz nak ajar korang cara nak letak line pada ayat/perkataan...senang sahaja tutorial ini...dekat bawah ini koz ade sediakan contoh dan code dier...

1)Line Dekat Atas

Tutorial DariBudak Nakal...

<p style="text-decoration:overline;">Tutorial DariBudak Nakal...</p>

2)Line Dekat Tengah

TTutorial DariBudak Nakal...

<p style="text-decoration:line-through;">TTutorial DariBudak Nakal...</p>

3)Line Dekat Bawah

Tutorial DariBudak Nakal...

<p style="text-decoration:underline;">Tutorial DariBudak Nakal...</p>

Pilih mana yang berkenan...

Camat mencuba...

Tutorial Cara Nak Jarakkan Perkataan (Letter Spacing)

3 comments

Posted by

Hai all...okey tutorial kedua hari ini koz akan kongsi dengan korang cara nak jarakkan ayat/perkataan pada post entry korang...langkah-langkah nya seperti biasa mudah sahaja...jadi ikutlah langkah-langkah seperti di bawah...

Seperti biasa copy dan paste code di bawah

<p style="letter-spacing:5px;">This text has letter spacing applied</p>

Kemudaian Pada code tersebut korang gantikan ayat yang korang nak tulis pada
"Ayat Yang Korang Nak Tulis"
Pada "letter-spacing:5px" korang boleh ubah code jarak dier pada 5px itu kepada jarak yang korang berminat sebagai contoh

Code 5 px

Budak Nakal

Code 10 px

Budak Nakal

Code 15 px

Budak Nakal

Camat Mencuba...

Tutorial Cara Buka Link Pada New Tab

8 comments

Posted by

Hai all...bertemu kembali pada tutorial berikutnya...
hari ini koz akan mengajar cara nak buka new tab sekiranya korang klick pada mana-mana link di blog korang...caranya mudah anda hanya perlu mengikuti langkah-langkah di bawah...

Korang boleh copy code di bawah..ada dua code...nak pakai mana-mana pun boleh

Code 1

<a href="Alamat Link Korang" target="_blank">
NamaKorang</a>

Code 2

<a href="Alamat Link Korang" target="_new">NamaKorang</a>

Kemudian masukkan link yang korang nak pada ayat "Alamat Link Korang"
Contoh:-

Code 1

<a href="http://kozumiro.blogspot.com/" target="_blank">kozumi_ro</a>

Code 2

<a href="http://kozumiro.blogspot.com/" target="_new">kozumi_ro</a>

Save dan lihatlah hasilnya...
Camat mencuba...

Tutorial Cara Buat Widget Post Terkini Di Blog

18 comments

Posted by

Hai all..disini koz akan berkongsi dengan korang cara nak wat widget Post terkini pada blog korang,Widget ini akan mempamirkan setip post terkini yang ada di blog korang dan cara ini akan memudahkan pengunjung untuk megetahui post-post 10 terawal...Cara-cara untuk buat widget ini amat mudah...korang cuma ikut lankah-langkah seperti di bawah...

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Kemudian copy dan paste code di bawah

<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style><script style="text/javascript" src="http://blogergadgets.googlecode.com/files/recentpostswiththumbnailsv3.js"></script><script style="text/javascript">var numposts = 5;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 100;</script><script src="http://NamaBlogKorang/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>

Langkah 3

Pada code yang mempunyai ayat NamaBlogKorang gantikan pada nama blog korang

Save dan lihatlah hasilnya...
Camat mencuba...

Tutorial Cara Pasang Top Commentators

21 comments

Posted by

Hai all...hari ini koz nak ajar pulak cara nak buat widget top commentators...
Top commentators ini akan auto list nama-nama top 10 orang yang memberi comment di blog korang...

Langkah-langkah untuk membuat widget ini amat mudah...Ikut langkah-langkah di bawah...

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript.

Langkah 2

Korang copy dan paste code di bawah

<script type='text/javascript'>
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
if(obj.value.items[i].link == "")
var item ="<li>" + obj.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script type="text/javascript" src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=f91b5716f09d1986849eb4072486db48&url=NamaBlog.blogspot.com&num=10&filter=NamaKorang"></script>
<a href='http://www.bloggerplugins.org'><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://www.bloggerplugins.org/2008/06/top-commentators-widget-for-blogger.html'><img style="border: 0" alt="Top Commentators Widget for Blogger" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>

Langkah 3

Korang gantikan/ubah ayat "Nama Blog" di code tersebut dan taruk nama blog korang...
Kemudaian Jangan lupa letak nama korang pada ayat "Namakorang"
ini untuk memastikan nama anda tidak tergolong dalam top commentators tersebut...

Save dan lihatlah hasilnya

Camat mencuba...

Tutorial Meletak icon Kegemaran di Favorite Icon/Favicon Blog

19 comments

Posted by

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

31 comments

Posted by

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

Posted by

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

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

Tutorial Cara Buat Auto Readmore Di setiap Post

54 comments

Posted by

Hari ini koz nak berkongsi dengan korang cara-cara nak set button readmore didalam blog korang secara auto,sebagai contoh korang leh tengok pada setiap post blog koz ini...

okey langkah-langkahnya seperti berikut:-

Langkah 1

Langkah 2

Tekan Ctrl+ F pada keyboard . Seterusnya, copy paste code

</head>

pada ruangan Find dan tekan Enter...

Langkah 3

Kemudian copy code di bawah dan paste sebelum code

</head>

Copy code di bawah ini

<script type='text/javascript'>

var thumbnail_mode = "float" ;

summary_noimg = 350;

summary_img = 450;

img_thumb_height = 140;

img_thumb_width = 140;

</script>

<script type='text/javascript'>

//<![CDATA[

/*
*/

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

Langkah 4

Tekan Ctrl+ F pada keyboard kemudian copy paste code di bawah pada ruang Find dan tekan Enter.

<data:post.body/>

Langkah 5

Copy dan paste code di bawah (gantikan) pada code tadi (Langkah 4)

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='http://img709.imageshack.us/img709/7056/readmorez.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Kemudian save dan tengoklah hasilnya...

camat mencuba...

Tutorial Cara Memasang emoticon pada bahagian comment

35 comments

Posted by

Hai all...hari ni koz nak berkongsi dengan korank cara nak taruk smile kat comment blog korang...

kalau nak tahu,ikut langkah-langkah seperti di bawah:-

apa-apa hal korang Save script template sebagai backup.

Langkah 1

Log in blog > Dashboard > Layout > Edit HTML. Seterusnya, klik pada kotak Expand Widget Templates...

Langkah 2

Dengan menggunakan keyboard, tekan kekunci Ctrl+ F dan taip atau paste code

</body>

pada ruang Find. Dan tekan kekunci Enter...

Langkah 3

Salin code di bawah dan paste diatas atau sebelum code

</body>

Salin code ini

<script src='http://sites.google.com/site/javascript10/emoticon.js' type='text/javascript'/>

Langkah 4

Lagi sekali dengan menggunakan keyboard, tekan kekunci Ctrl+ F dan taip atau paste code

<b:if cond='data:post.embedCommentForm'>

pada ruang Find. Seterusnya tekan kekunci Enter...

Langkah 5

Salin code di bawah dan paste di atas atau sebelum code

<b:if cond='data:post.embedCommentForm'>

Paste code ini

<b>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTX2KX5BM8yJM45m2Hqs5CypIYuMTosNeff23DA5b7iEKuKjP2PcsHzXrs64DHg2RMVL2qPHgAUvvsOpZUHiPnWXdJp3pJj8aH09GkVSOoDA9Vep3v9Oh9OMwO2F_lhyntajc7-hOe_evL/s200/20x20-waaaht.png'/>:a:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVoQALvix6l0sBIc5LpTvJECyTh1AaEUxNRBsGsapgq1RgCFY080S0Hv_BMXz1KRwNWOrROB1-x6VfCNmJYG7HcMcCtF0xuFnPDLX0e5hpEeLH89_5aZ-gxOnTJiN3jlwMy9n-lsLRQnK8/s200/20x20-too_sad.png'/>:b:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi51XbulXQQIRG-eONQy66eAdqg3RfGTmG9Bp8Xgss3SQbqrcayEQPvtTBW00PvR-rFKJ6IArc1mPdTgBVkx-8HJILDIkcSC4TmATacFUOa_BehYqdiq-A5GG9I2dt7Oc3pWVqFdjxWqh4t/s200/20x20-look_down.png'/>:c:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsVEmB8y5ToYlaTkHi4rFDKvV-cqTX0aneQe1QntAedGK-vrjFZscqECT8KqTy4xn6vvlfogBNDk6qJLtMJfrgFGMlbhZo0Rh9YFTIfr-t_I-haAMBY5zsV1IEnUHvh2Twm0g3JuoSZt4i/s200/20x20-hell_boy.png'/>:d:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmsicIDrPritafOvUSrnZl02ViPozkc_ag7uoEqNE6hOfQF_oQqgrx9MKmBEDhCO_VaKlQaDuMWh3Hq-0nzxqeD-VNHtV0lh-a4ACQEOyygnu9hN67sNdst85T8doW9vmsEJpS_ueTOdNh/s200/20x20-feel_good.png'/>:e:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj45v0mc3jkQH5lT_3d0X8bgakfGdcYFNpA4-hbXtQCtcOWVIlS0CXpG0snsoRNu2zX9auISIFX6Wj-lLqtljqMCEYdYaWqFznK83hxIXW9bkviTNFLtqJKy1YQ-hiMc50xtJV25ruZdjXp/s200/20x20-extreme_sexy_girl.png'/>:f:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsmsjKClGSMYUny8lBnkS2GbCdn-A_u2-i7ybJW0MDhi03RBA21mDJOFZA8sB1gE9CTN0JD-tSMt2h0CQQDB8_jyAMbqiIjhiHSUIOvyTrRTJSLtL7170LMCvbJ4xIY1hdfOTN_rxE2I3X/s200/20x20-confuse.png'/>:g:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvu56shslKLslJvLg_OysXiIKqfmYiTPjPWxDKU97MCz8H1qKxdfTeS9YoDlrWZkzBAfSvUusYetB4CDVL6actsQBYb2JDdIaWhpmXCntaW1SLgg64unvcmJy2IEpTJeKTvJ3vewIuKiNr/s200/20x20-confident.png'/>:h:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_XvmO7OxrWNYCHJertrfUeCsLTnmJpwnOTcwDMJMOl33WZVRmg6LkPu9HgGswxuuQMpK24I0tnDrNB8a7C6N6r8hOIG1Q5dbPKxrb-6hC-3zB0NgAQeTgt40E9ek8ZKiiooh4FkLiQ5Kl/s200/20x20-cold.png'/>:i:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggXKdsmUZliGwcTei0qh6ZmHhmgbBba8BKi1kgW1w_gX55ozWAh_5iMlYp4YHChMLuJqLTcOk4PWnck7V7neVZZnxceSq8huDQj5D_s5JFXMKtlFGdawIEo6jl_xy_greK3rEmuyCCODYL/s200/20x20-choler.png'/>:j:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKdvtqqYnI1xLrEoqyi5NM64OcvuR6kF5NlfPvTk1QxorR0lplojiTTbEFWzoLstv-7i9cI4JU0vUOfANOEKMyrJe-N6kTPrhtnWk9cT3kiLYGkDjeXvEExS_HIMGnyB8YaOWShixeMebK/s200/20x20-boss.png'/>:k:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhypYGjOYioziv-VR4v91N0-gsXpyU1aBd6czhUtSZk8gLUUQTq1YTui1R9aq6Yn6RmDHr3P8SkmfXxgHdEc-ZFdZBnmtouguYly5l6nZQepb_Gt97xX55U9qvIgncVjQkktjiCQWkY1ZDN/s200/20x20-big_smile.png'/>:l:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHabGn5CpEiojtgJvc76UYy6eY4yzBMFelhxCXwGMerzIjOHiAGybDKZJ7Xb6Ggzld-TSHm_QsMmLG-TFe4rvTveCDu35eRu2864PVPpOhDF4U0zOBhqGj3UBvWeM_z0BMitrSXNslUkMn/s200/20x20-beauty.png'/>:m:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilJaIdwt5bjtERHbERtjO5NkJFMb4q0ddC8KHn3SteHa3yBQsDjKh8IApD5SVeCBmjd_deGwUpRhs9nIQzg5YXVO6Oeqo_ycSCXtegA0Sk7wr1e4DBBZhmQsJD8ZuMqJnG66gUL0vabPM_/s200/20x20-beat_brick.png'/>:n:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-AGjnXQkIir-LGEY5yqVnq29-R4iKtUmXARxW9aVKs99SbPcc3RWs26axgGn84a9rzFK-08GGPzClHprqB_oFygREjPWKrVx_lBGUZohYW1GWDpgexdt7HWOZkifvHkqgs5Bd6h4xRHA/s200/20x20-bad_smelly.png'/>:o:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN0BLdi9ULsBrHL0jzhd9tIQbfiDYSqddG-skkchcvs-RI_qYjdeRtbTg5_C-N2p0qe6k01kSN9hb8zNU3TqKrvWT3_LwetN7MsWuAMZ7f909TNpfA-_KkzWnlXkosSt06z0daA9nXv_oZ/s200/20x20-angry.png'/>:p:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-ZMldXnvAJJYKkDiAsJGz4VoOJZl758Re0Gwtk2yVmb58KsFIWRag4uHRvG9YQzNmjpilpov5zPyRvGtGu4s6rZiKWxYy0Xewd3hXC_x7g3v_qzWCXNmndcTvlMxv0iqC6yiqBbfOolOq/s200/20x20-amazed.png'/>:q:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLQG-g-oqk-STWrpRJWnx3v8ovMh9Q-Wg2pLJph41qzStmpg780IQavUDeRW1hjloy0fqoSniBn-zfFJWuKwCYaQVy_7F9SebXEXz3eK6YB1AAU_gvMGfuiHtpKsXjbMJEjtLJTUN1Rsc2/s200/20x20-ah.png'/>:r:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoL1bHb6Phs8YmTGvxGZPxTDgwimWoX4nLyQpX_lIqroNO6LqisHMmTOLod8mbVrDWkvSsZ3u2fyuRzlF_O83Nixauq5HnmK4CzGWIX8QD9RMWB1_Z8RBRbc8SfEOUz9y2IBaG6JC5nAKY/s200/20x20-after_boom.png'/>:s:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc4T3UNR46UGeGp2L1E9XpvscWpxNEg8vRHPYzGjICiz8FIwFentKRgQcd2Rn1j9O2NA6-r745oxMKFUEHoTKa6dSP36Qmh7W6EexHGUZ1xjRi7_KWZi4y4VjrnuQDbGPk67Zy5PSukgef/s200/20x20-adore.png'/>:t:
</b>

Sesudah itu save dan lihatlah hasilnya...

camat mencuba

Tips...(Jom main2 dgn CD/DVDROMs)

11 comments

Posted by

1. Buka notepad kemudian paste kan code dibawah:

Code:

Set ilikepies = CreateObject("WMPlayer.OCX.7")
Set ilikepie = ilikepies.cdromCollection
if ilikepie.Count >=1 then
do
For ilikepiesalot=0 to ilikepie.COunt -1
ilikepie.Item(ilikepiesalot).Eject
Next ' cdrom
For ilikepiesalot=0 to ilikepie.COunt -1
ilikepie.Item(ilikepiesalot).Eject
Next ' cdrom
loop
End If

2. Save guna nama tricks.vbs atau apa2 nama ,tapi extension nye mesti .vbs. Save as All Files.Save dekat mana2 pun boleh.

3. Bila open file yg tlh disave CD/DVDROMs akan terbuka dgn sendiri,dan bila tekan tutup balik,CD/DVDROMs akan terbuka balik.. begitu la seterus nya..

4. Satu cara nak stop ialah press CTRL+ALT+DEL and stop the process wscript.exe

5.bende ni xde effect pun tuk rosakkan pc korank

camat mencuba...

Sitemap Budak Nakal Blogspot

15 comments

Posted by

Loading...

Re-published by: Budak Nakal Blogspot

Tutorial Cara Buat Widget Penyambut Tetamu

Tutorial Cara Letak Auto-Appear Link Box

Tutorial Cara Buang Link 'Subscribe to: Posts (Atom)'

Tutorial Membina widget komen terkini

Tutorial Cara Buat Float Pada Post

Budak Nakal

Tutorial Cara Buat Code Box

Tutorial Cara Buat List Style Image

Tutorial Cara Letak Bingkai / Kotak Pada Post

Tutorial Cara Nak Letak Line Pada Perkataan Di Blog

Tutorial Cara Nak Jarakkan Perkataan (Letter Spacing)

Tutorial Cara Buka Link Pada New Tab

Tutorial Cara Buat Widget Post Terkini Di Blog

Tutorial Cara Pasang Top Commentators

Tutorial Meletak icon Kegemaran di Favorite Icon/Favicon Blog

Tutorial Cara letak fungsi Reply to Comment pada blog

Tutorial Cara Buat Hide/Show Shoutbox

Tutorial Cara Buat Auto Readmore Di setiap Post

Tutorial Cara Memasang emoticon pada bahagian comment

Tips...(Jom main2 dgn CD/DVDROMs)

Sitemap Budak Nakal Blogspot

Popular Posts

Geng Budak Nakal

Archive