Tutorial Cara Pasang Widget LinkWithin Di Blog

Hai all...Hari ini koz akan ajar korang cara nak letak widget LinkWithin di blog korang...LinkWithin ini kegunaannya adalah mempamirkan post-post yang berkaitan yang ada pada blog korang di bahagian setiap bawah post korang...Cara-caranya mudah sahaja...Ikuti langkah-langkah berikut...

Langkah 1

Login blog korang

Langkah 2

Kemudian masuk ke web LinkWithin dan isi maklumat pada ruangan yang di sediakan
seperti gambar di bawah...

Jika sudah, Klik Button "Get Widget"...

Langkah 3

Kemudian ikuti Langkah-langkah yang diberikan...
Install Widget dan Add Widget...

Langkah 4

Widget tersebut letakkan di bawah bahagian posting..

Save dan lihat hasilnya...

Camat mencuba....

Tag...(Budak NAkal Dapat Tag Dari Lensa Buruk)

Ahak..camat pagi all..Sebelum koz post tutorial berikutnya(dah 3 hari tak bagi korang tutorial,cory sangat-sangat koz tak berapa sehat^^)...koz nak ucapkan ribuan terimas kepada cik Ti Anne Mohd Yassin atau nama panggilan cik Anne iaitu pemilik blog Lensa Buruk kerana tagkan pada koz...Kalau korang nak tau ,segala photo dari lensa buruknya semuanya cantik-cantik belaka...memang segala hasil tangkapan gambarnya memang PRO abis...ahak...ok ok...berbalik pada tag yang di beri, apa lagi...kena jawap la soalan-soalannya...

1. Apa yang bermain di fikiran anda sekarang ini ?

Nak Kena Siapkan Tutorial Untuk Korang^^...

2. Apakah nama samaran anda ?

kozumi_ro

3. Berikan tiga (3) orang yang anda sayang ?

Smua yang koz kenal termasuk rakan-rakan blog^^(lari topik)

4. Panggilan untuk si dia ?

Rahsia gak^^

5. Hadiah yang anda impikan daripada seseorang yang istimewa ?

Erk...Cukuplah Sekadar menyayangi koz^^,

6. Blog manakah yang anda suka lawati ?

Blog Nisa,Anne,Dahlia,Kak YanMie, AizBatuCampur dan Rakan-rakan blog yang lain(banyak sangat2)

7.Tag kan kepada 15 orang rakan blogger anda ?

>Dahlia
>Nisa
>Aiz

Tiga je kot^^,

Iklan Penaja DiGi dan Bola! Bola! Bola! datang kepada anda!

 Ahak...korang masih ingat  Bola! Bola! Bola! with DiGi ?Ia sudah kembali lagi di semua tempat yang terpilih...Ia akan bermula pada 25 june hari ini di melaka negeri bersejarah.Di bawah ini di lampirkan jadual-jadual Bola! Bola! Bola! with DiGi .Jangan ketinggalan okey^^...

• 25 June, Malacca: Rally Club (12C, Jalan Bukit Baru)
• 25 June, JB: E&Y Harmonium Bistro (12, Jalna Sagu 2)
• 26 June, JB: Restoran ABMH (28, Jalan Harimau Tarum Century GRC)
• 26 June, Selangor: Kafe Darussalam (SS15 Subang Jaya)
• 29 June, Selangor: Rock Cafe (SS15 Subang Jaya)
• 2 July, Kuantan: Restoran Taj Point (Jalan Sungai Lembing)
• 2 July, Penang: Original Kayu Nasi Kandar (15, Lebuh Nipah 5, Bukit Jambul)
• 3 July, Penang: Pelita Samudra (Sg. Dua)
• 3 July, Alor Setar: Restoran Ahmediah (Lebuh Raya Darul Aman)

Datang jangan tak datang,ajaklah kawan-kawan, family,satu kampung pun boleh. Datanglah seawal pukul 7 malam untuk memenangi hadiah-hadiah seperti HTC phone, original jerseys dan footballs di dalam pertandingan yang akan di langsungkan pada hari tersebut.

Akhir kata, "Ingat Bola Ingat DIGI"
Apa tunggu lagi...serbulah^^...

Budak Nakal Nak Header Baru!!!

Sekarang Punya

Terkini(dalam proses)

Hai all..hihihi lari tokpik sikit..hahah koz ni memang tak boleh lah kalau tangan ini tak gatal nak ubah itu ubah ini...hihi...hari ini header blog budak nakal lak dah jadi mangsa kegatalan tangan koz...seperti yang di paparkan di atas koz sekarang tengah buat design baru untuk menggantikan header sedia ada...

takat ini baru je siap 50%...ahak banyak lagi design yang tak siap...kalau korang perasan dalam header terbaru itu koz buangkan karakter arnab itu dan tambah tiga karakter terbaru..."Mana dapat idea buat karakter itu?"ahak...karakter yang tiga orang itu sebenarnya karakter sticker koz dulu-dulu..."Karakter sticker?"hihi..dulu-dulu koz ni sebenarnya ada hobi buat sticker...sticker ini biasanya tuk isi masa lapang zaman koz belajar dulu...Tiap2 Petang Or Malam koz dan kawan-kawan koz akan buat "Sticker Attack"..kira duk tampal sana,duk tampal sini..hihi "Nakalnya Budak Nakal Ni!"... :P kikiki...jangan marah erk...

Tutorial Cara Letak Gambar Di Sebelah Tajuk Post

hai all...hari ini koz akan tunaikan permintaan pengunjung laman budak nakal ini yang memintak koz buat tutorial cara letak gambar/icon di sebelah tajuk entri atau tajuk post...Contohnya seperti dekat blog ini,dekat setiap tajuk post pasti ada gambar di sebelahnya...Cara-cara nak buatnya seperti berikut...

Langkah 1

Seperti biasa backup templet dulu kemudian Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Cari code di bawah

<a expr:href='data:post.url'><data:post.title/></a>

Cara termudah untuk cari code ini tekan CTRL+F pada keyboard dan copy paste code ini ke ruangan find...

Langkah 3

Kemudain copy code di bawah

<img src="LinkGambar"/>

Dan paste di tengah-tengah code antara code ini

<a expr:href='data:post.url'>

dan code ini

<data:post.title/></a>

Contoh akan jdi seperti ini

<a expr:href='data:post.url'><img src="Link Gambar"/><data:post.title/></a>

Langkah 4

Kemudain Ganti/Tukar "LinkGambar" kepada link gambar yang korang nak letak

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Memasang Sosial Bookmark Di Bawah Post

Hai all..hari ini koz nak ajar korang tutorial cara nak letak sosial bookmark dekat bawah post entry korang seperti contoh yang ada pada bawah post koz ini...
Cara-caranya seperti berikut...

Langkah 1

Apa-apahal backup templet dulu kemudian Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Cari code ini

<data:post.body/>

Langkah 3

Kemudian copy paste code di bawah ini selepas code/bawah code(langkah 2)

<script type="text/javascript" src="http://www.letsgetsocialnow.com/source-codes/medium.js" language="JavaScript"></script>

Selepas sudah paste,kedudukan code akan jadi macam ini

<data:post.body/>

<script type="text/javascript" src="http://www.letsgetsocialnow.com/source-codes/medium.js" language="JavaScript"></script>

Kemudian save dan lihat hasilnya...


Code ini juga korang boleh letak pada Layout>Page Elements>Add a Gadget>HTML/Javascript dan copy paste code di bawah

<script type="text/javascript" src="http://www.letsgetsocialnow.com/source-codes/medium.js" language="JavaScript"></script>

Camat mencuba...

Tutorial Cara Menghilangkan Tajuk Blog Di Header

Hai all...hari ini koz akan mengajar korang pula cara nak hidden tajuk blog korang yang ada di bahagian header...Kebanyakan blog yang koz kunjungi pasti ada yang tak tahu cara untuk menghilangkan tajuk blog masing-masing ada gak yang terpaksa menggunakan simbol seperti titik dan sebagainya...Jadi hari ini koz akan membantu/mengajar cara termudah untuk menghilangkan tajuk blog tersebut...Cara-caranya seperti berikut...

Langkah 1

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

Langkah 2

Korang Cari code yang serupa atau lebih kurang sama seperti code di bawah

#header h1 {
margin:50;
padding:10px 0 0 20px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#0099CC;

visibility:hidden;

}

Atau

.blogname h1 {
font-size:40px;
font-weight:normal;
margin:0px 0px 0 40px;
color:#ffffff;
text-decoration: none;
text-align:left;

display:none

Atau

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;

visibility:hidden;

}

Langkah 3

Bila dh jumpa code di bawah...tambahkan code seperti code warna merah pada bahagian bawah sebelum tanda ( } )...

Code yang boleh di gunakan seperti berikut

display:none

Atau

visibility:hidden;

Kemudian save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Memasang Pageview di Post

Hai all...hari ini koz akan mengajar cara nak buat / memasang page view pada setiap post di blog korang...kegunaannya adalah untuk korang megetahui bilangan post korang di lihat oleh pengunjung di blog korang...caranya adalah seperti berikut...

Langkah 1

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

Langkah 2

Kemudian cari code ini ,cara termudah untuk mencari code ini korang tekan kekunci Ctrl+F pada keyboard korang dan copy paste diruangan find...

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

atau

<data:post.body/>

Langkah 3

Copy dan paste code di bawah ini sebelum/di atas code di atas(langkah 2)

<b:if cond='data:blog.pageType == "item"'><div align='left'><img src='LinkGambarKorang' style='width: 26px; height: 16px;' /><b><font size='2'><script src='http://bestwidgets.zxq.net/counter.php' type='text/javascript'/></font></b></div></b:if>

Langkah 4

Tukar/ganti code berwarna merah pada link gambar yang korang nak dan pada code berwarna biru tetapkan saiz gambar tersebut dan pada code berwarna hijau pula tetapkan kedudukan yang korang suka sama ada left,right atau center...

Contoh code yang sudah di edit:-

<b:if cond='data:blog.pageType == "item"'><div align='right'><img src='http://img8.imageshack.us/img8/4186/blogger16.png' style='width: 16px; height: 16px;' /><b><font size='2'><script src='http://bestwidgets.zxq.net/counter.php' type='text/javascript'/></font></b></div></b:if>

save dan lihat hasilnya...

camat mencuba...

Tutorial Memasang Kotak Peringatan Di Bawah Post

Hai all..hari ini koz akan mengajar tutorial berguna untuk blog korang...
tentu ada yang bertanya apa kegunaan tutorial pada kali ini...tutorial kali ini adalah berkenaan cara nak letak kotak/pegumuman/peringatan atau ucapan di bawah setiap post di blog korang.Contoh seperti yang berada di bawah post blog koz ini...Cara-cara nak buat ikuti langkah-langkah di bawah...

Langkah 1

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

Langkah 2

Cari code ini

]]></b:skin>

Nak lagi mudah gunakan kekunci CTRL + F
dan paste code ini diruangan find

Langkah 3

Copy dan paste code di bawah ini sebelum/diatas code(Langkah 2)

.underpost{
padding:10px;
margin:10px 0px;
background:#eee;
border:1px solid #ddd;
line-height:1.6em;}

korang boleh ganti code warna pada code berwarna biru untuk mengganti warna bacground pada tulisan dan code berwaran hijau untuk warna garis

Langkah 4

Kemudaian Cari code ini

<data:post.body/>

Langkah 5

Dan copy paste code di bawah ini selepas/di bawah code(langkah 4)

<b:if cond='data:blog.pageType == "item"'><data:post.body/>
<div class='underpost'>

Ayat/Perkataan/Peringatan/Ucapan

</div>
</b:if>

Pada code berwarna merah ubah/ganti ayat yang korang suka...

save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Buat Title Header Bergerak

Hai all...bertemu kembali ke tutorial berikutnya...maap la ye sebab hari ini lambat bagi tutorial^^.Koz tengah buzy siapkan web orang(cari duit lebih)...
Okey,kepada yang dah tahu kegunaan tittle header baguslah,dan pada yang tak tahu title header ialah tajuk blog korang yang berada di atas sekali sebelah lambang blogger(seperti gambar di atas)...Cara-cara nak buat mudah sahaja,ade 2 versi yang boleh di ikuti,ikuti langkah-langkahnya:-

Versi 1

Langkah 1

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

Langkah 2

Cari code ini

<HEADER>

atau ini

<header>

Langkah 3

Copy dan paste code di bawah ini sebelum code di atas(Langkah 2)

<script type='text/javascript'>
//<![CDATA[

msg = "AyatKorangAtauTajukBlog";
msg = "AyatKorangAtauTajukBlog" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}>
scrollMSG();
//]]>
</script>

Langkah 4

Pada code berwarna merah ubah/ganti pada ayat/tajuk blog kesukaan korang

Save dan lihat hasilnya...

Versi 2

Langkah 1

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

Langkah 2

Cari code di bawah

<title><data:blog.pageTitle/></title>

Langkah 3

Dan gantikan code di bawah ini pada code di atas(Langkah 2)

<script language="JavaScript">

var txt=" AyatKorangAtauTajukBlog ";

var espera=100;var refresco=null;function rotulo_title() { document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

refresco=setTimeout("rotulo_title()",espera);}rotulo_title();

</script>

Langkah 4

Pada code berwarna merah ubah/ganti pada ayat/tajuk blog kesukaan korang

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Buat Letak Button Comment Di Blog

Hai all...hari ini koz akan memenuhi permintaan cik dahlia kita yang inginkan tutorial letak button comment cute pada blog...

Langkah-langkahnya seperti berikut:-

Langkah 1

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

Langkah 2

Kemudian cari code ini

<span class='post-comment-link'>

Atau

<b:include data='post' name='postQuickEdit'/>

Atau

<div class='post-body entry-content'>

Atau

<div class='post-footer'>

Pilih ruangan yang korang rasa sesuai...
cara termudah untuk mencari code ini korang tekan kekunci Ctrl+F pada keyboard korang

Langkah 3

Copy dan paste code di bawah selepas code di atas(langkah 2)

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='PesananAnda!'><img class='post-comment-link' src='LinkGambar'/>
</a>
</b:if>
</b:if>
</span>

Langkah 4

Tukar/ganti ayat yang berwarna merah dan pada ayat berwarna biru masukkan url gambar

Contoh code yang sudah di edit:-

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='Komen Dekat Sini!!'><img class='post-comment-link' src='http://img192.imageshack.us/img192/7019/komen3.png'/>
</a>
</b:if>
</b:if>
</span>

Save dan lihat hasilnya...

camat mencuba...

Tutorial Cara Buat Alert Message

Hai all...^^nak tutorial lagi?tentu nakkan...okey hari ini koz nak berkongsi dengan korang cara nak buat Alert Message ,contoh seperti yang tersedia ada di laman budak nakal ini...okey langkah-langkah nak buat bende ini senang sahaja...

Langkah 1

Login blog >Layout> Page Elements>Add a Gadget>HTML/JavaScript

Langkah 2

Copy dan paste code di bawah

<script type="text/javascript">
alert('UcapanKorangKepadaPengunjung!')
</script>
<noscript>Enable javascript in your browser to view an important message.</noscript>

Langkah 3

Pada Tulisan Biru Korang ubah la ucapan yang korang nak dan pada tulisan merah tu, mesej itu akan tertera jika ada pengunjung yang Disable Javascript.

Save dan lihat hasilnya...

Camat mencuba...

Sedihnya!...

Uwaa......lemah semangat koz bila buka blog koz ni...kenape templet koz tetibe jdi camni...uwa......

duk try setting lik tak elok2 gak....adakah koz kne tukar templet baru?????

Tutorial Cara Buat Dropdown Menu

Hai all...camat pagi...ahak...maap ye sebab ada yang menunggu tutorial berikutnya dari koz...hihi...okey hari ini koz akan ajar next tutorial pulak dekat korang...nak belajar??^^okey kalau nak hari ini koz akan berkongsi dengan korang cara buat Dropdown Menu dekat blog korang...contoh seperti yang koz ada buat unutk Rakan Budak Nakal di belah kanan>>>

Kalau nak buat ikuti langkah-langkah berikut...

Langkah 1

Dashboard>Layout>Page element>Add a gadget>HTML/javascript.

Langkah 2

Copy dan paste code di bawah

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option selected>Tajuk</option>
<option value="Link 1">Text 1</option>
<option value="Link 2">Text 2</option>
<option value="Link 3">Text 3</option>
</select>

Langkah 3

Pada Link 1 Masukkan link.
Pada Text 1 Masukkan perkataan/ayat untuk link yang di paparkan.

Langkah 4

JIka ingin menambah ruangan menu,masukkan code ini

<option value="Link ">Text </option>

Diatas/sebelum code ini

</select>

Save dan lihat hasilnya...

camat mencuba...

Tutorial Cara Buat Widget Post Bergerak

Hai all..selamat pagi...hari ini koz akan berkongsi dengan korang ilmu baru yang koz baru dapat...Tutorial pada hari ini berkenaan membuat widget post entry bergerak...cara nak buat agak mudah...jadi ikuti langkah-langkah di bawah...

Langkah 1

Login blog >Layout> Page Elements>Add a Gadget>HTML/JavaScript

Langkah 2

Copy paste code di bawah

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
margin-bottom:-20px;
padding:0px 0px -20px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
float:center;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:200px;
padding: 2px 2px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:center;
height:70px;
overflow: hidden;
background:#FFFFFF;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#A32929;
font-size:12px;
height:0px;
overflow:hidden;
margin: 0px 0px;
padding:0px 0px 0px 0px;
}
#spylist li img {
float:left;
margin-right:10px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:0px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:0px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:0px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[1] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[2] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[3] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[4] = "http://img15.imageshack.us/img15/5439/noimagex.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = " ";
showPostDate = false;
showcomments = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 20;
home_page = "http://NamaBlogKorang.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://sites.google.com/site/testingsahaja/recentpostslide.js?attredirects=0&d=1" type="text/javascript"></script>
</div>

Langkah 3

Pada code ayat berwarna merah,masukkan nama blog korang

save dan lihat hasilnya...

Camat mencuba:D

Tutorial Cara Buat Hide/Show Shoutbox Versi Simple

Hai all...petang ini koz akan memenuhi pemintaan "mamaGee"

Maap ye koz lambat tunaikan permintaan mamaGee^^....

Sebenarnya koz dah buat tutorial ini dalam versi comel...tapi memandangkan ada yang nak jenis simple koz akan edit kembali code tersebut kepada yang asal..
jadi jika inginkan yang jenis simple teruskan megikuti langkah-langkah berikut:-

Langkah 1

Login 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:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://img411.imageshack.us/img411/6496/hijau.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, 30-w) : moveGB(20-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 DISINI

<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 = (30-gb.offsetWidth).toString() + "px";
</script>

Langkah 3

Kemudian korang masukkan code shoutbox korang pada perkataan
" MASUKKAN CODE SHOUTBOX DISINI "

dah masukkan save dan tengoklah hasilnya...

Pada code yang berwarna hijau korang boleh ubah gambar tersebut(saiz 100X30)
contoh:-





Anda juga boleh buat permintaan di sini jika inginkan button macam kat atas ni di tukar dengan warna yang anda hendak...koz akan cuba bantu untuk buatkan...

Button untuk MamaGee

Code

http://img143.imageshack.us/img143/4863/pinki.png

camat mencuba :D

Tutorial Cara Buat Widget Penyambut Tetamu

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

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)'

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

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

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

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:-










<a href="http://kozumiro.blogspot.com/" target="_blank"><br /> <img src="http://img109.imageshack.us/img109/7105/promotblog.png" /><br /> </a>



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:-

Code Blog Korang

Dan save lihatlah hasilnya...

Kalau untuk Promot web lak ini code dier:-

Code Blog Korang

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

Camat mencuba...

Tutorial Cara Buat List Style Image

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

1. Budak nakal
2. Budak comel
3. 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

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

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)

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

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

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

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

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

Tutorial Cara Buat Auto Readmore Di setiap Post

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 

Log in blog > Dashboard> Layout>Edit HTML. Dan kick pada kotak Expand Widget Templates...

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

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)

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

Loading...

Re-published by: Budak Nakal Blogspot