Cara Letak Facebook Share Button Dalam Blogspot Blog

Tidak dinafikan facebook adalah laman sosial yang paling terkenal buat masa ni biarpun ada ura-ura yang mengatakan yang facebook bakal ditutup tahun ni. Dan dengan kepopularannya, kita boleh menggunakan facebook untuk meningkatkan trafik blog atau website dengan menggunakan fungsi share button.

Tutorial kali ni adalah cara bagaimana untuk meletak facebook share button dalam blogspot blog. Tutorial cara meletak facebook share button ni hanya untuk blogspot sahaja. Untuk twitter pula, anda boleh pergi ke laman tutorial cara meletak twitter button dalam blogspot blog.

Ok, untuk tutorial meletak facebook share button, sila ikut langkah berikut.

1. Sila login ke Dashbord blospot blog

2. Pergi ke tab design dan seterusnya Edit HTML

3. Tick pada "Expand Widget Templates" Checkbox

Bahagian yang paling penting adalah untuk menjejaki kod HTML dalam template blog korang. Untuk mencari kod ini, sila tekan cltr+f dan cari kod dibawah;

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

Atau ini

<data:post.body/> 

Atau ini

<div class='post-footer'>

Selepas korang jumpa kod di atas, sila salin kod dibawah;

<div style='float:left;padding:4px;'>

<script>var facebook = {
url : "<data:post.url/>"
buttonType : "box_count"
}</script> <script
src="http://orkut-share.googlecode.com/svn/trunk/facebook.js">
</script>

Untuk memilih style button yang korang suka, sila tukar kod berwarna merah diatas kepada kod dibawah mengikut style button yang korang suka.

box_count

button_count

 Selepas itu, paste kod diatas sebelum kod,

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

Untuk mendapat hasil seperti dalam blog blogger 20 sen ni.

Kalau korang nak button tersebut berada di bawah blog post, sila paste kod tersebut selepas kod

<data:post.body/>

Atau selepas kod,

<div class='post-footer'>

Korang boleh cuba semua kedudukan facebook share button ni dan pilih mana satu yang berkenan di hati.

Sebagai ingatan, sila backup template korang terlebih dahulu untuk mengelak kejadian yang tidak diingini terjadi pada blog korang. Sebarang pertanyaan sila ajukan dalam bahagian komen.

++Hasil dari tutorial ini mungkin sedikit berbeza mengikut template yang korang guna.

Cara Untuk letak Tweet Button Dalam Blogspot Blog

Sebagai seorang blogger, traffic adalah salah satu element yang menjadi keutamaan dalam berblogging,terutamanya mereka yang ingin menjadikan blog sebagai sumber pendapatan. Dan salah satu cara untuk meningkatkan traffic adalah melalui laman sosial yang ada, seperti twitter dan facebook.

So kali ni, aku nak share sikit cara bagaimana untuk membuat atau meletak twitter button dalam blogspot blog, memandangkan aku menggunakan blogspot sebagai blogging platform. Banyak juga cara yang aku jumpa tapi tidak ada satu pun yang berhasil atau berfungsi dengan baik. Twitter button yang ni berfungsi dengan baik untuk aku, so harapnya berfungsi untuk korang juga.

Ok perkara pertama yang perlu korang buat  untuk meletak Twitter button adalah;

Login ke Dashboard blog. Untuk Dashboard blogspot yang lama, rasanya korang perlu pergi ke layout tab. Tapi untuk updated blogspot dashboard, korang pergi ke

1.    Tab “Design”

2.    Pergi ke “Edit HTML”

3.    Tick pada “Expand Widget Templates”

Selepas itu, part yang penting, Cari kod ini,

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

Atau ini

<data:post.body/> 

Atau ini

<div class='post-footer'>

Selepas itu, sila copy kod di bawah ni dan tukarkan kod warna merah kepada profile name twitter korang.Dan kod warna ungu kepada button style yang korang nak. Contoh button,

vertical 

None

<div style='float:left;padding:4px;'>

<script>

var tweet = {url : " <data:post.url/>", count: "horizontal", via: "kyuubi_85", text: " <data:post.title/>" }</script> <script src='http://orkut-share.googlecode.com/svn/trunk/tweet.js'/> </div>

Kyuubi_85 adalah profile name aku. Kalau korang berminat nak add, silakan. Fungsi meletakkan profile name ialah, bila ada orang yang share post korang kat twitter, secara tidak langsung, tweet tu akan mention korang, macam aku, @kyuubi_85. 

 

Untuk Button tu kelihatan seperti yang ada dalam blog ni, korang boleh paste Sebelum kod ini

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

Hasilnya kelihatan seperti gambar dibawah

 

Kalau korang nak Twitter button tu menyempit kat sebelah ayat pertama entry, korang boleh paste kode tersebut selepas kod ni

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

Atau sebelum kod ni

<data:post.body/> 

Hasilnya akan kelihatan seperti ini,

Dan kalau korang nak button tu berada dibawah selepas entry, sila paste kod selepas kod ni

<div class='post-footer'>

Hasilnya akan kelihatan seperti ini,

Sebagai ingatan, sila backup template anda sebelum mencuba tutorial ini. Takut kalau anda benda yang tidak diingini berlaku pada blog korang.

Diharap tutorial ni dapat membantu. Sebarang pertanyaan atau penambahan sila bagitau ok. Tutorial ni di copy dan diubahsuai dari Official Tweet Buttons for websites, Blogger and WordPress

++Sila ambil perhatian bahawa hasil dari tutorial ini mungkin berbeza sedikit bergantung kepada blogger template yang korang guna.

Cara Letak Fungsi Reply Comment Untuk Blogspot [Updated]

Untuk semua pengguna blogspot, korang pasti sedar bahawa blogspot tidak ada fungsi reply comment untuk setiap komen pada setiap entri. ini sedikit menyukarkan untuk membalas komen pada entri tersebut.

Terdapat beberapa pilihan yang boleh diambil contohnya menggunakan intensedebate comment system atau disqus comment system. Aku dah pernah cuba kedua-dua system comment ni namun ianya mendatangkan masalah bagi aku. Salah satunya loading time terlalu lambat. banyak juga blogger yang mengadu tidak dapat komen.

Jadi terpaksa aku tukar balik kepada blogger comment system. Dan dalam system komen ni agak menyukarkan sedikit untuk membalas komen. Namun terdapat cara untuk meletakkan link reply pada setiap komen agar proses membalas komen jadi mudah.

Untuk meletakkan fungsi reply komen ni, terdapat beberapa langkah mudah, semudah A, B, C yang boleh dilakukan. Sila ikut langkah dibawah;

1. Pergi ke dashboard --> Layout --> edit HTML --> Tick pada " Expand Template Widget"

2. Cari Kode HTML ini. (Tekan ctrl + F untuk lebih mudah)

<data:commentPostedByMsg/>

3. Paste kode dibawah sebelum atau selepas kode <data:commentPostedByMsg/>

<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?
blogID=YOUR-BLOG-ID&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]</a></span>

Sila edit YOUR-BLOG-ID kepada blog id korang. Untuk dapatkan blog id korang,  pergi ke posting page dan korang akan nampak blog id pada adress bar seperti gambar di bawah. Kalau tak, post korang takan keluar. huhu

Selepas Siap, Save tempalate korang. Ingatan kepada semua, sebelum buat benda ni, save template korang takut sebarang kejadian tidak dingini berlaku. hehe

Updated

kalau korang nak lebih cantik, korang boleh buat gambar reply komen dan upload dekat mana-mana online storage, atau boleh saja upload pada blog korang.

Selepas itu, untuk kod diatas, pada kod ini, [Reply], Sila gantikan dengan kod ni,

 <img src="URL-Gambar Reply Komen Korang"/>



Kalau korang nak kawal lebar dan tinggi gambar tersebut, sila tambah attribute width dan height pada gambar tersebut.

Semoga tips ni memberi manfaat kepada semua. Sumber dari reply button option blogger comments

 p/s: Korang boleh lihat hasil tutorial ni pada mana-mana entri blog ni

Bagaimana nak buat fungsi Open Link In A new Tab

 Pakcik Google takde kena mengena

Ok, kali ni tutorial yang pendek saja iaitu bagaimana nak letak fungsi Open Link In A New Tab. Sebenarnya ada sebabnya aku buat Tutorial ni. anyak aku lawat blog orang dan banyak yang letak link dalam post mereka. dan kebanyakan (mungkin semua) link yang disertakan tu, bila aku klik, akan terun directed ke laman yang kita linkkan tu pada page yang sama. jadi pembacaan Kau terganggu seketika.

Ok, mungkin korang tak faham lagi kan? Mari aku sediakan 2 link kat bawah ni, dan cuba korang klik pada kedua-dua link tersebut dan lihat apa yang terjadi.

Klik kat sini

Klik lagi kat sini

Apa perbezaannya? Link pertama akan load pada page ni kan? Manakala link yang satu lagi akan load pada page lain kan? dan ini tidak menggangu pembacaam korang kan?

Inilah yang akan aku ajarkan pada korang kali ni.

Ok, untuk meletakkan fungsi tersebut, selepas link yang korang sertakan, Letakkan kod html ni,

target="_blank"

Ok, caranya begini

pertama, letakkan link yang korang nak seperti contoh link kat blog aku ni, 

http://kyuubi85.blogspot.com/

Selepas itu, letakkan kod target di hujung link tersebut,

a href="http://kyuubi85.blogspot.com/" target="_blank"

sebelum perkataan  a href tu, letakkan tanda < dan selepas perkataan blank juga letakkan tanda >

selepas tanda > korang bolehlah meletakkan apa sahaja perkataan yang korang nak ia muncul,

ok, lihat contoh link ke blog aku yang ada fungsi open in a new tab

Kod untuk link di atas akan keluar seperti di bawah.

Everything Beautiful

Semoga tutorial ni berguna kepada semua,

Selamat mencuba!!

Perlukah word verification bila nak komen?

Patutkah pasang word verification bila orang nak komen?

kadang-kadang tu, aku pun malas nak komen bila kita dah siap tulis dan nak tekan publish post, tiba-tiba keluar pula "pak cik" tu nak minta word verification. Geram you know.

Dan yang tak best bila kita salah masukkan word tu, dia nak minta balik..

Arrrrggggh!!! Geramnya!!!

Pada pendapat saya la kan, tak perlu la nak letak Word Verification tu. Lagipun kalau  takut sangat dengan komen dari anonymous, awak boleh la settingkan tak boleh ada "hantu" tu nak komen. Ya tak? Dan boleh juga settingkan supaya sebelum komen tu kena display, perlu approval dari tuan punya blog. kan senang?

Blog tu sepatutnya kena la mesra pengunjung, barula ok. Tapi kalau blog peribadi dan taknak ada pengunjung, silakan la buat apa yang kamu suka. setuju tak?

Kalau pengunjung nak komen pun senang, ni siap berpantun nak suru komen, tapi bila nak komen, kena pula diverified dulu. Wei, tak ada Alien la nak baca blog...

Ada banyak entri yang aku baca pasal benda-benda yang tak perlu dalam blog tu, dan salah satunya adalah Word Verification ni, tapi ramai yang aku komen, ramai juga yang letak Word Verification tu. Kadang tu siap aku Close terus page dia, tak payah komen.

So, kalau korang tak tahu macamana nak buka word verification tu, meh sini aku bagitau :

1.  Login Masuk akaun anda dan pergi ke Dashboard

2.  Klik Setting pada blog yang nak dibuka word Verification

3.  Pergi ke Comments. Disini, anda boleh set siapa yang boleh komen pada blog anda pada   bahagian Who can comment Dan boleh tick No pada Show word verification for comments untuk   buka fungsi Word Verification.