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