30 December 2009

Cara mudah tukar background pada blog

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.





http://4.bp.blogspot.com/__hqk0jmhlcE/SzpjVIJLPnI/AAAAAAAAAIc/gOYxKL8bSqY/s200/body-bg.png





http://1.bp.blogspot.com/__hqk0jmhlcE/Szpi-5ahC6I/AAAAAAAAAIM/PDpEcdDty9Y/s200/fd-san.jpg





http://4.bp.blogspot.com/__hqk0jmhlcE/Szpi-oA5tuI/AAAAAAAAAIE/vqds5Z6-UH4/s200/fd-babydisney.jpg





http://2.bp.blogspot.com/__hqk0jmhlcE/Szpi-LapvZI/AAAAAAAAAH8/7H1NoxW__QY/s200/woodbg.jpg





http://2.bp.blogspot.com/__hqk0jmhlcE/Szpi9hnbQGI/AAAAAAAAAH0/1G1sK0L9xms/s200/vector-seamless-hearts-background-09-by-dragonart.png


http://1.bp.blogspot.com/__hqk0jmhlcE/Szpi9I1ARhI/AAAAAAAAAHs/wAON5LY1k3E/s200/vector-flower-squares-background-11-by-dragonart.png





http://4.bp.blogspot.com/__hqk0jmhlcE/Szpih_NIBII/AAAAAAAAAHk/KJXJ6t2LM_A/s200/img01.gif





http://4.bp.blogspot.com/__hqk0jmhlcE/SzpihmU5JKI/AAAAAAAAAHc/uwwLQdNf_xA/s200/contemporary-300x300.jpg





http://1.bp.blogspot.com/__hqk0jmhlcE/SzpigwCxkyI/AAAAAAAAAHM/N5AyL-UUQMA/s200/bgx.jpg





http://1.bp.blogspot.com/__hqk0jmhlcE/Szpigo76TbI/AAAAAAAAAHE/k0f9rZ_or-I/s200/0003a-background.jpg





http://4.bp.blogspot.com/__hqk0jmhlcE/SzpiLxxsPUI/AAAAAAAAAG8/w8v9eEqSBQI/s200/img01.gif





http://4.bp.blogspot.com/__hqk0jmhlcE/SzpiLow9m5I/AAAAAAAAAG0/wDQZjF4WCwk/s200/cork.jpg





http://1.bp.blogspot.com/__hqk0jmhlcE/SzphZJl8JDI/AAAAAAAAAGk/Lasnd3ieOVc/s200/Vintage-Pattern_Black.png





http://2.bp.blogspot.com/__hqk0jmhlcE/SzphYxiyVnI/AAAAAAAAAGc/-ANvOOey_ck/s200/sexy-blogs.png





http://2.bp.blogspot.com/__hqk0jmhlcE/SzphYkHXTZI/AAAAAAAAAGU/whSZU688Qzo/s200/seamless-tiled-floral-pattern-vector-background.gif





http://4.bp.blogspot.com/__hqk0jmhlcE/SzphYEkrpKI/AAAAAAAAAGM/AdrTxfwIf3s/s200/img01%282%29.gif





http://4.bp.blogspot.com/__hqk0jmhlcE/SzphX-ToZ8I/AAAAAAAAAGE/nmdaWsUCUBg/s200/cork.jpg





http://3.bp.blogspot.com/__hqk0jmhlcE/Szpg7dlp5MI/AAAAAAAAAF8/nrQ0l7dttJU/s320/bgshowcase.jpg





http://2.bp.blogspot.com/__hqk0jmhlcE/Szpg7FtZwPI/AAAAAAAAAF0/o8NrmMQYVIg/s320/bgr_main.png





http://2.bp.blogspot.com/__hqk0jmhlcE/Szpg6lrT7-I/AAAAAAAAAFs/j8nb4nG0SKo/s320/16-10_dark_sleek_blog_07.jpg





http://1.bp.blogspot.com/__hqk0jmhlcE/Szpg6f6PD2I/AAAAAAAAAFk/JUgv7ItrK1E/s320/bg.gif





http://2.bp.blogspot.com/__hqk0jmhlcE/Szpg54WqvQI/AAAAAAAAAFc/5MKtxtzKOEM/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.

29 December 2009

Sites terbaik untuk download template blog percuma

Cara buat blog di blogspot

Sites terbaik untuk download template blog

Jika anda ingin mendapatkan template-template blog yang menarik dan tidak tahu dimana untuk mendapatkannya, di bawah ini tersenarai 12 sites yang menyediakan template blog secara percuma. Anda boleh memilih template mana yang di rasakan menarik dan sesuai mengikut citarasa anda sendiri.

http://www.bietemplates.com

http://www.finalsense.com

http://btemplates.com

http://www.dantearaujo.net/search/label/Free%20Template

http://www.ourblogtemplates.com

http://www.mytemplatebox.com

http://www.forfreebloggertemplates.com

http://www.bloggertemplatesfree.com

http://www.eblogtemplates.com/templates/blogger-templates

http://www.deluxetemplates.net

http://www.bloggerblogtemplates.com

http://www.chethstudios.net/2009/01/roundup-of-best-blogger-templates.html

28 December 2009

Memasang Recent posts slider pada blog

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">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
margin-bottom:-20px;
padding:0px 0px -20px 0px;
height:350px;
}
#spylist ul{
width:280px;
overflow:hidden;
float:center;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:262px;
padding: 2px 2px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#FFFFFF;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#A32929;
font-size:12px;
height:0px;
overflow:hidden;
margin: 0px 0px;
padding:0px 0px 0px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:0px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:0px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:0px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</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.

Cara ban IP address visitor

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.

<script type="text/javascript" src="http://code.vietwebguide.com/php/addr.php"></script>
<script type="text/javascript">
//&lt;!CDATA[
// Banned ip script 2.0
//(C)2009 Anhvo
//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&lt;banned_ip.length;i++) {
eval('var re = /^' + banned_ip[i] + '/ ;');
  if (re.test(mc_user_ip))
  {
    document.write('&lt;style type="text/css"&gt;');
    document.write('BODY{display:none;}');
    document.write('&lt;\/style&gt;');
 alert(mes_bi);
   break;
 }
}
//]]&gt;
</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.

27 December 2009

Adakah blog kita mesra Google search engine (SEO)?

Terdapat cara yang paling mudah untuk tentukan adakah blog kita mesra search engine terutamanya Google atau sekadar mesra alam.  Bemula dari URL blog,  tajuk blog,  tajuk entri atau artikel,  tulisan dalam entri atau artikel dan juga komen yang di beri oleh visitor atau reader. Semuanya boleh tersenarai dalam result search engine jika kita hanya sekadar mempunyai asas dalam skil SEO.

Untuk tentukan yang blog kita mesra Google search engine ataupun tidak, bolehlah cuba trik yang tersenarai di bawah.

1. Taipkan URL blog kita pada kotak  Google Search dan tekan butang Search.  Seterusnya lihat apakah result yang terpapar. Adakah URL blog kita mesra Google Search engine.

Contoh: maribinablog.blogspot.com

2. Taipkan tajuk blog kita pada kotak Google Search dan tekan butang Search. Seterusnya lihat apakah result yang terpapar. Adakah tajuk blog kita mesra Google Search engine

Contoh: bina blog | buat blog | tutorial blogspot | blog info

3. Taipkan mana-mana tajuk entri atau artikel yang ada pada blog kita pada kotak Google search. Seterusnya lihat apakah result yang terpapar. Adakah tajuk entri atau artikel blog kita mesra Google Search engine.

Contoh: Adakah blog kita mesra Google search engine (SEO)?

4. Taipkan mana-mana teks atau perkataan yang ada pada entri atau artikel blog kita. Bermula dari 6 patah perkataan dan kemudian dikurangkan kepada 5 patah perkataan hinggalah 3 patah perkataan. Adakah entri atau artikel blog kita mesra Google Search engine.

Contoh:  blog kita mesra Google search engine (6 patah perkataan)
              blog kita mesra Google search           (5 patah perkataan)
              blog kita mesra Google                     (4 patah perkataan)
              blog kita mesra                                 (3 patah perkataan)

5. Taipkan mana-mana teks atau perkataan pada komen yang di beri oleh visitor atau reader blog kita. Bermula dari 6 patah perkataan dan kemudian dikurangkan kepada 5 patah perkataan hinggalah 3 patah perkataan.

Komen dari entri Memasang Iklan Nuffnang pada setiap post.

Contoh:   suke2. sblm ni malas nak wat (6 patah perkataan)
               suke2. sblm ni malas nak       (5 patah perkataan)
               suke2. sblm ni malas             (4 patah perkataan)
               suke2. sblm ni                       (3 patah perkataan)

p/s: Untuk komen, biasanya spider google memang lambat nak crawl. Kalau nak cuba, sila guna komen yang ada pada post yang lama atau post pertama kita. Pastikan kita dah ubah dari nofollow kepada dofollow pada setting bahagian komen. Default setting untuk blog yang berdomain blogspot adalah nofollow.

Secara kesimpulannya, jika blog kita tersenarai pada senarai top 10 pada kebanyakkan  hasil dari search tadi, terutamanya untuk pages from Malaysia, maka blog kita sememangnya blog yang mesra Google search engine untuk peringkat Malaysia.
 

bina blog | buat blog | tutorial blogspot | panduan blogspot | blog info | Copyright © 2009 Community is Designed by Bie