Cara pasang widget Related Posts di blogspot

Widget Related post atau entri berkaitan seperti yang boleh anda lihat pada setiap post di blog ini, adalah widget yang menyenaraikan entri atau artikel yang berkaitan mengikut kategori atau label entri atau artikel tersebut.

Untuk memasang widget Related post atau entri berkaitan, anda hanya perlu ikut beberapa langkah yang mudah di bawah.

p/s: Sila save script template sebagai backup.

Langkah 1

Log in blog => Dashboard => Layout => Edit HTML. Seterusnya tick pada kotak Expand Widget Templates.

Langkah 2

Dengan menggunakan keyboard, tekan kekunci Ctrl + F. Seterusnya, taip atau paste kod </head> pada ruang Find dan tekan kekunci Enter.

Langkah 3

Salin kod berwarna biru di bawah dan paste di atas atau sebelum kod </head> (rujuk langkah 2)

p/s: Anda boleh menukar teks Entri berkaitan yang di bold kepada teks pilihan anda.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;

}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(http://2.bp.blogspot.com/_u4gySN2ZgqE/SnZhv_C6bTI/AAAAAAAAAl4/Rozt7UhvgOo/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>
<script type='text/javascript'>
var relatedpoststitle="Entri berkaitan";
</script>
<script src='http://blogergadgets.googlecode.com/files/related.js' type='text/javascript'/>
</b:if>

Langkah 4

Dengan menggunakan keyboard, tekan Ctrl+F. Kemudian, taip atau paste kod <data:post.body/> . Seterusnya tekan Enter.

Langkah 5

Salin kod berwarna merah di bawah dan paste di bawah atau selepas kod <data:post.body/> . (rujuk langkah 4)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=15&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

Akhir sekali klik Preview dan jika tiada mesej Error yang terpapar, klik saja Save

Cara pasang widget Display time of last visit pada blogspot


Untuk memasang widget Display time of last visit pada sidebar yang memaparkan bilangan kunjungan visitor pada sesebuah blog seperti yang boleh anda lihat pada gambar di atas, hanya ikut beberapa langkah yang mudah di bawah.


Langkah 1

Log in blog => Dashboard => Layout => Add A Gadget. Seterusnya, klik pada HTML/Javascript.

Langkah 2

Salin kod biru di bawah dan pastekan pada Content HTML/Javascript (Rujuk langkah 1)

p/s: Anda boleh edit kod biru yang di bold kepada teks pilihan anda sendiri.

<script type = "text/javascript">
//
var days = 730; // days until cookie expires = 2 years.
var lastvisit=new Object();
var firstvisitmsg="This is your first visit to this page. Welcome!";
lastvisit.subsequentvisitmsg="Welcome back visitor! Your last visit was on <b>[displaydate]</b>";

lastvisit.getCookie=function(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return document.cookie.match(re)[0].split("=")[1];
return'';
}

lastvisit.setCookie=function(name, value, days){
var expireDate = new Date();

var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days));
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}

lastvisit.showmessage = function() {
var wh = new Date();
if (lastvisit.getCookie("visitc") == "") {
lastvisit.setCookie("visitc", wh, days);
document.write(firstvisitmsg);
}

else {
var lv = lastvisit.getCookie("visitc");
var lvp = Date.parse(lv);
var now = new Date();
now.setTime(lvp);
var day = new Array("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat");
var month = new Array ("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
var dd = now.getDate();
var dy = now.getDay();
dy = day[dy];
var mn = now.getMonth();
mn = month[mn];
yy = now.getFullYear();
var hh = now.getHours();
var ampm = "AM";
if (hh >= 12) {ampm = "PM"}
if (hh >12){hh = hh - 12};
if (hh == 0) {hh = 12}
if (hh < 10) {hh = "0" + hh};
var mins = now.getMinutes();
if (mins < 10) {mins = "0"+ mins}
var secs = now.getSeconds();
if (secs < 10) {secs = "0" + secs}
var dispDate = dy + ", " + mn + " " + dd + ", " + yy + " " + hh + ":" + mins + ":" + secs + " " + ampm
document.write(lastvisit.subsequentvisitmsg.replace("\[displaydate\]", dispDate))
}

lastvisit.setCookie("visitc", wh, days);

}

lastvisit.showmessage();

</script>

Akhir sekali, klik Preview dan jika tiada mesej Error terpapar, klik saja Save.

Cara upload dan masukkan file swf (flash) pada blog

Pada entri sebelum ini, ada satu info tentang bagaimana cara membina flash yang mudah dengan menggunakan software Aleoflash. Bagi anda yang sudah berjaya membina animasi flash tersebut, mungkin terdapat sedikit kesulitan tentang cara untuk memasukkan animasi flash tersebut ke dalam blog.

Untuk masukkan file swf pada blog, file tersebut hendaklah terlebih dahulu di upload pada file hosting. Swfcabin adalah satu site hosting percuma untuk file yang berformat swf.

Apa yang perlu anda lakukan adalah ikut beberapa langkah di bawah.

Langkah 1


Namakan file yang hendak di upload pada ruang Title. Seterusnya, klik pada Browse dan klik Open pada file swf yang hendak di upload. Kemudian, klik pula pada Publish Swf.

Langkah 2

Salin URL pada Navigation toolbar.

Contoh: http://www.swfcabin.com/open/1263452734

Edit URL dengan menggantikan open kepada swf-files dan menambah .swf selepas angka.

Contoh URL yang di edit: http://www.swfcabin.com/swf-files/1263452734.swf

Langkah 3

Salin kod biru di bawah dan paste pada notepad. Gantikan teks masukkan URL file swf di sini dengan URL yang telah siap di edit (rujuk langkah 2).

Sila edit angka pada width dan height mengikut kesesuaian size paparan flash tersebut.

<embed src="masukkan URL file swf disini" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>


Langkah 4

Salin kod yang telah siap di edit( rujuk langkah 3) dan paste pada post ataupun sidebar.

Memasang sweet tiles tooltip pada blog



Sweet tiles tooltip yang terdapat pada blog yang berplatform wordpress kini boleh di pasang pada blog yang berplatform blogspot. Tooltip ini akan membantu dan memudahkan visitor untuk melihat URL bagi active link yang terdapat pada sesebuah blog.

Untuk memasang tooltip yang memaparkan URL seperti yang boleh anda lihat pada active link yang terdapat di blog ini, anda hanya perlu ikut beberapa langkah yang mudah di bawah.

Langkah 1

Log in blog => Dashboard => Layout => Edit HTML.

Langkah 2

Dengan menggunakan keyboard, tekan kekunci Ctrl + F. Seterusnya, taip atau paste kod <body> pada ruang Find dan tekan kekunci Enter.

Langkah 3

Salin kod berwarna biru di bawah dan paste di atas atau sebelum kod <body>.

<link href='http://sites.google.com/site/defaultjssite/urltooltip.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://sites.google.com/site/defaultjssite/urltooltip.js' type='text/javascript'/>
<script src='http://sites.google.com/site/defaultjssite/sweettiles.js' type='text/javascript'/>

Akhir sekali, klik preview dan jika tida mesej Error yang terpapar, klik saja Save.

Cara tukar smiley icon pada shoutbox

Untuk menukar icon smiley yang terdapat pada kotak shoutbox, anda hanya perlu menggantikan URL icon smiley. Untuk mencubanya,  anda perlu log in akaun cbox di sini dan masukkan ID dan password.

Kemudian Klik pada Options dan seterusnya, klik pada Smilies. Anda akan lihat paparan seperti yang di tunjukkan di bawah.


Apa yang perlu anda lakukan sekarang ialah menggantikan URL asal icon smiley itu kepada URL icon smiley yang baru.

Contoh:

URL icon smiley asal:  http://cbox.ws/smilies/1/smile.gif

URL icon smiley baru: http://www.iconarchive.com/icons/rokey/popo-emotions/24/big-smile-icon.png

Anda boleh mendapatkan icon smiley di www.iconarchive.com atau www.smileyicons.net

Anda juga boleh memasang gambar dan nick name sendiri pada cbox dengan menambah code dan masukkan URL gambar sendiri. Seelok-eloknya saiz gambar tidak terlalu besar.


Setelah selesai di edit, klik Save dan anda boleh mencuba sama ada edit yang di buat itu berjaya atau tidak.


p/s: Sebaik-baiknya, sila upload dahulu icon pada hosting anda.

Tips mudah SEO untuk blogger


Teramat rugi jika blog sudah terindeks pada google search engine, tetapi kita tidak menggunakan sebaik-baiknya peluang yang ada untuk mengiklankan blog secara berkesan dan percuma.

Asas SEO yang mesti kita tahu supaya blog terindeks dengan cepat adalah dengan tidak menyusahkan sipder Google untuk merayap ke blog kita.


Gunakan ejaan yang betul.

Antara perkataan aku dengan ak, yang mana satu kita rasakan akan mesra dengan search engine. Cuba taip perkataan ak pada google search dan lihat, result yang terpapar ialah ak-47. Hebat bukan? Dalam entri pun cerita pasal senapang. Sudah-sudahlah main perang kombat masa kanak-kanak dulu. Kurang-kurangkanlah bahasa sms kalau rasa nak blog tersenarai pada search engine.

Spider google mesti menyampah dengan penggunaan simbol yang pelik dan bahasa sms. Spider itu dah dididik dengan penggunaan ejaan yang lengkap. Jadi, jika blog kita sudah terindeks, tetapi tidak di crawl, mungkin spider Google hanya melepak di depan pintu blog kita sambil makan jagung.

Ping blog di Pingler.com

Setiap kali bila post entri terbaru,cepat-cepatlah ping blog kita di Pingler.com atau pingmyblog.com. Tujuannya supaya spider Google akan terus merayap pada post yang baru di ping dan scan setiap perkataan pada entri tersebut tanpa terhegeh-hegeh. Kalau tidak di ping dan mengharapkan cara manual, spider Google akan merayap secara berlenggang kangkung, dan kadang-kadang terus malas nak crawl.

Penggunaan keyword mudah pada entri.

Untuk belajar menggunakan keyword, permulaannya, kita hanya perlu gunakan keyword yang rendah rankingnya. Contohnya, nescafe ais. Dalam entri tersebut, kita selitkan beberapa perkataan seperti cara, buat, minum, kesan, sedap dan yang sesuai dan relevan pada perkataan suggestion di Google Search. Ini bertujuan, apabila perkataan cara buat nescafe ais atau nescafe ais sedap atau cara buat nescafe ais sedap atau kedai nescafe ais atau buat nescafe ais atau kesan minum nescafe ais di taip pada google search, mungkin blog kita akan tersenarai di 10 website atau blog yang teratas berdasarkan value keyword itu.

Memasang efek salji pada blog

Untuk membuat efek salji turun pada blog seperti yang boleh anda lihat di sini (sila klik), hanya ikut beberapa langkah di bawah.

Langkah 1

Log in blog => Dashboard => Layout => Add A Gadget. Seterusnya, klik pada HTML/Javascript.

Langkah 2

Salin kod biru di bawah dan paste pada ruang Content HTML/Javascript ( rujuk langkah 1).

<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript"></script>

Akhir sekali, klik Preview dan jika anda berpuas hati dengan hasilnya, klik saja Save.

Cara buat random background pada blog

Random background seperti yang boleh anda lihat pada background blog ini(sila klik), adalah background yang akan bertukar secara random setiap kali berlaku view page pada blog tersebut. Untuk contoh background yang ditunjukkan , terdapat 3 layout berbeza yang di pasang sebagai background blog.

p/s: Sila klik Reload current page atau Refresh.

Untuk mencuba random background tersebut, hanya ikut beberapa langkah di bawah.

langkah 1

Log in blog => Dashboard => Layout => Add A Gadget. Seterusnya, klik pada HTML/Javascript.

Langkah 2

Salin kod di bawah dan paste pada ruang Content HTML/Javascript.

p/s: Anda boleh menukar layout background mengikutkesesuaian blog anda dengan menggantikan URL background disini(klik). Gantikan URL yang di bold dengan URL background pilihan.

<script type="text/javascript">
var background= new Array()
background[0]="http://4.bp.blogspot.com/__hqk0jmhlcE/SzpjVIJLPnI/AAAAAAAAAIc/gOYxKL8bSqY/s200/body-bg.png"
background[1]="http://4.bp.blogspot.com/__hqk0jmhlcE/Szpi-oA5tuI/AAAAAAAAAIE/vqds5Z6-UH4/s200/fd-babydisney.jpg"
background[2]="http://1.bp.blogspot.com/__hqk0jmhlcE/Szpigo76TbI/AAAAAAAAAHE/k0f9rZ_or-I/s200/0003a-background.jpg"
var random=Math.floor(3*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + background[random] + '") repeat top center;');
document.write(" }");
document.write("</style>");
</script>

Akhir sekali klik Preview, dan jika tiada mesej Error yang terpapar, klik saja Save.

Cara kesan IP address visitor blog kita

Statscounter.com adalah salah satu site yang menyediakan perkhidmatan visitor counter  yang mempunyai ciri-ciri yang sangat menarik. Dengan mendaftar dan memasang widget statscounter secara paparan ataupun di sembunyikan(hide) pada blog, kita sebenarnya dapat mengesan dari mana datangnya visitor beserta IP address. Dengan memaparkan maklumat pelawat secara detail, kita juga mungkin dapat mengesan IP address visitor yang memberi komen berdasarkan masa yang tercatat pada komen tersebut.


Untuk mengesan IP address visitor yang masuk ke blog kita, hanya perlu klik icon Real-Time Stats and Visitor Reports (rujuk gambar) dan kemudian klik pada Recent Visitor Activity. Pada paparan Recent Visitor Activity, kita dapat melihat maklumat yang menunjukkan lokasi, ISP provider, IP address visitor, entry page, exit page dan refering URL visitor yang melawat ke blog kita.

Untuk mencubanya, anda boleh mendaftar di statscounter.com

Alexa.com - Ketahui ranking blog di Alexa


Apa itu Alexa Rank?

Alexa Rank adalah ranking atau kedudukan yang dibuat oleh Alexa berdasarkan jumlah traffic atau pengunjung pada blog. Rangking atau kedudukan sesebuah blog di Alexa Rank akan berubah setiap hari berdasarkan jumlah visitor yang masuk ke blog tersebut.

Terdapat dua rank yang berbeza, iaitu ranking sesebuah blog kita pada peringkat dunia dan rangking di peringkat Malaysia. Alexa Rank ini juga boleh dilihat berdasarkan jumlah pengguna internet yang menggunakan toolbar Alexa pada browser internet yang mereka gunakan.

Perlu juga diketahui, Alexa Rank berbeza dengan Google Page Rank. Semakin kecil Alexa Rank sebuah blog, maka blog tersebut semakin baik. Berbeza pula dengan Google Page Rank, semakin besar Google Page Rank sebuah blog, maka blog tersebut semakin baik.

Untuk mengetahui berapakah ranking blog kita di Alexa, boleh layari site Alexa.com.

Memasang emoticon (smiley) pada bahagian comment


Untuk memasang emoticon pada bahagian comment seperti yang boleh anda lihat di sini (klik), sila ikut beberapa langkah di bawah.

p/s: Save script template sebagai backup.

Langkah 1

Log in blog => Dashboard => Layout => Edit HTML. Seterusnya, tick pada kotak Expand Widget Templates.

Langkah 2

Dengan menggunakan keyboard, tekan kekunci Ctrl+ F dan taip atau paste kod </body> pada ruang Find. Seterusnya tekan kekunci Enter.

Langkah 3

Salin kod berwarna biru di bawah dan paste diatas atau sebelum kod </body> (rujuk langkah 2)

<script src='http://sites.google.com/site/javascript10/emoticon.js' type='text/javascript'/>

Langkah 4

Sekali lagi dengan menggunakan keyboard, tekan kekunci Ctrl+ F dan taip atau paste kod <b:if cond='data:post.embedCommentForm'> pada ruang Find. Seterusnya tekan kekunci Enter.

Langkah 5

Salin kod berwarna merah di bawah dan paste di atas atau sebelum kod <b:if cond='data:post.embedCommentForm'> ( rujuk langkah 4)

<b>
<img src='http://3.bp.blogspot.com/__hqk0jmhlcE/Sz8OxkDP6II/AAAAAAAAAMs/CovYIf-LL_8/s200/20x20-waaaht.png'/>:a:
<img src='http://3.bp.blogspot.com/__hqk0jmhlcE/Sz8OxVdg0cI/AAAAAAAAAMk/UwJaTZCOHis/s200/20x20-too_sad.png'/>:b:
<img src='http://3.bp.blogspot.com/__hqk0jmhlcE/Sz8OxKitqGI/AAAAAAAAAMc/zWMNKjSqTQ4/s200/20x20-look_down.png'/>:c:
<img src='http://1.bp.blogspot.com/__hqk0jmhlcE/Sz8OwwZk9hI/AAAAAAAAAMU/lhb3vISf1TU/s200/20x20-hell_boy.png'/>:d:
<img src='http://2.bp.blogspot.com/__hqk0jmhlcE/Sz8OwpXmMwI/AAAAAAAAAMM/vprwfWxg7co/s200/20x20-feel_good.png'/>:e:
<img src='http://3.bp.blogspot.com/__hqk0jmhlcE/Sz8OmUvk0mI/AAAAAAAAAME/5cECKglnxs8/s200/20x20-extreme_sexy_girl.png'/>:f:
<img src='http://2.bp.blogspot.com/__hqk0jmhlcE/Sz8OmYyjBFI/AAAAAAAAAL8/1Ry44V2xRHI/s200/20x20-confuse.png'/>:g:
<img src='http://2.bp.blogspot.com/__hqk0jmhlcE/Sz8OmCyE65I/AAAAAAAAAL0/a59volhDjcA/s200/20x20-confident.png'/>:h:
<img src='http://4.bp.blogspot.com/__hqk0jmhlcE/Sz8OlmucmDI/AAAAAAAAALs/vp1IhT2YVpI/s200/20x20-cold.png'/>:i:
<img src='http://4.bp.blogspot.com/__hqk0jmhlcE/Sz8OlZBZzmI/AAAAAAAAALk/YCaSAfqbHAc/s200/20x20-choler.png'/>:j:
<img src='http://2.bp.blogspot.com/__hqk0jmhlcE/Sz8OYKZsCeI/AAAAAAAAALc/R9KzwNpH1nU/s200/20x20-boss.png'/>:k:
<img src='http://2.bp.blogspot.com/__hqk0jmhlcE/Sz8OXjpmf_I/AAAAAAAAALU/MAglXLF-xHY/s200/20x20-big_smile.png'/>:l:
<img src='http://3.bp.blogspot.com/__hqk0jmhlcE/Sz8OXMmdPbI/AAAAAAAAALM/WyX3vQgP5Fg/s200/20x20-beauty.png'/>:m:
<img src='http://1.bp.blogspot.com/__hqk0jmhlcE/Sz8OW3v8h5I/AAAAAAAAALE/tfJS1mBT1co/s200/20x20-beat_brick.png'/>:n:
<img src='http://4.bp.blogspot.com/__hqk0jmhlcE/Sz8OWuw8zTI/AAAAAAAAAK8/SWacR_b15wo/s200/20x20-bad_smelly.png'/>:o:
<img src='http://1.bp.blogspot.com/__hqk0jmhlcE/Sz8OFtJNI7I/AAAAAAAAAK0/TBrJQJCUM6M/s200/20x20-angry.png'/>:p:
<img src='http://3.bp.blogspot.com/__hqk0jmhlcE/Sz8OE1lGnuI/AAAAAAAAAKs/uDrHlsxfAg0/s200/20x20-amazed.png'/>:q:
<img src='http://4.bp.blogspot.com/__hqk0jmhlcE/Sz8OEjM4SpI/AAAAAAAAAKk/2wYzAA6aSh4/s200/20x20-ah.png'/>:r:
<img src='http://4.bp.blogspot.com/__hqk0jmhlcE/Sz8OEVMt2FI/AAAAAAAAAKc/Ers8-nzWOMs/s200/20x20-after_boom.png'/>:s:
<img src='http://2.bp.blogspot.com/__hqk0jmhlcE/Sz8ODuF2DsI/AAAAAAAAAKU/Zjy0uQGhHZU/s200/20x20-adore.png'/>:t:
</b>

Akhir sekali, klik Preview dan jika tiada mesej Error terpapar, klik saja Save.

Blog Archive