Tutorial Cara Pasang Komen Balas / Reply to Comment Untuk Blogspot

Kalau sebelum ni, i ada beriya-iya ajak korang tukar komen Blogspot korang kepada CommentLuv yang ala-ala Wordpress tu kan?

Ok, sekarang i tarik balik kata-kata i. Haha. CommentLuv buat blog i jadi kucar-kacir especially untuk orang yang suka dan rajin bebeno tukar layout *macam i*. Apataknya setiapkali tukar layout, setiap kali tu jugak, i kena repeat upload blog ke IntenseDebate. Adehh~lotih makcik jadinya. Lepas tu ada antara komen-komen kawan-kawan i hilang dan tak boleh trace balik *sedih tau :(*

So, i ambil jalan short-cut untuk maintain je comment blogspot yang sedia ada tapi dalam style yang comel *eceh*. Hihi, takdelah comel mana pun, comel pada mata i sebab still ada butang REPLY pada bahagian komen. Kira comellah tu kan? Hohoho. Macam kat bawah ni :)

picit gambar untuk tumbesaran semulajadi :)

Setelah mengerah keringat google supaya mencarik tutorial yang the best among the best *hamboi*. Last-last i gunakan tutorial LiyanaLunia, si comel yang i kenal kat dalam dunia Twitter dan Blogger.

Caranya, korang pegi dekat Blogger : Edit Layout ---> Design ---> Edit HTML ---> Tandakan pada box Expand Widget Templates.

Tekan butang ctrl dan F secara serentak, then cari perkataan macam dekat bawah ni:

<data:commentpostedbymsg>

atau code;

<data:commentpostedbymsg/>

atau code;

<dd class='comment-footer'>

Peringatan : Code yang dekat atas ni, hanya ada salah satu je dekat dalam blog korang bukannya ketiga-tiga coding tu korang kena cari. Hehe.

Bila dah jumpa tekan enter satu baris selepas coding dekat atas tu dan masukkan coding di bawah ni:

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=MASUKKAN ID BLOG ANDA DISINI&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>BALAS</a></span>

Untuk mengetahui apa itu ID BLOG ANDA, korang terus tengok bahagian atas URL address dekat bahagian Edit HTML korang tu *toksah pepandai bukak link lain, kompom tak jumpa*. Korang akan nampak link macam CONTOH bawah ni:

http://www.blogger.com/html?blogID=4475565372650039941&tpl=true

Nombor yang i highlightkan tulah, nombor ID BLOG ANDA. Copy semua nombor tu dan paste ngam-ngam pada ruangan yang i nyatakan. Amarahn : jangan pandai-pandai buat space antara ID BLOG ANDA dan coding tu, memang ler tak menjadi.

Lepas dah selesai buat semua cara dekat atas tu. Picit butang PREVIEW dulu. Dan kalau tiada tanda ERROR kelihatan. Bermakna korang dah berjaya dan jangan lupa tekan SAVE TEMPLATE. Kalau tak tekan, anda memang seorang yang rajin. Rajin buat balik semula. Haha.

Ok, sebelum tu nak bagitau. Harini bersusah-payah tukar layout blog. Walaupun nampak simple je tapi susah sebenarnya. Susah untuk orang yang tak terror macam i. Kalau i terror pejam mata pun jadi agaknyakan?

p/s: Nak masak Apple Pie ala-ala Mc Donald kejap lagik. Doakanlah supaya berjaya. Sebab kalau berjaya, nanti i tepek resepinya kat sini :) *tepek je, bagi free kena datang rumah :P

Tutorial Memasang CommentLuv pada Blogspot

Jeng-jeng-jeng, ada nampak perubahan sikit tak dekat blog aku? Tak perasan apa-apa pun? Cess~nampak sangat blog aku nih memang tak glamour pun huhu~huwaaa~ *apa? kau ingat kau artis haha~* Dah-dah usah melalut, actually aku dah pasang komen berbalas a.k.a 'reply comment' dekat blog aku ni. Demi bff blogger tercinta Mala yang berkobar-kobar meng'request' dari twitter mintak aku buatkan tutorial ni, so aku dengan pening-pening lalat cubalah buat tutorial ni haha~ *jangan korang pulak yang pening baca tutorial aku ni sudah hii~*

"rupabentuk CommentLuv di platfom Blogger"

Dulu-dulu aku selalu perasan komen berbalas ni cuma warga Wordpress je yang ada. Kesian dekat warga Blogspot macam aku ni tak boleh nak melaram dengan komen berbalas. Nak balas komen pun nampak tak stylo langsung. So, come on warga Blogspot, meh kita tukar comment box kita supaya jadi lagi kemas dan anggun.

Macam mana pun aku nak ingatkan korang yang cara pemasangan CommentLuv untuk Blogspot adalah melalui IntenseDebate so tak sama macam Wordpress yang boleh secara direct sahaja di website ComLuv. Yang penting sebelum install CommentLuv ni, korang save copy of template korang dulu sebagai backup plan. Kalau jadi apa-apa taklah meraung korang jadinya hihi~ Cara-cara nak save template korang macam biasa pergi ke bahagian atas blog korang yang ada tertera DASHBOARD atau masuk saja link http://www.blogger.com/. Kemudian, klik DESIGN --> EDIT HTML --> DOWNLOAD FULL TEMPLATE. Selesai proses download template korang tu bermulalah proses meng'install' CommentLuv pulak.

STEP ONE

1. Korang kena register dulu nama korang di ComLuv site. Picit REGISTER URL dan masukkan data-data yang dikehendaki. Abaikan ComLuv site selepas korang membuat  pendaftaran.

STEP TWO

1. Buka IntenseDebate site pula. Sama seperti ComLuv site juga, korang dikehendaki mendaftar dahulu di website ini.
2.  Selesai LOGIN di IntenseDebate, korang klik di sini http://intensedebate.com/plugin . CARI COMMENTLUV dan klik ACTIVATE. Selesai activate, klik bahagian atas SITE --> +ADD BLOG/SITE. Masukkan URL blog yang korang nak installkan CommenLuv ini.
3. Pilih platform BLOGGER bagi pengguna Blogspot.
4. Manakala bagi bahagian INSTALLATION pula ada  DUA SOALAN yang wajib korang jawab. Untuk soalan pertama, korang pilih jawapan TEMPLATE. Dan soalan kedua, korang pilih jawapan ONLY ON NEW POST *bagi mengelakkan komen lama korang hilang*.
5. Abaikan perkara-perkara yang tertera di bawahnya dan korang boleh terus pergi ke bahagian bawah sekali yang tertera perkataan BROWSE. Klik pada BROWSE dan cari kembali file template korang yang korang dah save sebagai backup sebelum ni. Klik pada UPLOAD FILE.
6. COPY KESEMUA HTML CODE BARU di IntenseDebate.
7. Pergi ke BLOGGER PAGE ANDA, DASHBOARD --> DESIGN --> EDIT HTML --> EDIT TEMPLATE --> TANDAKAN PADA KOTAK EXPAND WIDGET TEMPLATE. PADAM KESELURUHAN HTML CODE DI SITU, dan PASTEKAN HTML CODE BARU yang korang copy di IntenseDebate --> CLICK SAVE TEMPLATE.

Memandangkan di awal installation korang dah pilih yang CommentLuv hanya muncul pada  NEW POST sahaja, jadi korang jangan pulak panik bila tak nampak kelibat CommentLuv pada entry lama.

STEP THREE

1. Kalau korang nak buat pengubahsuaian sikit untuk rupa bentuk CommentLuv korang. Korang pergi semula ke IntenseDebate site. LOGIN --> klik bahagian atas SITE --> klik NAMA BLOG KORANG --> pergi ke MODERATION klik sama ada bahagian LAYOUT atau COMMENTS.

KELEBIHAN COMMENTLUV

1. CommentLuv ni merupakan satu cara kita menghargai peminat-peminat mereka-mereka yang rajin memberi komen kepada blog kita *sayang korang* dan dengan menyediakan backlink kepada mereka-mereka ini, secara tak langsung kita turut mempromote entry blog mereka *amacam bestkan? :)*
2. Memudahkan komunikasi di dalam satu-satu entry / blog bila wujudnya butang reply bukan sahaja antara penulis blog dengan pemberi komen, malah antara pengomen dengan pengomen juga *meaning lagik ramai kawan~yeay!*
3. Dapat mengelakkan spammer yang penyibuk *biasa dia ni! :P*.
4. Boleh mengetahui lokasi mereka yang memberi komen *melalui IP Address dorang* dan sebagai satu langkah berjaga-jaga, kalau ada komen-komen yang berunsur ancaman/gangguan.

Selamat install CommentLuv kawan-kawan. Rasanya aku dah habis explain semuanya dekat sini, kalau tak paham juga silalah tanya. Kalau malu, nanti sesat :P

credit to: ariffshah [dot] com

Auto Publish & Sticky Note Tutorial

Aku tau ramai member-member blogger aku dah terror dah cane cara-cara nak buat tutorial nih maklumla blogger tegar la katakan....

Aku pon dedolu sebelom jadi blogger banyak benda yang aku belaja dan kaji dalam tenet nih...

Sampai kol 5-6 pagila gakla aku dok tercongok depan lappy aku nih

Nih aku rase kalo time exam aku macam gini kompom straight A+ aku dapat... hahaha...

So, untuk budak baru belaja ambil galah tolong jolokkan...

meh sini aku ajar cane nak buat Auto Publish dan Sticky Note.

Sebelom tuh, nak crite sket apekebendanye AUTO PUBLISH dengan STICKY NOTE dulu...

bole kan??

AUTO PUBLISH nih biasenye orang gunakan untuk ngelat hapdet blog...

  hihihi.... bukan ngelat... tapi takde mase nak ngadap dan hapdet tiap-tiap hari...

*macam aku gakla... oppss*

Tapi dalam takde mase tuh tak suke plak rasenye nengok blog kite tuh berabuk...

Apetaknye blog orang laen ade je crite-crite baru

Blog kite dok jadi crite basi...

So, untuk orang-orang yang busy body nih... sesuaila sangat guna AUTO PUBLISH nih sebab walopun tak ngadap lappy pon entry korang kompom kuar kat blog...

Canepon korang kena make sure la dalam satu hari tuh korang kena post 2 atau 3 entry serentak

Kalo tak buat gini memang takde maknenyela nak buat AUTO PUBLISH nih.

STICKY NOTE nih plak... lebih kepada tujuan iklan....

Biasenye orang buat STICKY NOTE nih kalo ade contest ke, nak bagi offer baek punye atau nak inform something spesel sampai ler ke tarikh tertentu...

Ok... dah tau ape tujuan AUTO PUBLISH dengan STICKY NOTE nih...

moh kite belaja cara-caranye yang sonang lerr... teramat...

Untuk AUTO PUBLISH....lepas dah taip new entry korang dekat NEW POST, korang jangan terus tekan PUBLISH

tapi korang klik dulu dekat POST OPTION [step one] dan pegi dekat POST DATE AND TIME [step two]...

Tandakan dekat SCHEDULED AT dan masukkan DATE serta TIME yang korang nak entry korang tuh dipublishkan.

Then picit pada PUBLISH setelah selesai... maka jadilah dia AUTO PUBLISH...

Untuk STICKY NOTE pulak... laen sket caranye

Memula korang PUBLISHkan aje entry korang tuh macam biase...

Lepas tuh, pegi semula dekat bahagian POSTING....

klik EDIT POSTS, pastu klik EDIT entry korang yang nak buat STICKY NOTE tuh...

Buat semula [step one] dengan [step two] mcam AUTO PUBLISH...

cuma untuk kali nih korang kena letakkan sampai DATE bile yang entry korang tuh nak terlekat dekat situ...

Contohnya kalo hari nih 28 Nov 2009 dan korang nak entry korang tuh wujud sampai ke date 31 Dec 2009...

So korang masukkanla.. date 31 Dec 2009...

Camane pon untuk laen-laen entry yang korang publishkan sebelom date 31 Dec 2009 pulak akan bertuko jadi kedudukan no. 2...

dekat bawah entry STICKY NOTE yang korang tepekkan tuh...

So... selamat testing k...

Signature Tutorial

Lalala... hepinye aku rase... dalam dok ke'busy body'an jaga bebudak kecik kat umah ni dan settlekan satu lagik booking crochet yang ada sempat gakla aku mentantekkan website CUTENESS COLLECTION aku tuh. Cam bowink plak bile guna template orang laen... macam tak kena aje dengan idea-idea chumey aku yang berlambak nih. So, aku pon memulakan operasi buat banner baru, tuko header baru, godek-godek coding yang ade... amboiii macam pindah rumah baru gitu... hihi... sronoknye aku.... dan taraaa... posting aku kat sini pon dah ade signature taw... jangan mare yek..

Sebelom nih dokla jeles tengok sesetengah member-member blog ade signature tapi bile aku try buat dekat sini... alohai signature dia simplela bebeno... senang cakap tak sampai tahap

kechumelan yang aku harapkan...

So sesape yang nak signature style macam aku... senang aje

first, korang kena ade account dengan Photobucket dulu ~free jerr~ untuk upload pic signature korang tuh..

Hah... pastu barula cara-cara nak buat signature plak..

Iyerr... begini yek puan-puan...

Mula-mula bukak program Paint... untuk sesape yang terror guna Photoshop tuh

bolela guna photoshop.. mokcik nih kureng sket guna benda alah layer kat photoshop tuh... hihi...

Pastu click kat Image, carik Attributes...

tukokan attributes korang tuh sesedap rase, yang penting jangan beso sangat...

contoh macam akunye signature = Width : 171 dan Height :  51

Kalo nak senang korang kecikkan aje pakai mouse... tarik lerr... ujung dia tuh

macam dalam pic bawah nih... tengok step 1

Bile dah puas hati, click pada huruf A ~ tengok kat pic atas : step 2 ~ buatlah tulisan signature yang paling menarik pandangan mata anda...

Agak-agak kalo signature yang anda buat tuh senget pada kotak dia... korang click pada step 3 dan tandakan pada keseluruhan signature tuh sambil bawakan dia ke bahagian atas belah kiri.

Maksudnye anda bole movekan signature tuh tanpa rase ragu-ragu gitu...

Bile dah rase-rase signature tuh yang paling cun, anda hendaklah kecikkan lagik kotak yang pada step 1 tuh supaya ngam-ngam dengan signature yang anda buat.

Tujuannye bile dah upload kat posting nampak chomel & ngam aje...

Kalo nak tambah ape-ape pic yang chumey-chumey kat signature anda tuh.

Yang pertama skali anda kenala carik pic-pic yang chumey tuh dan savekan kat komputer.

Biasenye aku suke pegi kat sini...

Bile dah jumpe pic yang berkenan di hati kalbu anda...

Click dekat Edit... then click dekat Paste From... ~ pic yang anda savekan tuh ~

Kecikkan pic anda tuh supaya sama ngam dengan signature anda tuh...

Gunakan skali lagik step 3 kalo pic anda tuh senget...

Dah puashati?? hah... ape lagik Save As... pilih Type PNG...

Phewww... dah siap part signature... then pegi balik kat Photobucket...

Then uploadkan pic signature anda yang cun itu di sana...

Untuk menempekkan signature ini ke blogger anda masing-masing....

First, pegi ke Dashboard, click dekat Settings, pegi dekat Formatting,

carik Post Template

Tepekkan coding ini kat dalam kotak yang disediakan

<br /><p><br /><img style="border:0;" align="right" src="SIGNATURE URL" /><br /></p><br />

Tukokan Signature URL pada coding di atas dengan URL pic anda...
Kalo kat Photobucket tuh anda pilih Direct Link..

Ohh.. ye... kalo nak tukokan kedudukan signature korang samada ke kiri *macam aku nye tuh* atau ke tengah... korang just tuko kat bahagian align="right" tuh jadi align="left" atau align="center" ..
Jangan lupe...Save Settings bile dah siap...

Yea!! Tepuk tangan kuat-kuat...
jadi lepas nih, bolela korang show-op signature korang dekat new entry korang...
Chaiyookkk!!

Nak Tambah Menu Tab Blog

Iyer kengkawan... sila pandang ke atas  ade nampak tak perubahan dekat blog aku.
Dah lame aku nak tepek mende alah nih sebenarnye lebih-lebih lgk lepas baca tutorial dekat tempat cik mun cayunk'... tapi tah cane... aku slalu sangat terlupe nak buat mende nih.

Kalo korang pon nak tambah menu tab yang macam aku buat nih... iyer silalah picit
dekat nama cik mun cayunk' tuh yek...
sebab tutorial yang cik mun buat nih dah seabes besh dah...
very easy untuk ditiru diikut... hihi...

tak pon kalo korang nih jenis terer tak hingat, korang bole gak pegi dengan selambanye kat w/site bwh nih
http://www.accessify.com/tools-and-wizards/developer-tools/list-o-matic/