2009 ~ 1Malaysia

Tuesday, December 29, 2009

Cara mudah tukar background pada blog

Posted on 7:34 PM by Unknown

Terdapat satu cara paling mudah jika kita ingin menukar background blog kita. Jika kita menggunakan template classic, kita boleh menukar background asal yang biasanya berwarna hitam ataupun putih kepada background berformat image pattern yang berulang. Template baru juga boleh menggunakan cara yang sama, tetapi ianya bergantung kepada struktur background tersebut. Jika ia menggunakan background warna, cara ini boleh di gunakan.

Anda boleh memilih background image yang terpapar di bawah ini atau menggunakan image anda sendiri. Tetapi, image tersebut mestilah pattern berulang. Tidak digalakkan menggunakan image bersaiz besar kerana ia hanya akan membebankan proses loading blog anda.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_4in6yKpRD7rcjRD6wxqwzpn2AQPsn1XyaD3GySCUuYc209PGkaSZIoreaESOWgrMYvwMCFY399cwWZ31IlWbHq1rRgEoz6lLW2_0nEjSIl_FLNdtEWhMjcBOPeZZLoDt9NSlk4Dt/s200/body-bg.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq2JUMAyFiC4SNbGUIcddBuY6dZS2Emms6owziHUth6KVE3FmNHoWAa4ymjnBPoCzbYJcwzfeflIzGH5JWejNUg7Ro1iPKgsBoRrAtzOCQaqbpcozFCCH189j_FiE-jDD0b31IvbMS/s200/fd-san.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM1GPsP6iv_P37crQLA8VB9UnypAOLjpa1bLCwwS8kLbZwMZpJaeBpQvHbh57f0pETIGLsC7Ct6wJnxf20kOuPbwxwb7J9UaT-KQ3nrpRrAxc-Lqid9grASVs76V4CKvbXY8uM1Tad/s200/fd-babydisney.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT88MbDu-k5Gtzb2cGfm2ciusdv1OjUgw3NVoN9vLkTnpkEIGdmuAUgETjFCKgzVI4xbYz97WgU0jQ8bxd6gymMqOHclf5Pv6o7jzSy43XO6VSSgV_UKtCzrC2J7sQsKEvCy-Xn0dE/s200/woodbg.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo9xpYEWPuIR8Wz6QZ7Umq5eivEqALGX6dul9ysbQt3Z6bCj3-hTieGHoSGoE8Dh-_ZsqPcBUKyimkAuPq6D5kPlyDveXN_uBhbMwA9UN8jN5YqCO5Txn2lLkZzIwTaDLA8RXjCcxJ/s200/vector-seamless-hearts-background-09-by-dragonart.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG3FsqU1a_x8UMbzaUcA16YdbzvpXamlaKLH4EU-kpRNvLB7U00usWW1tVJiI0Tbhjtlm6sJnK5rc_kcWL1sVy5j-imVPAli5Ra8e7nXoezb1D_hAz2HteUKdS7GsgwZhk5XQj6FT3/s200/vector-flower-squares-background-11-by-dragonart.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJBl3qyBQHcuu23fAPBr82GBP1dJ3-iiJKgmjTKpuqrjtC3nBth0pn7ui15fusVdhwpE08S-c3hIellKCs-xbw0w_4AMm-vfyJFqzugMxSp17wmK_L4MOS3mWzkMiJwhZMFbM_J-7B/s200/img01.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiKpeVs8tky0qoQlwA7q0v3rhsaiPCsF79wMXaQhAYw3CZq8pfuixWG4ykkESpvByA3V2pty-yb5pNJNgZOB60tLLSyXPgjlN13O82q866xuLJy3DhqjOrKNlEPFrkpN44SvdvLuuW/s200/contemporary-300x300.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM_xvehZsjiJTxK70PVKacfQySMXxfxM2Qyo3iX8vvSU5u_0bgFtbNfp2J4QqUkDCkcnpvsLODbWDdBqnFSofWvroOFFMFXv-Y2c3IWmIHNZsoLr3HoIqFB8Cwdvu7WEEm6DMIzA_q/s200/bgx.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXSAIo5HOK5iwSYn4f9v-zRRTc1tbqHQiusfAR1iGSJGUt4dz3LrO5QXPhSDPDYI-fJqedxAZJXyiNOPFt7w_PoXigguo7nDf7l2G-toNuRs1cL6jcqBhrlj-24j5grwuoLQAfbT4R/s200/0003a-background.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK3vd6qfIl49XxS4_nlqt1FozJpbvtWf2ZGbdXSYala9jEh24gHILwcJljCrakTcHtTt_dHj2squMbKYWKwVooxfIFkUy4B2AkP6rsiGsjJh35cWZnUBBQ8lVnnVEC5YcEaXZG6Vc8/s200/img01.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAnT-qRAgqBHYgGauf4Ly05iTMZebrBb_OF-OG5jiv-sqoTBJfLJfv3ZDWVyNjaJPyfNss-iu5RR5nhaWd9OP9cu0iOGpV6EkJwJKUIB9kQFspJ341DbpKLwKp8b4I5rIuK9AJqsZa/s200/cork.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGQ-2R94sdZDI3x4DzvkGqBkNHg0UkLtjEjpYJuPdyUZPC5A_SIxrR1PPsV0X_v1hy62Q6p2jGNeZnpHuzIyqY2id2fDKYZGF9hmSdR4-nb_bausiT3iJRw3_IL_Pg8Im42fpMj-gI/s200/Vintage-Pattern_Black.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-OONcnz__V2Q9k7L2r_yHkBui75LuVUQ1wigKpTubjiVgWbEa6n0IC6PBErDPCJgUQihRQb7T-5OJzukJBwR4tRu1OnUgOr7N7D-rM7boPR9H7rzc1mh6gXk6RbbCzjajQifEUXK1/s200/sexy-blogs.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg9JuFDOBtgZEB0Rr5W25S5O9hLyBz79lT2Beyzi_IE9_-8I1rdmCcKw9gkQ04yRaIkg1KUQ_q6P06ZDnOb8cb0W549YYqIlKdmopTlXXA5VZIbzRYCI-7efGq8vyvJFS8UM5EUOx4/s200/seamless-tiled-floral-pattern-vector-background.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_UicRxS2txdJHx-k5QMkDuQvudX0MfohyEl7yYNhrRe70Eg5A2C0sf_ytGoDkTuUZfNzrOn_xD9WfOfM8awrzZzk2CMJzI0UqMK0ycue09hC-L3eTdIszdHsoGUKIWgDZslFhXLJn/s200/img01(2).gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrdHrNi_lF9J3kD3BPvbIps3FXIvLDh6P6NDOnFRfhoShQJsjlv19wOtJbMqNpgNFctnUTl_EbeBLDYSJznkTR524akuVBUhhqePYc_761QPGksAAb2-Xq1RhIdu_PPpy8_p0-lekL/s200/cork.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc4uMPDO9lUrytKByG_PWd5paZ4Cp7AwP_mREJwgHoH9OTL2kns3gG9cm3iCdoZp8lgdgbKoTeAuUfH46H0FRdJTJoFy6Ndr1iCcp2-5Y6F5b1cyJ6o9KK-_NNE8vnnDmMGL3YdhiB/s320/bgshowcase.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM27p9yU4IAdfMDJtwiGglVcBJBHny3ub6JM9wX5i82f5i_OPQGAm5xPhDPnXnWcPGY8gvUwxLlLPFcK3savo65oqVR0sfmnbDFQuGP1nkjz31siQMpcCr8iD6cRCU6GJ2KmLHrLCg/s320/bgr_main.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEher9dvcHN9USEUkgwJrXTNC3RNmYLHYDnF6VQPwKVR0QgAdBgvD-pPy7N3FwN5xQEAVnosw0OcAnkuaRi9rhvUcW42EJjZJZHlh9sLSwLPtfpjz7K8hagNgMo5bc7_QSlSx4pffZ5u/s320/16-10_dark_sleek_blog_07.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA83LdQCpd7UDOLiJyE1MwUaeCBR9_5VjZMOffzaKiIYcJrjyWQ4nLVf4EpLnXgLwCUH2LHtOt6XegBc-cihlpuwssHgGi__8Lytc7glJTzqtNMc1JLYs8BiG0Mws1EMb6tnuWSYME/s320/bg.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7JPKcUr1avrDViuy1ZXeu8_tvKfToEt0D9l2g86vP_Hj6wOZzoF7oyghFl31FUYIKSImE0TrcXcKyWhspWv2EC_YJyvQzAhzdlXt0kgDDxLEjveqXwRBtoZVKjJSJAsW9N60TsAWl/s320/bg1.gif

Untuk memasang background yang terpapar di atas, sila ikut beberapa langkah mudah di bawah.

Langkah 1

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

Langkah 2

Salin kod berwarna biru di bawah dan edit pada notepad dengan menggantikan teks Masukkan URL background di sini dengan URL background yang tertertera pada image di atas atau URL background anda sendiri.

<script type="text/javascript">
var background= new Array()
background="Masukkan URL background di sini"
document.write("<style>");
document.write("body {");
document.write(' background:url("' + background + '") repeat top center;');
document.write(" }");
document.write("</style>");
</script>

Langkah 3

Salin kod yang telah siap di edit (rujuk langkah 2) dan paste pada Content HTML/Javascript.

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

Posted in Tutorial | No comments

Monday, December 28, 2009

Memasang Recent posts slider pada blog

Posted on 5:51 AM by Unknown

Recent posts slider seperti yang boleh anda lihat pada blog ini (Entri Terkini) sememangnya widget yang sangat menarik. Widget tersebut akan memaparkan tajuk post beserta thumbnil (image) secara rotation.

Untuk memasang widget recent post slider ini pada blog anda, sila 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 (rujuk langkah 1). Sila edit kod yang di bold mengikut kesesuaian blog anda.

width:280px; (lebar kotak)
width:262px; (lebar teks pada kotak)
background:#FFFFFF; ( background kotak)
color:#A32929; (Warna teks)
numposts = 20; (Bilangan tajuk post yang ingin dipaparkan)
home_page = "http://Masukkan URL blog anda disini.blogspot.com/"; ( URL blog anda)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style media="screen" type="text/css">

</style>

<script language="JavaScript">

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = " ";

showPostDate = false;

showcomments = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 20;

home_page = "http://Masukkan URL blog anda disini.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src="http://sites.google.com/site/testingsahaja/recentpostslide.js?attredirects=0&d=1" type="text/javascript"></script>
</div>

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

Posted in Tutorial | No comments

Cara ban IP address visitor

Posted on 3:55 AM by Unknown

Oleh kerana ramai reader yang bertanya, macam mana nak ban IP visitor dari terlepas masuk ke blog mereka, maka terpaksa juga di postkan entri ini. Untuk apa dan kenapa mesti di ban IP visitor, hanya mereka yang bertanya sahaja tahu jawapannya.

Terdapat beberapa cara yang boleh digunakan untuk ban IP address visitor dari masuk ke blog kita. Cara yang biasa digunakan adalah dengan cara online atau manual. Walaubagaimanapun, cara tersebut hanya berkesan jika visitor itu menggunakan STATIC IP. Untuk makluman, kebanyakan pengguna internet di Malaysia, menggunakan DYNAMIC IP di mana, ianya akan berubah-ubah setiap masa. Tetapi jika anda ingin juga mencubanya, bolehlah terus membaca entri ini.

Bagi cara manual, Apa yang penting sekali adalah, mendapatkan IP address visitor yang hendak di ban itu. Kita hanya perlu masukkan IP address yang lengkap pada javascript di bawah dan paste pada script template. Jika IP address yang di masukkan itu tidak lengkap, berkemungkinan besar, visitor yang lain menggunakan range yang sama mungkin turut di ban. Sila pastikan anda mendapat IP address yang betul-betul tepat dan lengkap.

Untuk memasang javascript untuk ban IP address visitor, sila ikut beberapa langkah di bawah.

p/s: 1. Save script template sebagai backup.
2. IP address yang handak di ban.

Langkah 1

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

Langkah 2

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

Langkah 3

Salin kod biru dibawah dan edit pada notepad. Masukkan senarai IP address visitor yang hendak di ban pada angka yang di bold.

Sebagai contoh:

IP address visitor= 100.100.001.001
Di tulis pada kod = banned _ip[0] = '100.100.001.001';

Tambah banned_ip [4] = '0.0.0.0'; jika bilangan IP address visitor yang hendak di ban itu lebih daripada 4.

//<!CDATA[

// Banned ip script 2.0

//homepage: http://vietwebguide.com

var banned_ip = new Array();

banned_ip[0] = '0.0.0.0';

banned_ip[1] = '0.0.0.0';

banned_ip[2] = '0.0.0.0';

banned_ip[3] = '0.0.0.0';

var mes_bi = "IP anda telan di ban oleh blog ini. Harap maklum !";

for(var i=0;i<banned_ip.length;i++) {

eval('var re = /^' + banned_ip[i] + '/ ;');

if (re.test(mc_user_ip))

{

document.write('<style type="text/css">');

document.write('BODY{display:none;}');

document.write('<\/style>');

alert(mes_bi);

break;

}

//]]>

</script>

Langkah 4

Salin kod yang telah siap di edit pada notepad tadi dan paste di bawah atau selepas kod <head> (rujuk langkah 2)

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

Untuk mencubanya, anda boleh ban IP anda sendiri dan lihat, adakah ianya berkesan pada anda.

P/S: Mungkin ada di antara kita yang tahu cara yang lebih berkesan dan terbaik bagaimana nak ban DYNAMIC IP pada blog. Kalau tahu, sila kongsi pada mereka-mereka yang nak sangat tahu. Gua malas nak ambil tahu.Hehe.

Posted in Tutorial | No comments

Friday, December 25, 2009

Membina Image magnify atau zoom in image pada blog

Posted on 7:26 PM by Unknown

Apabila kita meletak image pada entri dan visitor klik pada image tersebut, ia akan menyebabkan visitor langsung terkeluar dari blog kita. Ada yang menambah kod target="_blank" supaya image di buka pada window yang baru.

Cara yang lebih mudah dan menarik ialah dengan menggunakan fungsi image magnify. Image magnify adalah satu fungsi di mana ia akan mengubah saiz image menjadi lebih besar apabila image tersebut di klik. Ianya seperti fungsi zoom in. Untuk lebih jelas lagi, anda boleh klik pada image yang terpapar di sini.(sila klik)

Untuk memasang fungsi image magnify ini, sila ikut beberapa langkah di bawah.

Langkah 1

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

Langkah 2

Salin kod berwarna biru di bawah dan pastekan selepas atau di bawah ruang Content HTML/Javascript (rujuk langkah 2)

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script src='http://sites.google.com/site/javascript10/resizeimage.js' type='text/javascript'></script>

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

Langkah 3

Image yang telah di upload pada post perlu di edit kodnya dan di tambah dengan kod class="magnify". Untuk mengedit kod image, ianya hendaklah dilakukan pada Edit Html . (rujuk gambar di bawah)

Untuk mengedit kod image, anda boleh rujuk contoh di bawah.

Kod image sebelum di edit.

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Vd9vcbbi8tplJfCLcL_ePygEfLzGZPYp7W9djjSWlsbIpiTjVMMay95_K8yoInm_Aw4wDzxjh2-B8KQk9eRIMjj0mpUw1f8JLoCESfMJl95ILzQIeCah7r9Z0qxztm8xI-TwX7Lg-0Q/s400-h/forest+wallpaper21.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Vd9vcbbi8tplJfCLcL_ePygEfLzGZPYp7W9djjSWlsbIpiTjVMMay95_K8yoInm_Aw4wDzxjh2-B8KQk9eRIMjj0mpUw1f8JLoCESfMJl95ILzQIeCah7r9Z0qxztm8xI-TwX7Lg-0Q/s400/forest+wallpaper21.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5419303430522971714" /></a>

Kod image selepas di edit dan di tambah kod class="magnify"

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Vd9vcbbi8tplJfCLcL_ePygEfLzGZPYp7W9djjSWlsbIpiTjVMMay95_K8yoInm_Aw4wDzxjh2-B8KQk9eRIMjj0mpUw1f8JLoCESfMJl95ILzQIeCah7r9Z0qxztm8xI-TwX7Lg-0Q/s400/forest+wallpaper21.jpg" class="magnify" />

p/s: Hanya ulangi langkah 3 untuk zoom in image yang lain pada post.

Posted in Tutorial | No comments

Thursday, December 24, 2009

Memasang widget Popular Posts atau Top Posts pada blog

Posted on 10:37 PM by Unknown

Widget popular post atau top post seperti yang boleh di lihat pada bahagian bawah kanan blog ini memaparkan senarai tajuk yang mempunyai jumlah komen yang tertinggi. Widget popular post atau top post ini sememangnya sangat membantu terutamanya kepada readers yang mungkin ingin membaca entri atau artikel yang mempunyai jumlah komen yang tinggi pada blog kita.

Untuk memasang widget popular posts atau top posts ini, sila ikut beberapa langkah dibawah.

Langkah 1

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

Langkah 2

Salin kod biru di bawah dan paste pada ruang Content HTML/Javascript (rujuk langkah 1). Masukkan URL blog anda pada teks masukkan URL blog anda di sini. Angka 10 yang di bold boleh di edit mengikut bilangan tajuk yang ingin adda senaraikan.

<script language="JavaScript">
aBold = false;
numposts=1000;
maxshowresult=10;
home_page = "http://masukkan URL blog anda di sini/";
</script>
<script src="http://sites.google.com/site/testingsahaja/toppost.js" type="text/javascript"></script>
Akhir sekali klik Preview dan jika tiada mesej Error terpapar, klik saja Save.

Posted in Tutorial | No comments

Wednesday, December 23, 2009

Apa itu keyword?

Posted on 11:39 PM by Unknown

Apa itu Keyword?

Keyword adalah perkataan atau teks ringkas yang di taip pada search engine dan juga pada sebuah entri atau artikel yang di tulis dalam sebuah web atau blog. Keyword yang di tulis pada search engine akan dipadankan dengan perkataan atau teks yang ada pada nama web atau blog, tajuk entri atau artikel dan tulisan pada entri atau posting, tetapi ianya sangat bergantung pada cara bagaimana kita mengeksploitasi sesuatu keyword dan kekerapan keyword itu di ulang pada entri atau artikel yang ada pada blog.

Biasanya keyword yang di taip pada search engine, lebih dari satu perkataan. Sebagai contoh, perkataan 'keyword'. Kita mengandaikan seseorang akan menaip perkataan Apa itu keyword? pada kotak search engine seperti google. Di sini, kita boleh mengeksploitasi perkataan Apa itu keyword? dengan menjadikannya sebagai tajuk entri atau artikel dan memaksimakan tiga perkataan tersebut pada isi didalam entri atau artikel.

Apa pentingnya keyword ?

Keyword merupakan salah satu cara yang digunakan untuk mendapatkan visitor atau pengunjung melalui search engine. Jadi, setiap keyword yang kita tulis pada entri atau artikel didalam blog kita adalah merupakan undangan secara tidak langsung untuk mereka masuk ke blog kita. Jika kita ingin cuba mendapatkan visitor padasearchengine,gunakanlah keyword dengan sebaik-baiknya.

p/s: Untuk lebih memahami entri ini, sila taipkan perkataan Apa itu keyword? atau Apa pentingnya keyword? atau keyword itu apa? pada Google search engine.

Posted in info, SEO | No comments

Tuesday, December 22, 2009

Membina fungsi auto read more pada setiap post

Posted on 5:52 PM by Unknown

Berbeza dengan fungsi read more versi lama, di mana kita terpaksa meletak kod <span class="fullpost"></span> pada setiap entri yang kita tulis, fungsi auto read more yang boleh anda lihat pada blog ini sememagnya memudahkan lagi tugas kita. Tidak perlu lagi untuk kita letakkan kod <span class="fullpost"></span> pada setiap entri. Fungsi ini telah di set secara auto dengan javascript di mana setiap entri akan di di set kepada read more. Image yang ada pada entri akan di resizekan kepada saiz yang kecil dan di letakkan pada sebelah kiri. Fungsi ini juga akan menghadkan secara auto jumlah teks yang akan dipaparkan pada satu entri.

Untuk membina fungsi auto read more ini, sila ikut beberapa langkah di bawah.

p/s: Sila save script template anda terlebih dahulu sebagai backup.

Langkah 1

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

Langkah 2

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

Langkah 3

Salin kod yang berwarbna biru di bawah dan pastekan di atas atau sebelum kod </head>

var thumbnail_mode = "float" ;

summary_noimg = 350;

summary_img = 450;

img_thumb_height = 140;

img_thumb_width = 140;

</script>

<script type='text/javascript'>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

Langkah 4

Sekali lagi, dengan menggunakan keyboard, tekan Ctrl+ F. Seterusnya, taip atau paste kod <data:post.body/> pada ruang Find dan tekan Enter.

Langkah 5

Salin kod yang berwarna merah di bawah dan paste(gantikan) pada kod <data:post.body/>

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmohuDqunXmkSezw_stTZ_qNZOY5OACOipR4vjaeBAJVgFg5uJ1S0IoS0CoEUpprVGfP_AN2D8AJe9FBu2tbRNgnjQ9X84GJiYQYoY54f7MDK8kb1KKzgv3vvSGkbOppalemVcwuT6UUk/s320/read+more_thumb%5B1%5D.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

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

Update: Jika anda menghadapi masalah pada auto read more selepas memasangnya pada blog, seperti post menjadi dua, sila klik www.yummylolly.com untuk menyelesaikan masalah tersebut.

Jika berlaku error semasa proses Preview akibat masalah code, sila klik ke www.bloggersentral.com untuk mencuba tutorial Auto Read More

Posted in Tutorial | No comments

Sunday, December 20, 2009

Memasang numbered page navigation pada bahagian bawah blog

Posted on 4:00 PM by Unknown

Numbered page navigation seperti yang boleh anda lihat pada bahagian bawah blog ini, sememangnya memudahkan dan sangat membantu visitor untuk explore setiap muka surat yang ada pada blog kita. Visitor hanya perlu klik pada nombor yang berikutnya jika ingin melihat entri atau artikel yang telah di post sebelumnya.

Untuk memasang numbered page navigation ini, sila ikut beberapa langkah di bawah.

p/s: Sila save script template anda terlebih dahulu.(Penting)

Langkah 1

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

Langkah 2

Dengan menggunakan keyboard, tekan Ctrl+ F. Seterusnya, taip atau paste kod ]]></b:skin> pada kotak Find dan kemudian tekan Enter.

Langkah 3

Salin kod berwarna biru di bawah dan pastekan di atas atau sebelum kod ]]></b:skin> (Rujuk langkah 2)

.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #919106;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-orM2Y__f8IMqa_7NAf7lS_mLe703QA-U8N2bVv9Cpdm7vGCW9TjVsDKHxsdcAhEOi76ay5yWH757xTGbP5VS0Ntqpy7Ejln9FEgm4PwXO7IX3HUIdy9Rx8ya0n_xrUf7XfKGPl-Hhbs/s400/wp2.jpg) 0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #aeae0a;
background: #ccc url(ttp:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-orM2Y__f8IMqa_7NAf7lS_mLe703QA-U8N2bVv9Cpdm7vGCW9TjVsDKHxsdcAhEOi76ay5yWH757xTGbP5VS0Ntqpy7Ejln9FEgm4PwXO7IX3HUIdy9Rx8ya0n_xrUf7XfKGPl-Hhbs/s400/wp2.jpg) 0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 0 0;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #919106;
background: #666 url(ttp:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-orM2Y__f8IMqa_7NAf7lS_mLe703QA-U8N2bVv9Cpdm7vGCW9TjVsDKHxsdcAhEOi76ay5yWH757xTGbP5VS0Ntqpy7Ejln9FEgm4PwXO7IX3HUIdy9Rx8ya0n_xrUf7XfKGPl-Hhbs/s400/wp2.jpg) 0 0 repeat-x;
text-decoration: none;
}

Langkah 4

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

Langkah 5

Salin kod berwarna merah di bawah dan pastekan di atas atau sebelum kod </body> (Rujuk langkah 4) .

Edit angka 7 yang di bold pada kod di bawah mengikut jumlah post pada front page (muka depan) blog anda.

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://sites.google.com/site/testsajasite/pagenav.js' type='text/javascript'></script>

Langkah 6

Sekali lagi, dengan menggunakan keyboard, tekan Ctrl+ F dan taip atau paste kod 'data:label.url' pada kotak Find. Seterusnya, tekan Enter.

Langkah 7

Salin kod hijau di bawah dan gantikan kod 'data:label.url' (Rujuk langkah 6).

Edit angka 7 yang di bold pada kod di bawah mengikut jumlah post pada front page (muka depan) blog anda.

'data:label.url + "?&max-results=7"'

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

Posted in Tutorial | No comments

Membina teks bergerak pada kursor mouse

Posted on 5:23 AM by Unknown

Untuk membina teks bergerak pada kursor seperti yang boleh anda lihat di sini, sila 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 paste pada notepad. Edit teks Tulis teks anda di sini pada kod biru yang di bold dengan teks pilihan sendiri. Anda juga boleh menukar warna teks dengan menukar kod warna #0224FE yang di bold dengan warna pilihan anda. Untuk memilih kod warna, sila klik di sini.

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'verdana';
color: #0224FE;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "Tulis teks anda di sini";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.2;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script>

Langkah 3

Salin kod yang telah siap di edit pada notepad tadi dan paste pada ruang Content HTML/Javascript (Rujuk langkah 1)

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

Posted in Tutorial | No comments

Memasang kalendar ringkas pada blog

Posted on 4:24 AM by Unknown

Untuk memasang kalendar ringkas pada sidebar yang memaparkan tarikh dan hari seperti yang boleh anda lihat di sini, 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)

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

Posted in Tutorial | No comments

Friday, December 18, 2009

Free flash widget (float) version 2

Posted on 12:59 AM by Unknown

Untuk memasang widget float ini, sila ikut beberapa langkah di abwah:

Langkah 1

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

Langkah 2

Salin kod biru bagi widget yang ingin di pasang, dan pastekan pada Content HTML/Javascript

Akhir sekali, klik Save.

<div style="position: fixed; bottom: 0px; left: 2px;">

<embed src="http://www.swfcabin.com/swf-files/1261123585.swf"

quality="high"

type="application/x-shockwave-flash"

WMODE="transparent"

width="120"

height="190"

pluginspage="http://www.macromedia.com/go/getflashplayer" />

</embed>

</div>

<div style="position: fixed; bottom: 0px; left: 2px;">

<embed src="http://www.swfcabin.com/swf-files/1261123653.swf"

quality="high"

type="application/x-shockwave-flash"

WMODE="transparent"

width="120"

height="190"

pluginspage="http://www.macromedia.com/go/getflashplayer" />

</embed>

</div>

<div style="position: fixed; bottom: 0px; left: 2px;">

<embed src="http://www.swfcabin.com/swf-files/1261136099.swf"

quality="high"

type="application/x-shockwave-flash"

WMODE="transparent"

width="120"

height="190"

pluginspage="http://www.macromedia.com/go/getflashplayer" />

</embed>

</div>

<div style="position: fixed; bottom: 0px; left: 2px;">

<embed src="http://www.swfcabin.com/swf-files/1261123758.swf"

quality="high"

type="application/x-shockwave-flash"

WMODE="transparent"

width="120"

height="190"

pluginspage="http://www.macromedia.com/go/getflashplayer" />

</embed>

</div>

<div style="position: fixed; bottom: 0px; left: 2px;">

<embed src="http://www.swfcabin.com/swf-files/1261123809.swf"

quality="high"

type="application/x-shockwave-flash"

WMODE="transparent"

width="120"

height="190"

pluginspage="http://www.macromedia.com/go/getflashplayer" />

</embed>

</div>

Posted in Free flash widget, widget | No comments

Wednesday, December 16, 2009

Free flash widget (float).

Posted on 6:13 AM by Unknown

Oleh kerana gua tengah bosan dan tengah malas nak tulis pasal tutorial, maka gua beralih angin sekejap dengan membina widget flash yang biasanya di pasang pada footer sebelah kiri atau kanan blog. Heh.

Memang nampak macam tak berapa menarik (jangan gelak), tapi kalau ada yang berminat juga, bolehlah di pasang pada blog anda sendiri. Widget flash ni, gua tak pasang backlink pun. Kalau di klik pada widget tu, memang tak akan di link ke mana-mana. Tetap statik.

Siapa yang berminat, bolehlah ikut langkah di bawah.

Langkah 1

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

Langkah 2

Salin kod biru bagi widget yang ingin di pasang, dan pastekan pada Content HTML/Javascript

Akhir sekali, klik Save.

<div style="position: fixed; bottom: 0px; left: 2px;">

<embed src="http://www.swfcabin.com/swf-files/1260985254.swf"

quality="high"

type="application/x-shockwave-flash"

WMODE="transparent"

width="120"

height="190"

pluginspage="http://www.macromedia.com/go/getflashplayer" />

</embed>

</div>

<div style="position: fixed; bottom: 0px; left: 2px;">

<embed src="http://www.swfcabin.com/swf-files/1260985383.swf"

quality="high"

type="application/x-shockwave-flash"

WMODE="transparent"

width="120"

height="190"

pluginspage="http://www.macromedia.com/go/getflashplayer" />

</embed>

</div>

<div style="position: fixed; bottom: 0px; left: 2px;">

<embed src="http://www.swfcabin.com/swf-files/1260985455.swf"

quality="high"

type="application/x-shockwave-flash"

WMODE="transparent"

width="120"

height="190"

pluginspage="http://www.macromedia.com/go/getflashplayer" />

</embed>

</div>

<div style="position: fixed; bottom: 0px; left: 2px;">

<embed src="http://www.swfcabin.com/swf-files/1260985531.swf"

quality="high"

type="application/x-shockwave-flash"

WMODE="transparent"

width="120"

height="190"

pluginspage="http://www.macromedia.com/go/getflashplayer" />

</embed>

</div>

<div style="position: fixed; bottom: 0px; left: 2px;">

<embed src="http://www.swfcabin.com/swf-files/1260985603.swf"

quality="high"

type="application/x-shockwave-flash"

WMODE="transparent"

width="120"

height="190"

pluginspage="http://www.macromedia.com/go/getflashplayer" />

</embed>

</div>

<div style="position: fixed; bottom: 0px; left: 2px;">

<embed src="http://www.swfcabin.com/swf-files/1260985671.swf"

quality="high"

type="application/x-shockwave-flash"

WMODE="transparent"

width="120"

height="190"

pluginspage="http://www.macromedia.com/go/getflashplayer" />

</embed>

</div>

Posted in Free flash widget, widget | No comments

Tuesday, December 15, 2009

Menambah column baru pada template 2 column (Minima template)

Posted on 1:33 AM by Unknown

Apabila kita menggunakan template classic yang bertemakan hitam ataupun putih, kebiasaannya template tersebut hanya mengandungi 2 column sahaja yang terdiri dari dari sidebar dah ruang posting. Untuk menambah satu lagi column supaya ianya menjadi 3 column pada template classic (minama), terdapat cara yang sangat mudah untuk anda cuba.

Untuk menambah column tersebut, sila ikut beberapa langkah di bawah.

p/s: Sila save script template anda terlebih dahulu.(penting)

Langkah 1

Log in blog=> Dashboard => Layoput => Edit HTML. Seterusnya, klik pada Expand Widget Templates.

Langkah 2

Dengan menggunakan keyboard, taipkan kod #header-wrapper {. Seterusnya edit pada angka width: 660px kepada 900px.

Langkah 3

Dengan menggunakan keyboard, taipkan kod #main-wrapper {. Seterusnya edit pada angka width: 410px kepada 420px.

Langkah 4

Dengan menggunakan keyboard, taipkan kod #sidebar-wrapper {. Seterusnya, salin kod biru di bawah dan pastekan di atas atau sebelum #sidebar-wrapper {

#sidebarbaru-wrapper {

width: 230px;

float: right;

padding-left:10px;

word-wrap: break-word;

overflow: hidden;

}

Langkah 5

Dengan menggunakan keyboard, sekali lagi,taipkan kod #sidebar-wrapper {. Seterusnya, salin kod biru di bawah dan pastekan di bawah atau selepas kod float: right;

padding-left:20px;

Langkah 6

Dengan menggunakan keyboard, taipkan kod #footer {. Seterusnya edit pada angka width: 660px kepada 900px.

Langkah 7

Dengan menggunakan keyboard, taipkan kod <div id='sidebar-wrapper'>. Seterusnya, scroll ke bawah dan cari penutup kod <div id='sidebar-wrapper'> iaitu </div>.

Salin kod berwarna biru dibawah dan pastekan kod tersebut di bawah atau selepas kod </div>

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

Langkah 8

Seterusya, klik pada Layout dan lihat adakah sidebar yang baru itu telah di tambah.

Posted in Tutorial | No comments

Monday, December 14, 2009

Kod etika blogger. Adakah kita seorang blogger yang sentiasa beretika ?

Posted on 10:15 PM by Unknown

Kalau kita lihat hari ni, ramai pengguna internet di Malaysia yang telah mempunyai blog. Tak kiralah blog itu berdomain percuma ataupun berbayar. Ramai yang berlumba-lumba nak jadi blogger.

Tetapi berapa ramaikah yang betul-betul faham apa yang harus mereka tulis? Bagaimana cara sebenar untuk menulis? Apakah benda yang patut dan tidak patut di tulis di dalam blog dan adakah blog itu sebagai satu platform untuk mengutarakan pendapat atau ketidakpuashatian diri sendiri?

Sebagai rakyat Malaysia, kita diberikan hak kebebasan untuk bersuara. Harus diingat, bukan hanya di parlimen sahaja kita boleh bebas bersuara. Ramai yang tidak jelas akan perkara itu. Dalam artikel 10 (1)(a) jelas menyatakan hal tersebut.

Walau bagaimanapun, sebagai rakyat Malaysia dan juga seorang blogger, kenalah berpegang teguh pada ajaran agama, tatasusila dan budaya . Janganlah sampai menghasut, menghina dan menjatuhkan maruah. Itu tak elok. Gunakanlah kebebasan yang diberikan sebaiknya.

Kini, telah diwujudkan beberapa kod etika untuk dipatuhi oleh blogger. Sebelum ni, mungkin kita tak berapa jelas atau langsung tak tahu pun tentang etika blogger ni. Apa bendanya etika-etika ni semua?

Kod etika blogger.

1. Penulis blog perlu jujur dan adil dalam mengumpul, melapor dan menterjemahkan maklumat.

2. Tidak memplagiat hasil tulisan.

3. Mengenal pasti sumber yang boleh dipercayai.

4. Tidak menerbitkan maklumat tidak tepat.

5. Membezakan antara maklumat sokongan, komentari dan fakta.

6. Mengakui sebarang kesilapan dan membuat pembetulan dengan segera.

7. Menerangkan tujuan blog dan membuka perbincangan mengenainya kepada penulis blog lain dan orang ramai.

8. Memberitahu sebarang aktiviti yang diadakan, kerjasama dan juga agenda peribadi mengenai blog.

9. Berhati-hati dalam menyiarkan maklumat sensasi yang boleh memberi kesan pada mana-mana pihak.

Sumber kod etika: Utusan Malaysia Online

p/s: Agak-agaknya, adakah kita dah mematuhi standard menjadi seorang blogger yang beretika. Heh.

Posted in info | No comments

Sunday, December 13, 2009

Memasang button atau icon di atas layout blog dengan mudah

Posted on 5:00 PM by Unknown

Untuk makluman anda, apa sahaja button ataupun icon sebenarnya boleh di letakkan pada mana-mana bahagian, di atas layout blog kita. Ianya seperti kita melekatkan button atau icon itu di atas paparan blog.

Jika anda lihat pada bahagian bawah header blog ini, terdapat button dan icon seperti home, aubout me,e mail dan RSS feed. Selain daripada button dan icon itu, anda sebenarnya boleh meletakkan apa sahaja button ataupun icon yang dirasakan sesuai untuk di pasang di bawah header atau di mana sahaja du atas layout blog anda.

Caranya sangat mudah dan ringkas. Anda hanya perlu menggunakan kod HTML yang di tunjukkan di bawah dan edit pada bahagian yang telah di bold.

Sebagai contoh, anda boleh menggunakan URL button-buton di bawah sebagai percubaan pada blog anda sendiri.

URL icon = https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFj_tBLi7XjjiXNx1jP467EAcGdHoYXFvoF0ul1smshgd0zMIwBQilSgXSesgfz_iwqdz-yCtFtU6jMWRQaYvlYBYarwYpUoYR2QRrrdQMvF6eagoyNxre52A2WXboEnrv1kkR0_c6wzNS/s200/home2.png

URL icon = https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5nbrQMeukzoE03uMvDMIG9SEXtA18eucLE_6dKTyqn_tFL29ucsa1FnKaMqTBqf5yQIi5Yjg7l0K26AFyR8hnK0TV-IZqpLweE-apYQVxbv4phHwIaa7tiU06XVUBef6UFQ4ZlTyES5aM/s200/home1.png

URL icon = https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZk77y5dDoAsxSF52E4a4NyQbNVm9YP5r43FYIzCn6ctdJ2-B1La96XIp3HOghVY4dTGHOZqt7G5gyHkXQIkLOjtbaqR9Wh6LxlI1FtcwynRpd-pKWYzG9Kjw19hvjULnVOEgn4Qd5JP1W/s200/home.png

p/s: Sila Save script template terlebih dahulu.

Langkah 1

Salin kod HTML yang berwarna biru di bawah dan paste pada notepad. Kemudian gantikan:

1. URL pada teks 'Masukkan URL'.
2. URL icon pada teks 'Masukkan URL Icon'.
3. 'Title' mengikut citarasa anda.
3. Saiz icon dengan mengubah angka 'Height' dan 'Width'.
4. Kedudukan atau kordinat di atas layout blog dengan mengubah angka pada 'top' dan 'right'. (Di ubah selepas meletak kod pada script template dan Preview)
5. 'Top' dan 'right' juga boleh di ubah. Anda boleh menggantikan 'top' kepada 'bottom' jika ingin meletakkan icon di bahagian bawah dan 'left' kepada 'right' jika ingin meletakkan icon itu di sebelah kanan.

Kod HTML:

<a style="display:scroll;position:absolute;top:130px;left:160px;" href="http://Masukkan URL" title="Home">
<img width="48" src="Masukkan URL Icon" height="48"/></a>

Langkah 2

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

Langkah 3

Dengan menggunakan keyboard, tekan Ctrl+ F dan taipkan </body>. Seterusnya tekan Enter.

Langkah 4

Salin kod yang telah siap di edit pada notepad tadi (rujuk langkah1) dan paste kod tersebut di atas atau sebelum kod </body>. Seterusnya klik Preview.

Ubah kedudukan atau kordinat dengan edit angka pada 'top' dan 'right' sehingga anda betul-betul telah meletakkan icon itu sesuai pada tempatnya. Jika saiz icon tidak sesuai, anda boleh mengubah angka pada 'width' dan 'height'.

Setiap kali angka-angka tersebut di ubah, hendaklah di Preview sahaja. (Semasa proses ini, jangan klik Save)

Akhir sekali, jika anda telah berpuas hati dengan hasilnya, klik saja Save<.

p/s: Anda boleh menambah icon lain URL lain dengan mengulangi langkah-langkah diatas

Posted in Tutorial | No comments

Memadam dotted line(garisan bertitik) pada link

Posted on 7:08 AM by Unknown

Jika anda perasan, apabila kita klik pada active link yang ada pada blog kita atau blog orang lain, tidak kira kita klik pada tajuk, pada teks ataupun pada image, di sekeliling active link itu akan terpapar dotted line. Anda boleh rujuk pada gambar yang terpapar di atas. Dotted line yang berwarna biru terpapar apabila image di klik.

Ia memang nampak remeh dan tidak menjejaskan apa-apa pun pada blog kita. Apalah sangat setakat garisan titik-titik itu. Bagi blogger yang menggunakan layout yang bertemakan putih, ia mungkin tidak begitu ketara, tetapi bagi blogger yang menggunakan tema hitam pula, garisan ini adalah jelas.

Bagi blogger yang mungkin mementingkan kekemasan pada layout blog mereka, perkara ini sedikit mengganggu dan sedikit menjejaskan pandangan. (pendapat gua aje)

Dotted line itu sebenarnya boleh di padam dengan memasang kod css yang sangat mudah pada script template.

Untuk memasang kod tersebut, anda hanya perlu ikut beberapa langkah yang di tunjukkan dibawah.

p/s: Save script template terlebih dahulu.

Langkah 1

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

Langkah 2

Dengan menggunakan keyboard, tekan Ctrl+ F dan taipkan ]]></b:skin> pada ruang Find. Seterusnya, tekan Enter.

Langkah 3.

Salin kod berwarna biru di bawah dan paste di atas kod ]]></b:skin>

a {
outline:none; /* FF1.5+ IE7+*/
-moz-outline: /* FF<=1.5*/
}

Akhir sekali, klik preview dan jika tiade mesej error terpapar, klik saja Save.

Posted in Tutorial | No comments

Memasang button Back to top dan Home pada sisi blog

Posted on 12:46 AM by Unknown

Back to top dan home button yang boleh anda lihat pada sisi kanan dan kiri blog ini adalah fungsi yang dapat anda bina sendiri secara costum. Ia mungkin dapat memudahkan visitor untuk explore blog yang mempunyai layout yang panjang. Hanya perlu klik button Back to top, dan visitor sudah pun selamat sampai ke header blog.

Button boleh disesuaikan mengikut pilihan sendiri jika mampu untuk mengubahnya, jika tidak, memadailah dengan menggunakan button yang serupa dengan blog ini. Sama aja. Tak menjejaskan apa pun. Heh.

Untuk memasang button back to top dan Home ini, sila ikut beberapa langkah yang mudah dibawah.

p/s: Sila save script template.Klik pada Download Full Templates. PENTING oOo bila nak edit script template. Bukan main-main kerja.

Langkah 1

Log in blog=> Dashboard => Layout => Edit HTML. Tick pada Expand Widget Template..Kat mana tu? Jawapan: Cari sampai dapat ye..

Langkah 2

Dengan menggunakan keyboard ataupun papan kekunci atau, sila tekan Ctrl+ F. Taip kod </head> pada ruang Find yang terpapar di atas taskbar (tangan sambil tunjuk tempat tekan Start). Kemudian, tekan Enter.

Langkah 3

Salin atau edit kod di bawah (jika perlu) dan paste di atas atau sebelum kod </head>

p/s: Kod yang di bold boleh di edit (jika perlu).

Akhir sekali, klik Preview. Pun penting juga. Jika tiada mesej Error yang bertulisan merah terpapar, klik saja Save.

Posted in Tutorial | No comments

Saturday, December 12, 2009

Perkara atau benda yang tidak patut ada pada blog kita.

Posted on 5:30 PM by Unknown

Mungkin ada yang pernah baca entri gua sebelum ini, yang membicarakan tentang apa yang perlu ada dan perlu tiada di dalam sesebuah blog. Entri itu hanyalah sekadar pendapat. Tetapi kali ini,mungkin ianya sama tapi tak berapa nak serupa.

Memandangkan blog Mel Romeo dan Sukiprattle dah tulis tentang benda yang hampir sama dengan apa yang gua nak tulis pada entri ini, di sarankan supaya anda menjengah blog mereka. Ianya mungkin akan membantu kita semua. Dan pada pendapat gua sekali lagi, ianya memang sangat-sangat membantu. Tak percaya? Pergi jengah. Tapi, lepas habis baca entri ini. Mereka bilang sharing is caring. Jadi, gua dengan muka tak berapa nak malu, akan sharing is caring juga. Tak banyak pun, dua benda.

Dua benda yang mungkin akan menyebabkan ada pihak yang terasa hati, merajuk, mintak suruh hantar balik rumah mak lah, itulah inilah, tapi, gua tetap teguh menyatakan pendapat gua.

Jangan risau, ini bukan entri provokasi ataupun entri cari gaduh, jauh sekali cari jodoh. Ianya hanyalah sekadar pendapat yang ingin di kongsi bersama, tidak kira anda seorang yang suka berkongsi kereta, ahli kongsi gelap atau duduk di rumah kongsi. Janji anda 'cool'.

1. Tak payahlah minta visitor atau reader tulis verification words bila nak bagi komen. Kadang kala, verification words yang di beri tu memang payah nak baca. Dua tiga kali juga cuba. Simpan emas apa dalam blog? Memang remeh macam makan sireh. Tapi mulut boleh jadi merah. Jangan risau dengan spam. Tak adanya orang yang nak spam-spam.Kalau di spam, ludah saja pakai sireh. Biasa betul.

Takut dengan Anonymous. Benda tu biasa, dan boleh di delete. Tak pun, simpan dulu komen, dah baca, baru approve kan. Yang mudah, janganlah di susah-susahkan.

2. Audio atau bunyi-bunyian. Sama ada ia adalah bunyi-bunyian yang datang dari Mp3, radio (zaman Jepun, main radio kena pancung kepala), youtube dan sebagainya yang di set secara autoplay. Biasanya memerlukan masa untuk loading. Ia juga sebenarnya memakan bandwith yang besar juga jika anda hostingkan file bunyi-bunyian tersebut pada file host kerana setiap kali berlakunya view page blog, selama itulah berlakunya proses download dari hosting anda.

Juga, Kasihankan pada visitor yang mungkin mementingkan penggunaan bandwith. Masalah kepada pengguna broadband yang selalu download dan upload. Broadband unlimited? Connection unlimited, tapi bukan speed unlimited. Cukup had bandiwth, speed kembali berlenggang-kangkung. Gua pernah rasa.

Selalu gua terkejut bila terlupa turunkan voleume speaker, mulalah. Macam nak sumpit blog tu. Gua tetap sabar. Banyak pilihan. X kan ada. Harap ianya bukanlah antara salah satu faktor kenapa blogger Malaysia ramai yang sakit jantung semasa melayari internet.Heh.

Kalau tak tahan juga nak letak lagu kesukaan untuk menunjukkan yang kita adalah Die Hard Fan artist tersebut, hinggakan tak boleh tidur kalau tak dengar suaranya, setkanlah supaya ianya manual.

Posted in info | No comments

Wednesday, December 9, 2009

Memasang text sizer button pada blog

Posted on 5:00 PM by Unknown

Fungsi text sizer button adalah hampir sama seperti menekan kekunci Ctrl+ + yang bertujuan untuk resize saiz font pada blog. Anda boleh melihat contohnya di sini. Walaupun fungsi text sizer button ini seakan nampak tidak penting, tetapi ianya sebenarnya membantu kepada reader yang mungkin masih tidak tahu menggunakan kekunci Ctrl+ + pada keyboard untuk resize saiz font pada blog.

Untuk memasang fungsi resize text button ini, sila 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 di bawah, kemudian paste dan save pada ruang Content HTML/Javascript. (Rujuk langkah 1).

<center><a href="javascript:ts('body',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Y-W3xcnJF9TcsaZxh0sKA7bRvJDtxGVnrZ25aWw67GFRLw6EOtEc8ZyBMv1nStwZDjGREA9zSxjj4EURHt_OYw4ubpEzGEat_jVfLzq9803K-QTnbGjIpUnmBC26tldd87NozYhI1Wsc/s320/zoom_in.png" title="Larger Font"/></a> <a

href javascript:ts(="body" ,-1)><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBIhU_rf29HTiyHEBHiMGpKjoojqDgMpKnR2KOe5090a_C7wyupLggaqM2wsefj2PthGxvyhagoaSpJczCJ8tRgfwW6IME3ZoF8V9oFbn1Lia8JGkhPZKfCXoKaQgDmUyS1buhEVfKX14i/s320/zoom_out.png" title="Smaller Font"/></a

href></center>

</script>

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

Posted in Tutorial | No comments

Monday, December 7, 2009

Trik terbaik halang entri atau artikel dari di copy (plagiat)

Posted on 5:00 PM by Unknown

Jika sebelum ini, trik disable right click mempunyai kelemahan, di mana ianya tidak dapat menghalang Ctrl+C,kini terdapat satu lagi trik yang terbaik untuk menghalang entri atau artikel yang di tulis pada blog daripada di copy. Dengan memasang script Disable text selection, ianya akan menghentikan serta merta fungsi select dan juga Ctrl+C. Trik ini berfungsi pada Internet Explorer, Mozilla Firefox, Opera dan Chrome. Anda boleh mencubanya di sini.

Untuk memasang script Disable text selection, sila ikut beberapa langkah yang di tunjukkan di bawah.

p/s: Jika anda masih menggunakan kod disable right click,bolehlah di delete kod tersebut.

Langkah 1

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

Langkah 2

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

/***********************************************

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/

function disableSelection(target){

if (typeof target.onselectstart!="undefined") //IE route

target.onselectstart=function(){return false}

else if (typeof target.style.MozUserSelect!="undefined") //Firefox route

target.style.MozUserSelect="none"

else //All other route (ie: Opera)

target.onmousedown=function(){return false}

target.style.cursor = "default"

}

//Sample usages

//disableSelection(document.body) //Disable text selection on entire body

//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"

</script>

disableSelection(document.body) //disable text selection on entire body of page

</script>

Akhir sekali, klik preview. Jika tiada mesej error yang terpapar, klik saja save.

Posted in Tutorial | No comments

1Malaysia

Tuesday, December 29, 2009

Cara mudah tukar background pada blog

Monday, December 28, 2009

Memasang Recent posts slider pada blog

Cara ban IP address visitor

Friday, December 25, 2009

Membina Image magnify atau zoom in image pada blog

Thursday, December 24, 2009

Memasang widget Popular Posts atau Top Posts pada blog

Wednesday, December 23, 2009

Apa itu keyword?

Tuesday, December 22, 2009

Membina fungsi auto read more pada setiap post

Sunday, December 20, 2009

Memasang numbered page navigation pada bahagian bawah blog

Membina teks bergerak pada kursor mouse

Memasang kalendar ringkas pada blog

Friday, December 18, 2009

Free flash widget (float) version 2

Wednesday, December 16, 2009

Free flash widget (float).

Tuesday, December 15, 2009

Menambah column baru pada template 2 column (Minima template)

Monday, December 14, 2009

Kod etika blogger. Adakah kita seorang blogger yang sentiasa beretika ?

Sunday, December 13, 2009

Memasang button atau icon di atas layout blog dengan mudah

Memadam dotted line(garisan bertitik) pada link

Memasang button Back to top dan Home pada sisi blog

Saturday, December 12, 2009

Perkara atau benda yang tidak patut ada pada blog kita.

Wednesday, December 9, 2009

Memasang text sizer button pada blog

Monday, December 7, 2009

Trik terbaik halang entri atau artikel dari di copy (plagiat)

Popular Posts

Categories

Blog Archive

About Me