Widget yang perlu ada pada blogspot

Widget yang perlu ada pada blogspot

Pada entri kali ini, gua ingin berkongsi sedikit pandangan tentang penggunaan widget yang sesuai pada blog. Pandangan ini adalah berdasarkan pengalaman yang seterusnya membawa kearah proses penambahbaikan. Dan proses ini adalah berterusan demi kepuasan visitors.

Seperti yang kita semua maklum, widget ataupun gadget ini merupakan satu elemen tambahan yang sangat penting didalam blog. Penggunaan widget mampu menambahkan lagi seri sesebuah blog. Kata oranglah.

Biasanya, jika kita baru pertama kali membina blog, kita jadi keliru dan tidak tahu widget apa yang sepatutnya di pasang pada blog dan ada juga yang mungkin terlalu seronok hingga terlupa yang blog telah dipenuhi dengan widget di segenap ruang. 

Semakin banyak widget yang di pasang, semakin lambatlah masa untuk proses loading page blog kita. Bagi pengguna blogspot, kita tidak boleh membandingkan masa untuk proses loading dengan pengguna wordpress kerana berbeza dari segi proses download dari hosting.

Dalam memilih widget yang sesuai, perkara paling penting sekali yang perlu kita faham adalah kegunaan dan apa fungsi widget tersebut, dan adakah ianya dapat membantu kita dan juga visitors yang masuk dan membaca entri yang ada didalam blog sama ada dapat menaikkan rating, page view ataupun komen. 

Di sini, di senaraikan 10 jenis widget yang perlu ada di dalam blog kita. Widget-widget ini sebenarnya sangat-sangat membantu untuk menaikkan rating, page view ataupun komen pada blog kita. 

1. Followers
2. Shout box (Jika perlu)
3. Recent comments
4. Blog Archive
5. Labels
6. Related posts
7. Feed
8. Blog List (Jika perlu)
9. Link list (Jika perlu)
10. Popular posts (Jika perlu)

Cara pasang efek spinning pada comment avatar

Efect akan befungsi apabila kursor mouse di letak pada image avatar tersebut.

Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

langkah 2

Copy dan paste kod di bawah pada content HTML/Javascript.

 style type="text/css">
.avatar-image-container img, comments .avatar-image-container img {
-webkit-transition-duration: 0.8s; 
-moz-transition-duration: 0.8s; 
-o-transition-duration: 0.8s; 
transition-duration: 0.8s; 
</style>

<script src="https://sites.google.com/site/javascript10/mootools-1.3.js"></script>

<script>
window.addEvent("domready",function() {

// "Globals" - Will make things compress mo-betta
var $random = function(x) { return Math.random() * x; };
var availableWidth = 0, availableHeight = 0;
var cssPrefix = false;
switch(Browser.name) {
case "safari":cssPrefix = "webkit";break;
case "chrome":cssPrefix = "webkit";break;
case "firefox":cssPrefix = "moz";break;
case "opera":cssPrefix = "o";break;
}

// The Icons 
var icons = $$(".avatar-image-container img, comments .avatar-image-container img ");
// Apply opacity
var zIndex = 1000;
// Randomize each link
icons.each(function(element,index) {
var startDeg =(360);
var resetPlace = function() {

element.fade(0.4).setStyle("-" + cssPrefix + "-transform","rotate(" + startDeg + "deg)"); 
}
element.set("style","top:" + $random(availableHeight) + "px; left:" + $random(availableWidth) + "px; z-index:" + zIndex);

resetPlace();
element.addEvents({
mouseenter: function() { element.fade(1).setStyle("z-index",++zIndex).setStyle("-" + cssPrefix + "-transform","rotate(0deg)");},
mouseleave: resetPlace});
});
});
</script>

 Plugin chatroom terbaik dari Plugchat.in

Widget dari Plugchat.in adalah satu aksesori blog yang patut anda cuba. Widget ini merpuakan sebuah mini chat room di mana, para pelawat yang datang ke blog yang menggunakan plugin ini, boleh berinteraksi secara berkumpluan. Widget ini juga di interaksikan kepada laman Facebook dan Twitter.

Plugin Plugchat.in berbentuk bar seperti yang boleh anda lihat di blog ini. Terdapat sebanyak 25 theme yang boleh anda pilih untuk di sesuaikan dengan warna blog anda.  Saiz window dan bar juga boleh di minimakan mengikut kesesuaian.Plugin ini juga tidak membebankan masa loading blog.

Kelebihan untuk proses memasang plugin ini, kita juga boleh untuk tidak mendaftar untuk menggunakannya.Ianya amat mudah untuk di pasang. Hanya dengan menyalin kod script yang di beri dan kemudian, ikut beberapa langkah di bawah.

Langkah 1

Log in blog => Dashboard => Design => Add A Gadget => HTML/Javascript.

Langkah 2

Paste kod yang ada salin dari Plugchat.in pada ruang Content HTML/Javascript.

Masukkan kod <h2></h2> untuk mengosongkan bahagian Title.

Akhir sekali, klik Save.
p/s: Sila paste kod chatroom di atas atau sebelum kod </body> pada script template anda dan save, jika tiada perubahan yang berlaku selepas anda masukkan kod chatroom tersebut pada ruang Content HTML/Javascript.

Credit:  http://www.jejaktrend.com/2010/06/groups-chat.html