Halaman

Biz Online Saya

Biz Online Saya

Selasa, 31 Disember 2013

Letak 'Recent Comments' dalam Blog

Meletakkan 'recent comments' adalah cara yang paling mudah untuk mengetahui entri manakah yang paling latest menerima komen samada dari pengunjung blog ataupun tuan punya blog.
Letak 'Recent Comments' dalam Blog


Walaupun terdapat pelbagai cara untuk meletakkan 'recent comments' ini, tetapi cara yang akan ditunjukkan ini merupakan antara cara paling ringkas untuk meletakkan widget ini.

Tutorialnya adalah seperti berikut.

1. Login akaun blogger, kemudian dari dashboard > Design > add a gadget >HTML/javascript

2. Kemudian masukkan kod di bawah ke dalam HTML/javascript 

<script style=text/javascript src=http://www.freewebs.com/filer/blogger/rc1blogger.js ></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://URL blog anda/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script><small><a href="http://tutorialuntukblog.blogspot.com/2010/08/letak-recent-comments-dalam-blog.html" target="_blank"/>Get widget here </a></small>


Nota: tukarkan URL blog anda dalam kod di atas dengan url blog anda.

3. Save dan tengok hasilnya..:)


TAMBAHAN:Ubahsuai juga boleh dilakukan seperti berikut.

1. Jumlah komen yang ditetapkan untuk dipapar adalah 5. Anda boleh mengubah bilangan komen yang dipaparkan. Lihat kod dibawah sebagai rujukan. Bilangan yang dicadangkan adalah antara 4 - 8

....a_rc=5;var m_rc=false...


2.Jumlah perkataan yang ditetapkan untuk satu comment adalah termasuk nama pengomen adalah 100. Anda boleh menukar jumlah tersebut mengikut keselesaan anda.

var o_rc=100;


3. Tarikh untuk komen juga boleh ditambah. Caranya tukar perkataan dalam kod berikut daripadafalse kepada true.

var m_rc=false;var n_rc=true;var o_rc=100


Selamat mencuba..:)

Isnin, 30 Disember 2013

Misterlinky - cara mudah untuk pengunjung masukkan link di blog

Sesetengah pemilik blog akan memasukkan link pengunjung sebagai exchange. Cara ini bagus untuk meningkatkan trafik blog. Kebiasaanya, link pengunjung akan dimasukkan oleh pemilik blog.

Tetapi dengan misterlinky, pengunjung sendiri akan meninggalkan link blog mereka pada blog² yang meletakkan widget ini. Secara tidak langsung dapat memudahkan kedua-dua belah pihak, pemilik blog dan pengunjung blog.

Berikut contoh widget misterlinky ini.



Untuk mendapatkan widget ini, anda boleh dapatkan (daftar) di www.misterlinky.net/

Setelah selesai mendaftar dengan linkwinky, dapatkan kod HTML kemudian paste di bahagian page element blog anda.

Antara kelebihan menggunakan misterlink ini adalah widget yang simple dan mudah untuk memasukkan url blog. Pemilik blog juga senang untuk menguruskan widget ini(jika ada link yang tidak dikehendaki)


Letak Ruangan Komen Di Bawah Entri.

Meletakkan ruangan komen di bawah entri dapat memudahkan pengunjung sesebuah blog untuk menghantar komen pada entri yang ditaip.
Letak Ruangan Komen Di Bawah Entri.


Secara asasnya, blogger sudah menyediakan cara mudah untuk membolehkan sistem komen dalam blog anda muncul seperti ini.

Apa yang perlu dilakukan adalah enablekan sistem komen ini cara berikut.

1. Login akaun blogger anda, dari dashboard> settings>comments
Pada comments form placement, pilih 'embedded below post'



2. Save setting dan lihat hasilnya..

JIKA tidak berjaya.

3. Klik pada layout>edit html>Expand widget templates
4. Backup template anda dengan klik 'download full template'.

5. Tekan ctrl + F untuk mencari kod dibawah.

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


6. Letakkan kod ini dibawah kod yang anda jumpa pada langkah 5.

<b:include data='post' name='comment-form'/>


7. Save template anda dan lihat hasilnya.

Ketahui Jumlah Post dan Jumlah Komen dalam Blog

Berapakah bilangan post dan bilangan komen yang anda terima bagi keseluruhan selama anda berblogging.? Jika itu yang menjadi persoalan, jawapannya adalah mudah sekali.:)



Ikuti tutorial di bawah.

1. Login akaun blogger, dari dashboard > design > add a gadget > HTML javascript
(masih tidak faham? rujuk sini )

2. Copy kod di bawah dan letakkan ke dalam ruangan HTML/javascript
<center><script style="text/javascript">
function totalPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function totalComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script>
<script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script></center>
<small><a href="http://tutorialuntukblog.blogspot.com/2011/01/ketahui-jumlah-post-dan-jumlah-komen.html" target="_blank">get this</a></small>


3. Save. Itu sahaja dan lihat hasilnya.:)

Fibox : Shoutbox Yang Cool Untuk Blogger

Fibox adalah satu lagi nama baru untuk shoutbox yang memasuki ruang maya ini. Rentetan daripada shoutmix yang akan menamatkan perkhidmatan percumanya, admin dapati Fibox menawarkan shotbox yang bagi admin memang cool, (walaupun bagi admin baru sekali pandang:)

Fibox kini dalam fasa beta dimana lebih banyak penambahbaikan yang akan dilakukan oleh pihak yang terbabit. Lihat pada paparan yang mesra pengguna dan penggunaannya yang mudah, admin tidak ambil masa yang lama untuk terus daftar. Anda boleh melihat contoh shotbox Fibox ini yang admin letakkan di blog ohbest.

Sambil-sambil daftar, admin ambil kesempatan untuk letakkan sekali tutorial untuk daftar Fibox seperti di bawah.

1. Buka www.fibox.ws, kemudian klik pada Sign Up 



2. Masukkan email address dan password. Tick pada term of service kemudian klik continue 



3. Notification mengatakan activation email dihantar kepada emial yang anda daftar. 



4. Buka email dan klik pada link yang diberi.



5. Pengesahan bahawa akaun anda telah diaktifkan.



6. Login akaun anda, dan untuk kali pertama anda login anda akan diminta untuk create nama untuk shoutbox anda.



7. Daripada dashboard, anda boleh tetapkan setting yang anda kehendaki




8. Copy code yang diberi dan paste ke dalam ruangan HTML/javascript blog anda.
(tidak faham.?)

9. Save dan lihat hasilnya.:)



Tambahan:
Selepas pendaftaran, anda juga boleh login menggunakan akaun facebook anda.


Cara Letak Linkwithin Dalam Blog

Linkwithin antara blog yang berguna untuk memaparkan post yang berkaitan dalam sesebuah blog. Link within ini berbeza dengan 'related post' biasa kerana linkwithin memaparkan thumbnail bagi entri yang berkaitan.

Contoh:

Antara kelebihan menggunakan linkwithin adalah:
1.Paparan dengan thumbnail yang lebih menarik perhatian pengunjung
2.Cara yang mudah untuk letak dalam blog tanpa memerlukan ubahan yang kompleks.

Berikut adalah cara ringkas untuk meletakkan linkwithin dalam blog.

1. Buka web www.linkwithin.com

2. Pada paparan yang muncul, masukkan maklumat yang berkaitan.

Cara Letak linkwithin Dalam Blog

Jika background anda gelap,tick pada kotak kosong kecil tu, dan pastikan anda masukkan bilangan yang sesuai dengan lebar blog anda.

3. Klik pada install widget

Cara Letak Linkwithin Dalam Blog


4. Pilih blog anda ingin masukkan linkwithin(pilih jika anda ada lebih dari 1 blog, kemudian klik add widget

Cara Letak Linkwithin Dalam Blog


5. Apabila sudah selesai, klik save pada page element anda. Dan boleh lihat hasilnya.:)

Cara Letak Linkwithin Dalam Blog

Tutorial Buat Tab Menu / Navbar Menu

Mempunyai tab menu ataupun navbar menu dalam sesebuah blog boleh digunakan oleh pemilik blog untuk meletakkan link yang penting atau link yang ingin diberi perhatian oleh pengunjung blog. Anda boleh lihat contoh tab menu yang ringkas di sini



Tutorial untuk membuat tab menu / navbar menu adalah seperti berikut.



1. Dari dashboard > design > edit html
(backup template untuk langkah berjaga²)

2. Menggunakan fungsi find (ctrl + F), cari kod ]]></b:skin>
2.1 Jika tidak jumpa, cari kod </head>

3. Copy dan paste kod di bawah SEBELUM kod yang anda jumpa di langkah 2 @ 2.1

ul#list-nav {
list-style:none;
margin:20px;
padding:0;
width:525px
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:100px;
background:#FF0099;
color:#eee;
float:left;
text-align:center;
border-left:1px solid #fff;
-moz-border-radius: 5px;
}

ul#list-nav li a:hover {
background:#FF6699;
color:#000
-moz-border-radius: 5px;
}


Contoh.: 
Tutorial Buat Tab Menu



4. Save template anda. 

5. Kemudian, kembali ke dashboard, pergi ke design > page element > add a gadget > HTML/javascript 

6. Copy dan paste kod di bawah di dalam HTML/javascript kemudian tukarkan 'Link' dengan link yang anda mahu letak di tab menu. 
Contoh : <li><a href='http://ohbest.blogspot.com'>Home</a></li> 

Selepas selesai masukkan link yang dikehendaki, 
save. 

<div>
<ul id='list-nav'>
<li><a href='Link'>Home</a></li>
<li><a href='Link'>About Us</a></li>
<li><a href='Link'>Services</a></li>
<li><a href='Link'>Products</a></li>
<li><a href='Link'>Contact</a></li>
</ul>
</div>





7. Drag ke bawah element header, save dan lihat hasilnya.:) 
Tutorial Buat Tab Menu




Nota 1: Untuk langkah 3, anda boleh ubah beberapa kod seperti warna background, border, dan radius. Bergantung kepada bagaimana tab menu yang anda mahukan. 

Nota 2: Jika anda hendak tambah tab menu, copy paste barisan di langkah 6.