Tutorial Blog | Cara Buat Blog

Fungsi Reply To Komen 2

Posted by Borong Shop | Labels: About Me, Seo, Tutorial

Pada post sebelum ini saya ada mengajar cara untuk membuat fungsi reply to comment. Dan pada post kali ini saya ingin mengajar anda sekali lagi cara untuk membuatnya dengan lebih mudah. mungkin ada sesetengah daripada kita mempunyai masalah error pada template dan dengan menggunakan cara kedua ini mungkin akan berhasil.

Untuk membuatnya pastikan anda save script template sebagai backup

Setelah itu tekan kekunci Ctrl+F.Dan pada bar find yang terpapar sila taip atau paste kod <data:commentpostedbymsg> atau kod <data:commentpostedbymsg/> dan jika tidak jumpa juga cuba taip kod ini <dd class='comment-footer'>

Jika kod yang di cari telah dijumpai,sila copy kod di bawah ini dan lakukan perubahan pada kod yang telah saya boldkan dengan warna merah dan hijau(jika anda ingin menukarnya) :

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

Untuk mendapatkan id blog anda, anda perlulah pergi ke design >> edit html dan lihat pada url an..untuk mendapatkan kepastian lihat contoh di bawah :

Setelah anda selesai melakukan perubahan, Sila salin kod yang telah siap di edit tadi dan kemudian, paste kod tersebut di bawah atau selepas kod <data:commentpostedbymsg> atau <data:commentpostedbymsg/> kod atau kod <dd class='comment-footer'>

Setelah selesai semuanya klik preview dahulu dan pastikan tiada error baru klik save template

Cara Membuat Reply To Comment

Posted by Borong Shop | Labels: About Me, Seo, Tutorial

Pada setiap posting pada kebiasaanya akan memaparkan link dengan jumlah komen(sekiranya ia di aktifkankan) dan terpapar "0 comments" dan jika terdapat 1 komen ia akan memaparkan "1 comments",dimana paparan ini agak kurang menarik seolah olah mcm menyuruh membuat komen(one comment pun boleh diubah pada kod dibawah.)Perkataan ini boleh juga ditukarkan kepada "Leave your Comment" atau lain perkataan yang kita suka.Berikut adalah cara nya:

1. Pada Design pilih,Edit HTMLdan seterusnya klik kotak “Expand widgets template”
2. Seterusnya cari kod ini:

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

1 <data:top.commentLabel/>

<b:else/>

<data:post.numComments/> <data:top.commentLabelPlural/>

</b:if>

</a>

</b:if>

Gantikan kod di atas dengan kod ini:

<b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Balas kat sini </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Comments </b:if> </a> </b:if>

Seterusnya cari kod ini:

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

<h4>

<b:if cond='data:post.numComments == 1'>

1 <data:commentLabel/>:

<b:else/>

<data:post.numComments/> <data:commentLabelPlural/>:

</b:if>

</h4>

Gantikan pula dengan kod ini:

<b:if cond='data:post.allowComments'> <h4> <b:if cond='data:post.numComments == 0'> Balas kat sini </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment: </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Comments: </b:if> </h4>

P/S :

1)Tulisan berwarna kuning(bold) dan berwarna merah(bold) boleh ditukarkan dengan perkataan yang anda inginkan

setelah selesai semuanya klik preview dahulu dan pastikan tiada error baru klik save template

Cara Pasang Komen Luv

Posted by Borong Shop | Labels: About Me, Seo, Tutorial

Bagi pengguna blogger yang berminat untuk tukar komen google kepada Komen Luv bolehlah ikut beberapa step yang aku akan ajar nanti. salah satu kelebihan komen luv adalah korang x perlu nak login dan terus boleh komen,tapi kelemahannya adalah komen2 yang diterima tidak akan keluar kat enjin carian google..korang leh tengok contoh comment luv yang aku pakai skunk nie kt contoh di bawah :

Oleh kerana prosesnya agak complicated so aku banyak gunakan gmbar untuk memudahkan korang ..sebelum melakukan proses ini pastikan anda download full template untuk back up file jika ada sebarang error..Untuk membuatnya korang ikut step2 kat bawah nie dengan jelas :

1)Pertama sekali korang kena la register kat IntenseDebate

2)Selepas register korang kena login email untuk confirmation

3)dah siap confirmation, korang login lak kt web tadi, dah login korang klik kat install intense debate seperti contoh kat bawah :

4)dah klik korang akan jumpa page camnie plak (isikan dengan url blog anda) :

5)dah settle kita pergi ke page seterusnya,lihat contoh di bawah :

6)terus klik kat extra dan korang akan jumpa perkataan sites,klik kt sites dan klik url korang..tengok contoh kat bawah nie plak :

7)lepas klik tue korang akan jumpa nie plak,terus klik kt plugin(lihat contoh di bawah) :

8)dah klik kt plugin,korang settingla mane yg korang nak ada kt komen tue seperti contoh kt bawah nie :

9)Da siap setting,korang pergi plak kat layout(untuk setting button comment dan besar saiz gambar untuk komen kat blog anda)lihat contoh di bawah :

10)Ok,kalau dah siap setting,korang klik plak kat reinstall seperti contoh kt bawah :

11)Dah klik,korang korang bukak page baru, login kat blog korang,pergi ke design >> edit html >> download full template(template yang korang download nie akan digunakan untuk contoh kat bawah nie) :

12)Dah selesai upload korang kena la copy kod template yang dah di upgrade untuk masukkan ke template korang,untuk copy korang tengok contoh last nie :

Selepas copy korang balik semula ke blog dan mcm biasa blog anda >> design >> edit html dan higlight semua kod template kat blog korang dengan gunakan kekunci ctrl + A dan selepas itu gantikan dengan kod template baru yang sudah siap di upload tadi.

Pastikan anda preview dahulu dan jika tiada sebarang error maka kilik save template..

SELAMAT MENCUBA DAN SEMOGA BERJAYA. . .

Reply To Komen

Posted by Borong Shop | Labels: About Me, Seo, Tutorial

1. Pada Design pilih,Edit HTMLdan seterusnya klik kotak “Expand widgets template”

2. Seterusnya cari kod ini:

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

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>

1 <data:top.commentLabel/>

<b:else/>

<data:post.numComments/> <data:top.commentLabelPlural/>

</b:if>

</a>

</b:if>

Gantikan dengan kod ini:

<b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Leave your comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Comments </b:if> </a> </b:if>

3. Seterusnya cari kod ini:

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

<h4>

<b:if cond='data:post.numComments == 1'>

1 <data:commentLabel/>:

<b:else/>

<data:post.numComments/> <data:commentLabelPlural/>:

</b:if>

</h4>

Gantikan pula dengan kod ini:

<b:if cond='data:post.allowComments'> <h4> <b:if cond='data:post.numComments == 0'> Leave your comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment: </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Comments: </b:if> </h4>

Tulisan berwarna kuning(bold) boleh ditukarkan dengan perkataan yang anda inginkan.

setelah selesai semuanya klik preview dahulu dan pastikan tiada error baru klik save template

Tulisan Link Membesar & Berwarna-Warni

Posted by Borong Shop | Labels: About Me, Seo, Tutorial

Membuat link sebegini adalah merupakan tambahan bagi memberi kelainan pada blog kita.Link akan hanya membesar dan berubah warna apabila pointer mouse dihalakan pada link.Pointer juga boleh diubah kepada bentuk lain,selain dari bentuk asal yang berupa tangan.

Berikut adalah caranya :

1. Login to Blogger kemudian pilih "design"

2. Klik pada "Edit HTML" selepas itu 'expand widget template'

3.Sebelum itu jangan lupa "DOWNLOAD FULL TEMPLATE" ini bagi menyelamatkan template jika berlaku sebarang error..

4. selepas selesai download cari kod a:link dan a:hover dan gantikan dengan kod dibawah ini :

a:link

{

color:#0000ff;

font-size:10px;

cursor:default;

}

a:hover

{

color:#d2691e;

font-size:19px;

font-style:italic;

cursor:wait;

}

Untuk pengetahuan anda warna2 yang saya gunakan bertujuan :

1)warna ungu menunjukkan warna link

2)warna hijau menunjukkan ukuran font

3)warna kuning adalah font italic ketika pointer dihalakan pada link

4)warna biru menunjukkan style mouse pointer dan boleh ditukar menjadi crosshair, hand, wait,

untuk pengguna template bukan dari blogger mungkin ada yg bermasalah..anda cuba cuma masukkan kod ini di bawah kod a:hover:

{

color:#d2691e;

font-size:19px;

font-style:italic;

cursor:wait;

}

Jika anda ingin menukar style cursor mouse cuma dengan menggantikan kod wait seperti contoh yg saya berikan di bawah ini :

a:hover

{

color:#d2691e;

font-size:19px;

font-style:italic;

cursor:wait;

}

Kepada

a:hover

{

color:#d2691e;

font-size:19px;

font-style:italic;

cursor:crosshair;

}

4. setelah selesai klik dahulu preview,jika tiada error maka klik save Template.

Background Pada Kotak Komen

Posted by Borong Shop | Labels: About Me, Seo, Tutorial

Tutorial kali ini agak menarik,di mana kita boleh meletak background pada commenter.. tutorial ini cuma untuk pengguna google comment dan kepada sesiapa yang dah buat comment luv rasanya dah cukup lawa so x payah nak upgrade2 lagi..hehe Ok sebelum kita mulakan macam biasanya mesti kena tengok contoh dulu..kat bawah nie ada beberapa contohnya :

Untuk pengetahuan anda, gambar yang pertama adalah gambar sebelum mouse di halakan ke ruangan komen.. gambar kedua pula,apabila mouse di halakan ke ruangan komen,automatik gambar no 1 akan bertukar ke gambar no 2..

pertama sekali macam biasa login blog >> design >> edit html >> expand template widget dan selepas itu cari kod ini :

<div class='comment-form'>

Jika sudah jumpa gantikan kod di atas nie dengan kod di bwah ini :

]]></b:skin>

Letakkan kod di bawah ini sebelum atau di atas kod ]]></b:skin>

#mGm-form iframe{

background:#ffffff url(http://i822.photobucket.com/albums/zz147/amykozo/papertu.jpg) ;

border:7px solid #9999FF;

padding:5px;

font:normal 12pt "ms sans serif", Arial;

color:#7EB2AC;

width:450px;

}

#mGm-form iframe:hover{

background:#000000 url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_t227107477_72238_7.gif);

border:7px solid #999FFF;

}

#mGm-form a{

color:#7EB2AC;

}

Nota :

anda boleh mengubah background mengikut kesesuaian anda dengan mengubah url yang diwarnakan :

1)kod yang diwarnakan dengan warna biru adalah background per 1

2)kod berwarna merah adalah background ke 2

Setelah selesai pastikan anda preview dahulu dan jika tiada sebarang error klik save template

selamat mencuba. . .

Fungsi Reply To Komen 2

Cara Membuat Reply To Comment

Cara Pasang Komen Luv

Reply To Komen

Tulisan Link Membesar & Berwarna-Warni

Background Pada Kotak Komen

Iklan

Followers

Add Me On Facebook

Tutorial

Jom TerjAh Mereka

Blog Archive

Recent Post