• Natlie Imbruglia

    Doesn`t she look very cool?

  • Thousands of Years

    Earth has lived thousands of years...

  • Fruits

    Fruits are vital for health and their nutrients...

  • The Lonely Road

    The Lonely Road reminds Me with You...

  • Twister

    Here are some twisting graphics for you...

Friday, February 26, 2010

Cara buat blog versi youtube video



1. Klik tanda anak panah yang bertuliskan " CREATE A BLOG "

2. Daftar akaun blogger dengan alamat gmail atau email anda.

3. Taipkan Blog Title dengan nama yang ingin anda gunakan. Sebagai contoh, Ini blog saya.

4.Taipkan alamat blog anda di ruangan Blog Adress (URL). Sebagai contoh, Iniblogsaya2010.blogspot.com.

5. Isi dibahagian Word Verification dengan teks yang dipaparkan pada captcha.

6. Seterusnya klik Continue.

7. Pilihlah template yang anda inginkan. Kemudian klik button anak panah yang bertuliskan Continue.

8. Setelah keluar tulisan Start Blogging, klik button tersebut. Anda kini sudah boleh mula menulis. Setelah selesai menulis, klik Publish Post.

Cara pasang tab menu pada blogspot


Untuk memasang tab menu seperti yang boleh anda lihat pada blog ini (sila klik), sila ikut beberapa langkah di bawah.

p/s: Sila save script template anda.

Langkah 1

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

Langkah 2

Dengan menggunakan keyboard, taip atau paste kod ]]></b:skin> pada ruang Find dan seterusnya tekan Enter.


Langkah 3

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

#tabmenu{
width: 210px;
margin: 0 auto;
}
.box{
background: #fff;
width: 196px;
padding: 0 5px 0 5px;
}
.boxholder{
clear: both;
padding: 2px;
background: #ccc;
}
.tab{
float: left;
height: 28px;
width: 68px;
margin: 0 0px 0 1px;
text-align: center;
background: url(http://2.bp.blogspot.com/_LZtXSNcp76A/S4fMmwmJs1I/AAAAAAAABAk/roZO67VJRF0/s320/btn_3.png) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 8px 0px 0 5px;
}

Langkah 4

Sekali lagi, dengan menggunakan keyboard taip kod </head> dan seterusnya, tekan Enter.


Langkah 5

Salin kod berwarna merah di bawah dan paste di atas atau sebelum kod </head>

<script type="text/javascript" src="http://sites.google.com/site/defaultjssite/prototype.lite.js"></script>
<script type="text/javascript" src="http://sites.google.com/site/defaultjssite/moo.fx.js"></script>
<script type="text/javascript" src="http://sites.google.com/site/defaultjssite/moo.fx.pack.js"></script>
<script type="text/javascript">
function init(){
    var stretchers = document.getElementsByClassName('box');
    var toggles = document.getElementsByClassName('tab');
    var myAccordion = new fx.Accordion(
        toggles, stretchers, {opacity: false, height: true, duration: 600}
    );
    //hash functions
    var found = false;
    toggles.each(function(h3, i){
        var div = Element.find(h3, 'nextSibling');
            if (window.location.href.indexOf(h3.title) > 0) {
                myAccordion.showThisHideOpen(div);
                found = true;
            }
        });
        if (!found) myAccordion.showThisHideOpen(stretchers[0]);
}
</script>

Langkah 6

Salin kod hijau di bawah dan paste pada notepad. Edit teks yang di bold dengan memasukkan teks, link ataupun script yang sesuai.

<b:widget id='HTML100' locked='false' title='Tab menu' type='HTML'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div id='tabmenu'>
    <div id='content'>
    <h3 class='tab' title='first'><div class='tabtxt'><a href='#'>Title 1</a></div></h3>
    <div class='tab'><h3 class='tabtxt' title='second'><a href='#'>Title 2</a></h3></div>
    <div class='tab'><h3 class='tabtxt' title='third'><a href='#'>Title 3</a></h3></div>

    <div class='boxholder'>

        <div class='box'>
            Masukkan teks,link atau script disini
        </div>
        <div class='box'>
            Masukkan teks, link atau script disini
        </div>
        <div class='box'>
            Masukkan teks,link atau script disini
        </div>
        
    </div>
</div>

</div>
<script type='text/javascript'>
    Element.cleanWhitespace('content');
    init();
</script>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Langkah 7

Sekali lagi dengan menggunakan keyboard, taip atau paste kod <b:section class='sidebar' id='sidebar' preferred='yes'> 

Langkah 8

Salink kod yang telah siap di edit pada langkah 6 tadi dan paste kod tersebut di bawah atau selepas kod <b:section class='sidebar' id='sidebar' preferred='yes'>

Akhir sekali, klik Preview dan jika tiada mesej Error terpapar dan anda berpuas hati dengan hasilnya, klik saja Save.

Thursday, February 25, 2010

Cara pasang menu bar dengan drop down versi pink


Untuk memasang menu bar dengan drop down versi pink seperti yang boleh anda lihat di sini (sila klik), hanya ikut beberapa langkah yang di tunjukkan di bawah.

p/s: Sila save script template anda.

Langkah 1

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

Langkah 2

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

Langkah 3

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

#pinkmenubar{
/*float: left;*/
/*width: 100%;*/
margin: 0 0 10px 0 ;
padding: 2px 2px 2px 20px;
height: 28px;

background-color: #FEE4F6;

background-image: url("http://2.bp.blogspot.com/__hqk0jmhlcE/S4Z_msXTuQI/AAAAAAAAAPQ/2o31mNyjXfc/s400/navbg.png");
background-repeat: repeat-x;
background-position: bottom;
border-color: #E3099E;
border-width: 1px 0 1px 0;
border-style: solid;
text-transform: lowercase;
line-height: 100%;
width: auto;

}

#pinkmenubar > li{
float: left;
width: 130px;
height: 28px;
margin: 0;
padding: 0;
list-style: none;
position: relative;
}

#pinkmenubar > li > a{
display: block;
width: 99px;
height: 15px;
padding: 5px 24px 8px 7px;

background-image: url("http://2.bp.blogspot.com/__hqk0jmhlcE/S4Z_f3TCOBI/AAAAAAAAAPI/7QZOhnEEzHk/s400/buttonbg.png");
font-size: 13px;
color: #FA69CC;
text-decoration: none;
font-family: Trebuchet MS;

}
#pinkmenubar > li:hover > a{
background-image: url("http://1.bp.blogspot.com/__hqk0jmhlcE/S4Z_X9Z56rI/AAAAAAAAAPA/KFjeJWS6wFY/s400/buttonbghover.png");
color: #E3099E;

}

ul#pinkmenubar > li > ul{

/*

position: absolute;
right: 5px;
top: 4px;


*/

float: right;
width: 17px;
height: 20px;


margin-top: -24px;
margin-right: 5px;



padding: 0;

background-image: url("http://2.bp.blogspot.com/__hqk0jmhlcE/S4Z_QazUwjI/AAAAAAAAAO4/7HhGrCGLQ8Q/s400/dropdown.png");
z-index: 50;

overflow: hidden;

}
ul#pinkmenubar > li > ul:hover{

background-image: url("http://2.bp.blogspot.com/__hqk0jmhlcE/S4Z_Eau8sgI/AAAAAAAAAOw/_sLGYPg2Q1M/s400/dropdownhover.png");
overflow: visible;

}


ul#pinkmenubar li ul li{
position: absolute;
margin-left: -9000px;
}
ul#pinkmenubar > li > ul:hover > li{
display: block;
width: 117px;
margin: 0 0 0 -99px;
padding: 0;
position: relative;
z-index: 500;

}

ul#pinkmenubar > li > ul:hover > li:first-child{
margin-top: 18px;
padding-top:3px;

background-image: url("http://1.bp.blogspot.com/__hqk0jmhlcE/S4Z-8SczJuI/AAAAAAAAAOo/2zW3xY391VI/s400/topsubmenu.png");
background-repeat: no-repeat;
background-position: 100% 0;

}
ul#pinkmenubar > li > ul:hover > li:last-child{

padding-bottom:3px;

background-image: url("http://4.bp.blogspot.com/__hqk0jmhlcE/S4Z-zGaPfMI/AAAAAAAAAOg/BC8bKMBHLro/s400/bottomsubmenu.png");
background-repeat: no-repeat;
background-position: 0 100%;

}
ul#pinkmenubar > li > ul:hover > li:last-child:hover{
background-image: url("http://4.bp.blogspot.com/__hqk0jmhlcE/S4Z-o3FM7HI/AAAAAAAAAOY/KR8z_IasEmE/s400/bottomsubmenuhover.png");
}

ul#pinkmenubar > li > ul:hover > li > a{
display: block;
background-color: #FFF5FC;
border-color: #E3099E;
border-width: 0 1px 0 1px;
border-style: solid;
padding: 1px 4px 1px 4px;
margin: 0;
font-family: Trebuchet MS;;
text-decoration: none;
font-size: 12px;
background-image: url("http://2.bp.blogspot.com/__hqk0jmhlcE/S4Z-ggeP4xI/AAAAAAAAAOQ/ur2QXFWB_FM/s400/submenubutton.png");
color: #E3099E;
}
ul#pinkmenubar > li > ul:hover > li > a:hover,
ul#pinkmenubar > li > ul:hover > li:hover > a{
background-image: url("http://2.bp.blogspot.com/__hqk0jmhlcE/S4Z-XHp5mHI/AAAAAAAAAOI/uSpy1EhHZ_s/s400/submenubuttonhover.png");
}

code.pre {
white-space: pre;
background-color: #f8f8f8;
display: block;
line-height: 140%;
}

Langkah 4

Salin kod berwarna merah di bawah dan paste pada notepad. Edit kod yang di bold dengan menggantikan URL dan title anda.

<ul id='pinkmenubar'>
<li ><a href='masukkan URL di sini'>HOME</a></li>

<li ><a href='masukkan URL di sini'>about</a>
<ul>
<li><a href='masukkan URL di sini'>Squirrel?</a></li>
<li><a href='masukkan URL di sini'>Seamus</a></li>
<li><a href='masukkan URL di sini'>Portfolio</a></li>
<li><a href='masukkan URL di sini'>Contact</a></li>
</ul>
</li>

<li ><a href='masukkan URL di sini'>play ground</a>
<ul>
<li><a href='masukkan URL di sini'>css play</a></li>
<li><a href='masukkan URL di sini'>xsl&lt;/a></li>
<li><a href='masukkan URL di sini'>backgrounds</a></li>
<li><a href='masukkan URL di sini'>flash</a></li>
</ul>

</li>
<li ><a href='masukkan URL di sini'>rants</a></li>

</ul>

Langkah 5

Sekali lagi, dengan menggunakan keyboard, taip atau paste kod <div id='content-wrapper'>

Langkah 6

Salin kod yang telah siap di edit pada langkah 4 tadi dan paste kod tersebut di bawah atau selepas kod <div id='content-wrapper'>

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


p/s:

Jika kod <div id='content-wrapper'> tiada pada script template anda, gantikan dengan <div id='header-wrapper'> . Seterusnya cari penutup kod <div id='header-wrapper'> iaitu </div>

Contoh:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='my test page (Header)' type='Header'/>
</b:section>
</div>
-----> Penutup

Paste kod yang telah siap di edit pada langkah 4 tadi dan paste di bawah atau selepas </div>

Wednesday, February 24, 2010

Cara pasang menu bar versi 2


Untuk memasang menu bar dibawah header, seperti yang boleh anda lihat pada blog ini ataupun di template classic(sila klik), sila ikut beberapa langkah yang di tunjukkan di bawah.

p/s: Sila save script template anda.

Langkah 1

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

Langkah 2

Dengan menggunakan keyboard, taip atau paste kod ]]></b:skin> pada ruang Find. Seterusnya tekan Enter.

Langkah 3

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

p/s: Anda boleh edit kod warna yang di bold mengikut keseuaian blog anda jika perlu.

.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 5px solid #000;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 40px;
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0;
padding: 5px 10px 9px 10px;
background-color: white;

-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #000;
padding-top: 9px;
padding-bottom: 5px;
color: white;
}

.invertedshiftdown .current a{
background-color: #D10000;
padding-top: 9px;
padding-bottom: 5px;
color: white;
}

Langkah 4

Salin kod merah di bawah dan edit pada notepad. Gantikan kod merah yang di bold dengan URL dan teks pilihan anda.

<div class='invertedshiftdown'>
<ul>
<li><a href='masukkan URL di sini'>Link 1</a></li>
<li class='current'><a href='masukkan URL di sini'>Link 2</a></li>
<li><a href='masukkan URL di sini'>Link 3</a></li>
<li><a href='masukkan URL di sini'>Link 4</a></li>
<li><a href='masukkan URL di sini'>Link 5</a></li>
<li><a href='masukkan URL di sini'>Link 6</a></li>
</ul>
</div>
<br style='clear: both;'/>

Langkah 5

Dengan menggunakan keyboard, taip atau paste kod <div id='content-wrapper'> pada ruang Find dan seterusnya tekan Enter.

Langkah 6 

Salin kod berwarna merah yang telah di edit (rujuk langkah 4) dan paste kod tersebut di bawah atau selepas kod <div id='content-wrapper'> (rujuk langkah 5)


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

Sunday, February 21, 2010

Cara pasang menu bar pada blog


Untuk memasang menu bar dibawah header, seperti yang boleh anda lihat pada blog ini (sila klik), sila ikut beberapa langkah yang di tunjukkan di bawah.

p/s: Sila save script template anda.

Langkah 1

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

Langkah 2

Dengan menggunakan keyboard, taip atau paste kod ]]></b:skin> pada ruang Find. Seterusnya tekan Enter.

Langkah 3

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

p/s: Anda boleh edit kod biru yang di bold mengikut keseuaian blog anda jika perlu.

/* menu bar */
#menubar{
margin: 0;
padding: 0;
float:left;
border:1px solid #e5e5e5;
width:100%;
background:#e5e5e5;
}

#menubar li{
margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial;
}

#menubar li a{
display: block;
margin: 0;
padding: 4px 10px;
background: #666;
color: #fff;
text-align: center;
text-decoration: none;
border:2px solid #ffffff;
border-right:3px solid #ccc;
}

#menubar li a:hover{
background: #000;
}

#menubar div{
position: absolute;
visibility: hidden;
}

Langkah 4

Salin kod merah di bawah dan edit pada notepad. Gantikan kod merah yang di bold dengan URL dan teks pilihan anda.

<ul id='menubar'>
<li><a href='#'>HOME</a></li>
<li><a href='masukkan URL profile di sini'>PROFILE SAYA</a></li>
<li><a href='mailto:masukkan e mail di sini'>E MAIL SAYA</a></li>
<li><a href='masukkan link 1'>LINK 1</a></li>
<li><a href='masukkan link 2'>LINK 2</a></li>
</ul>

Langkah 5

Dengan menggunakan keyboard, taip atau paste kod <div id='content-wrapper'> pada ruang Find dan seterusnya tekan Enter.

Langkah 6 

Salin kod berwarna merah yang telah di edit (rujuk langkah 4) dan paste kod tersebut di bawah atau selepas kod <div id='content-wrapper'> (rujuk langkah 5)


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


Friday, February 19, 2010

cara pasang animated label cloud di blogspot


Untuk memasang label cloud animasi pada sidebar seperti yang boleh anda lihat pada gambar yang di tunjukkan di atas, anda hanya perlu ikut beberapa langkah yang di tunjukkan di bawah.

p/s: Save script template anda terlebih dahulu.

Langkah 1

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

Langkah 2

Dengan menggunakan keyboard, taip atau paste kod <b:section class='sidebar' id='sidebar' preferred='yes'> pada ruang Find. Seterusnya, tekan kekunci Enter.

Langkah 3

Salin kod berwarna biru di bawah dan paste selepas atau di bawah kod <b:section class='sidebar' id='sidebar' preferred='yes'> (rujuk langkah 2)

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<center>
&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
</center>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

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

Tuesday, February 16, 2010

Penglipurlara politik cakap tak serupa bikin.


Gua semacam terperasan, makin banyak blog yang menunjukkan minat tulis pasal politik. Orang nak berpolitik, dia pun nak juga. Ini sebenarnya menggambarkan kebebasan menulis yang sepatutnya di manfaatkan dengan sebaik-baiknya. Tapi tetap juga ada nada-nada sumbang yang berbunyi "tak ada kebebasan".

Ada yang tulis, condongnya ke kanan, ada yang ke kiri dan ada yang tengah-tengah. Tapi yang jenis tengah-tengah memang payah nak jumpa.

Malangnya, yang menyebabkan nama blogger khasnya blogger politik jadi tak sihat, berpunca dari segelintir blogger yang boleh di ragukan kredebilitinya dalam menulis sesuatu isu. Sumber yang datangnya dari cerita kedai kopi, copy paste, khabar angin dan ada kalanya datang dari angin kentut yang di tambah lebih kurang menjadi secukup rasa. Dasar penglipurlara politik murahan.

Entri yang di sampaikan kepada readers hanyalah sekadar teori domino dan andaian yang di tulis main ikut sedap macam tulis karangan. Imaginasi tahap tinggi. Tapi perangai tak matang. Tu yang kadang-kadang, siap keluar maki hamun dan sumpah seranah tak kira siapa. Janji puas. Berjuang katakan.

Tak pasti pula gua kalau ada blogger yang dapat lesen maki hamun. Salahkan itu, salahkan ini. Itu tak betul, ini tak betul. Kalau boleh dia dengan dia punya perjuangan saja yang betul. Yang bagi komen pun ada yang jenis lebih kurang. Anonymous tu biasa-biasa saja. Bila ada yang tak sekepala, mesti kena label itulah, inilah, hukum itu, hukum ini. Entah apa-apa. Provokasi macam budak-budak belum cukup umur yang hanya menyusahkan dan merosakkan.

Mesej apa sebenarnya yang hendak di sampaikan kepada readers. Berjuang jenis tunggul apakah ini?

Semakin boleh di pertikaikan kredibiliti penulis yang berselindung di sebalik nama samaran yang ala-ala macam hero hindustan tapi bila tengok avatar, gambar pokok kelapa terpapar. Privacy katanya. Tapi, tulis dalam blog bukan main. Pung pang pung pang. Cakap tak serupa bikin.

Tak kiralah karat ke sebelah mana sekali pun terhadap politik, yang penting sekali adalah sumber dan fakta yang ingin di sampaikan. Pastikan kesahihannya. Lepas tu kalau tak puas hati pun janganlah lebih-lebih sangat. Nak kutuk nak maki, apa hal. Pandai pulak marah bila ada yang balas. Oh..gua terlupa. Berjuang katakan. Nak tulis bab politik tu biar berpada-pada. Ambil pendekatan bersederhana saja pun dah cukup. Politik tetap politik.

p/s:
~ Jangan memalitkan tahi pada perjuangan yang anda katakan benar itu. Kalau muka sendiri, tak mengapa.

~ Lebih baik berdiri atas pagar. Baru rasa tinggi sikit. Pandangan pun makin luas.

Monday, February 15, 2010

Cara mudah tukar icon Favicon blog


Terdapat satu trik yang paling mudah sekali jika anda ingin menukar icon favicon blog yang terpapar pada navigation toolbar dan juga tab. Contoh icon favicon yang telah di tukar tersebut boleh anda lihat pada gambar yang di tunjukkan di atas.

Untuk menukar ikon tersebut, sila ikut beberapa langkah yang di tunjukkan di bawah.

Langkah 1

Bina satu image yang bersaiz 50px x 50px. Anda juga boleh menggunakan gambar muka anda sendiri jika perlu.

Langkah 2

Upload image tersebut pada file hosting. Anda juga boleh upload image tersebut pada post dan klik Saved. Seterusnya, salin URL image tersebut.

Bagi anda yang upload image tersebut pada post, URL yang di highlightkan pada contoh gambar di bawah adalah URL bagi image yang di upload itu.


Langkah 3

Paste URL image( rujuk langkah 2) dan paste pada teks Masukkan URL image di sini pada kod berwarna biru di bawah.

<link href='Masukkan URL image di sini' rel='shortcut icon'/>

Contoh kod yang telah di edit:

<link href='http://3.bp.blogspot.com/_LZtXSNcp76A/S3j7-N2gKMI/AAAAAAAAA7U/-jpaq7_j2No/s320/favicon.jpg' rel='shortcut icon'/>


Langkah 4

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

Langkah 5

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

Langkah 6 

Salin kod yang telah siap di edit tadi( rujuk langkah 3) dan paste kod tersebut di bawah atau selepas kod ]]></b:skin>

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

Wednesday, February 10, 2010

Free template blog untuk butik online

Di sini tersenarai beberapa jenis template yang mungkin sesuai untuk di jadikan sebagai theme bagi pemilik butik online yang inginkan kelainan. Template-template yang berkonsep photo ini di rasakan amat bersesuaian dan terbaik dari segi kekemasan.

Kebiasaannya, butik online banyak memaparkan gambar sebagai rujukan kepada pengunjung. Dengan menggunakan template yang berkonsep photo ini, banyak gambar dan image yang dapat di paparkan pada muka depan. Ini sebenarnya dapat memudahkan pengunjung yang masuk ke butik online tersebut untuk explore setiap gambar yang berkaitan sebagai rujukan.

Jika anda ingin mencuba template-template yang tersenarai di bawah, anda boleh download di site btemplates.com






Tuesday, February 9, 2010

Memasang signature/tandatangan di bawah post


Mungkin ada di antara anda pernah melihat blog rakan anda yang memaparkan signature ataupun tandatangan di ruangan bawah setiap posting. Jika anda berasa tertarik untuk meletakkan signature yang seperti itu, mylivesignature.com mungkin dapat membantu.  

Mylivesignature.com adalah satu site yang menyediakan perkidmatan membina signature secara percuma dan mudah. Tanpa perlu anda membuat pendaftaran.

Untuk mencubanya, sila klik di sini dan kemudian, ikut beberapa langkah yang di tunjukkan di bawah.

Langkah 1

Masukkan nickname yang akan di ubah kepada bentuk signature. seterusknya klik pada Next Step.

Langkah 2

Pilih jenis font yang bersesuaian. Setelah berpuas hati dengan jenis font yang di pilih, klik pada Next Step.

Langkah 3

Pilih saiz font yang bersesuaian. Setelah berpuas hati dengan saiz font yang di pilih, klik pada Next Step.

Langkah 4

Pilih warna signature dan juga warna background yang besesuaian dengan template blog anda. Sebaik-baiknya, warna background signature mestilah sama dengan warna background pada post. Setelah berpuas hati dengan warna font dan warna background yang di pilih, klik pada Next Step.

Langkah 5

Pilih paparan yang di rasakan sesuai pada bahagian Slope. Setelah berpuas hati dengan Slope yang di pilih, klik pada Next Step.

Langkah 6

Akhir sekali,dengan menggunakan mouse, klik kiri pada paparan signature yang telah siap itu. Seterusnya, salin URL bagi signature tersebut.

Contoh URL: http://www.mylivesignature.com/signatures/54488/74/541908D44D27E9E4659AA9FF42941015.png

Langkah 7

Paste URL signature (rujuk langkah 6) pada teks masukkan URL signature di sini pada kod berwarna biru di bawah.

<img src="masukkan signature disini" />

Contoh:
<img src="http://www.mylivesignature.com/signatures/54488/74/541908D44D27E9E4659AA9FF42941015.png" />

Langkah 8

Log in Blog => Dashboard => Layout => Edit HTML. seterusnya tick pada Expand Widget Templates.

Langkah 9

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

Langkah 10

Paste kod signature yang telah siap di edit (rujuk langkah 7) dan paste kod tersebut di bawah atau selepas kod </data:post.body>

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

Monday, February 8, 2010

Cara hilangkan line border gambar pada post

Untuk template yang tertentu terutamanya classic template, terdapat satu garisan border yang akan muncul setiap kali kita mengupload image atau gambar pada post. Contoh line border tersebut boleh anda lihat pada gambar di atas.

Untuk menghilangkan atau memadam garisan border tersebut, hanya perlu ikut beberapa langkah di bawah.

p/s: Sila save script template anda.

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 .post img { atau .post-body img { .

Langkah 3

Edit angka pada kod border seperti yang di tunjukkan di bawah.

Contoh:

.post img {
padding: 1px;
margin: 0px 10px 10px 0px;
border: 1px solid #000000;
}

Ubah angka 1 pada border kepada 0.

Contoh selepas di edit:

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 0px solid #000000;
}

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

Sunday, February 7, 2010

Cara besarkan saiz image pada posting



Apabila kita mengupload gambar atau image pada post, saiz asal gambar akan di ubah kepada default setting yang di tetapkan oleh blogger.com. Walaupun kadangkala saiz gambar yang kita upload itu besar, tetapi apabila di view pada post, saiznya bertukar menjadi kecil.

Terdapat satu trik yang mudah untuk mengekalkan saiz asal gambar atau image yang kita upload itu.

Apa yang perlu anda lakukan adalah dengan mengubah kod gambar atau image yang telah di upload itu.

Contoh:

<a href="http://4.bp.blogspot.com/_LZtXSNcp76A/S26RAc66dyI/AAAAAAAAA4c/lkQSVSKM55U/s1600-h/linkbox.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_LZtXSNcp76A/S26RAc66dyI/AAAAAAAAA4c/lkQSVSKM55U/s320/linkbox.jpg" /></a></div>


Ubah kod s320 yang di bold dengan menjadi s800 atau s1600

Contoh:

<a href="http://4.bp.blogspot.com/_LZtXSNcp76A/S26RAc66dyI/AAAAAAAAA4c/lkQSVSKM55U/s1600-h/linkbox.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_LZtXSNcp76A/S26RAc66dyI/AAAAAAAAA4c/lkQSVSKM55U/s1600/linkbox.jpg" /></a></div>

Friday, February 5, 2010

Cara pasang Auto hide link box

Widget auto hide link box seperti yang boleh anda lihat pada side bar ini(sila klik) adalah kotak link yang akan di view secara auto apabila kursor mouse di letakkan atas teks Links. Kotak tersebut memaparkan link-link mengikut kategori yang di masukkan secara manual.

Auto hide link box ini dapat menjimatkan ruang pada sidebar blog.

Untuk memasang widget link box ini, sila ikut beberapa langkah di bawah.

p/s: Sila Save script template terlebih dahulu.

Langkah 1

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

Langkah 2

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


Langkah 3

Salin kod berwarna biru di bawah dan paste, sebelum atau di atas kod </head>

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

<link rel="stylesheet" type="text/css" href="http://sites.google.com/site/defaultjssite/linkbox.css"/>

<script type="text/javascript" src="http://sites.google.com/site/defaultjssite/linkbox.js">

/*
*/

</script>

<script type="text/javascript">

//jkmegamenu.definemenu("anchorid", "menuid", "mouseover|click")
jkmegamenu.definemenu("megaanchor", "megamenu1", "mouseover")

</script>

Seterusnya klik Preview dan jika tiada mesej Error yang terpapar, klik Save.

Langkah 4

Salin dan paste kod merah di bawah pada notepad. Seterusnya, edit kod yang di bold dengan teks dan URL pilihan anda.

<a id="megaanchor">Links</a>
<div id="megamenu1" class="megamenu">

<div class="column">
<h3>Tajuk 1</h3>
<ul>
<li><a href="masukkan url di sini">Link 1</a></li>
<li><a href="masukkan url di sini">Link 2</a></li>
<li><a href="masukkan url di sini">Link 3</a></li>
<li><a href="masukkan url di sini">Link 4</a></li>
<li><a href="masukkan url di sini">Link 5</a></li>
</ul>
</div>

<div class="column">
<h3>Tajuk 2</h3>
<ul>
<li><a href="masukkan url di sini">Link 1</a></li>
<li><a href="masukkan url di sini">Link 2</a></li>
<li><a href="masukkan url di sini">Link 3</a></li>
<li><a href="masukkan url di sini">Link 4</a></li>
<li><a href="masukkan url di sini">Link 5</a></li>
</ul>
</div>

<div class="column">
<h3>Tajuk 3</h3>
<ul>
<li><a href="masukkan url di sini">Link 1</a></li>
<li><a href="masukkan url di sini">Link 2</a></li>
<li><a href="masukkan url di sini">Link 3</a></li>
<li><a href="masukkan url di sini">Link 4</a></li>
<li><a href="masukkan url di sini">Link 5</a></li>
</ul>
</div>

</div>

Langkah 5

Klik pada Dashboard => Layout. Seterusnya, klik pada Add A Gadget.

Langkah 6

Salin kod yang telah siap di edit (rujuk langkah 4) dan paste pada ruang Content Add A Gadget.

Akhir sekali, klik Save.

Tuesday, February 2, 2010

Ada apa dengan Innity. Bagus sangatkah?

Oleh kerana kekangan masa sejak akhir-akhir ini, aktiviti untuk mengupdate blog terpaksa di kurangkan ke tahap maksimum. Nak tengok blog sendiri pun dah tak serajin macam dulu-dulu.Nak update entri yang baru pun makan masa 4 hari. Harap-harap, adalah keyword yang sangkut pada entri tu.

Layout pun dah bertukar. Kalau sebelum ni berkonsep entah, tapi hari ini ia berkonsepkan hijau dan alam semulajadi. Biar nampak macam seorang pencinta flora dan fauna.

Sebenarnya, gua saja tukar theme blog ni biar sama lebih kurang warnanya dengan ads Innity dan mencuri sedikit-sedikit lebih kurang, konsep dari Gengblogger. Tu ada yang terkejut dengan kombinasi warna blog ni. Lepas ni gua nak letak mp3 lagu Hijau Zainal Abidin, sebagai halwa telinga siapa yang masuk sini. Sebagai bonus track, gua setkan secara autoplay.

Iklan Nuffnang pula, gua dah letak di bangku simpanan. Bagi rehat dulu. Penat sangat agaknya kena klik-klik. Status Glitterati dengan twinkle-twinkle little star, terpaksa gua pulang semula pada tuannya. Nanti, kalau Innity gagal menunjukkan prestasi yang cemerlang, gua apply semula status Glitterati.LOL

Best sangat ker dengan Innity?

Entah. Sebab lagi ramai blogger yang sayangkan Nuffnang dan Adverlets. Lebih-lebih lagi, blog yang tengah sibuk berkempen. Buffered Earning lah, Out meter lah, meter paip kena curi lah. LOL.

Memang betul. Kalau kita banyak dapat kempen dari Nuffnang, dah tak payah gatal tangan nak cuba Innity. Mungkin hasilnya nanti, mendukacitakan. Tu yang balik-balik tanya, "Kenapa earning gua RM 0.00. Siapa yang kelepet duit gua? Kenapa mesti sifar?". Tapi kalau sekadar nak cuba, apa salahnya.LOL

Pendapat gua pulak tentang Innity, gua cuma boleh tulis, "Saya mesti pilih!". Buat masa sekaranglah. Harap-harap, Innity tidak mengecewakan gua dan jauh sekali memaksa gua merujuk semula dengan Nuffnang. Sudikah Nuffnang menyinari semula blog gua dengan twinkle-twinkle little starnya yang selama ini buat gua gembira.

Kalau di baca salah dari satu syarat dari Innity, mereka tidak menerima blog yang root domainnya percuma. Tapi, bila gua saja-saja apply, di terima pula. Mungkin pihak Innity terharu dengan ayat yang gua tulis pada form. Sempat juga gua bubuh bedak kasi wangi-wangi pada form.

Syarat-syarat lain boleh di baca di Innity. Gua tak boleh nak ulas lebih lanjut lagi sebab nanti mesti ada yang terguris perasaan dengan syarat-syarat lain yang di kenakan Innity. Apa yang boleh gua cadangkan, cuba saja apply, mana tau sangkut. Cuba letak bedak sikit pada form. Kasi tengok amacam.

Innity.com

p/s: Pasal earning Innity pulak?

Jawapan ringkas: "Saya mesti pilih!". Sekian, terima kasih.

Saturday, January 30, 2010

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

Wednesday, January 27, 2010

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.

Tuesday, January 26, 2010

Namamu teratas Aduka Taruna. Semoga anda bahagia.

Selama lebih kurang seminggu gua tak dapat nak online, selama itu juglah bermacam perkara yang telah berlaku. Daripada hal blog Aduka Taruna yang hina Sultan Johor, blog Gutter Malaysia yang hina islam dan yang terkini, kecoh pula pasal video youtube. Hal visitor gua yang jatuh merudum hingga ke paras siling tak akan gua sentuh di sini.

Tak di nafikan, memang fitrah kejadian manusia yang mempunyai sifat yang berbeza. Ada yang baik, ada yang buruk. Sifat itu jugalah yang ada pada diri setiap blogger. Ada blogger yang baik dan ada yang tak berapa nak baik. Ada yang berani, ada yang buat-buat berani dan ada yang berani tak bertempat. Nak tunjuk hero katanya. Apa la sangat. Budak kecik pun berani tunjuk hero dalam blog.

Mungkin masih ada lagi yang beranggapan yang mereka mempunyai hak secara total terhadap apa yang ingin mereka luahkan pada blog mereka sendiri. Nak bergosip, nak cerita hal peribadi, nak kongsi cerita hal dalam kain dan tepi kain tak ada sesiapa pun berhak untuk melarang. Memang betul, sebagai seorang blogger, kita mempunyai hak dan kebebasan untuk menulis, tetapi ia tetap ada batasnya. Bukan main redah saja.

Biarlah apa yang kita tulis dan ingin kita sampaikan itu tidak di pengaruhi oleh emosi kita yang tidak berapa stabil. Janganlah apa yang kita luahkan itu menyinggung hati dan persaan mana-mana pihak.

Seminggu yang hangat

Setelah puas gua menghabiskan masa selama beberapa hari mendendangkan lagu Ku menaruh harapan, nyanian Zaiton Sameon sebelum nak masuk tidur, akhirnya hari ini, gua mendapat satu pekhabaran yang sedikit menggembirakan hati dan perasaan bila line intenet kembali stabil seperti sediakala. Tak pasti pulak kalau kejap lagi, masalah yang sama berulang.

Nak masuk seminggu juga gua terputus hubungan dengan blog ini kerana terlalu sibuk dengan kerja yang makin di buat, makin bertambah, di sulami dengan ketidakstabilan talian internet yang sekejap laju sikit, sekejap perlahan. Tapi bila disconnect, tak nak pulak sekejap. Makan 3 hari juga.

Gua dah cuba macam-macam kaedah dan cara nak lajukan speed internet yang di ajar di internet. Cukup membanggakan. Hasilnya, line terus disconnect selama 3 hari. Nasib baik, petang semalam dapat juga online walaupun sekejap waktu.

Bila dapat log in hari ini, muka gua ada senyum. Gua check e mail dan check pula comment. Bercinta pula gua nak reply e mail dan comment yang ada. Tak mengapa, gua jawab mana yang termampu yer.

Tuesday, January 19, 2010

Download free software di Filehippo.com


Download free software

FileHippo.com adalah salah satu site yang terbaik, di mana ia menyediakan freeware yang perlu ada pada setiap PC atau laptop. Setiap freeware boleh di download secara terus dari server yang disediakan. Satu kelebihan yang apa pada site ini, anda tidak perlu membuat sebarang pendaftaran untuk menggunakan perkhidmatan yang di sediakan. Hanya pilih freeware yang tersenarai dan klik untuk dowaload ke dalam hard drive komputer. Freeware yang di sediakan adalah yang terkini (update).

Kategori freeware terbahagi kepada Browsers & Plugins, Anti-Spyware, Firewalls & Security, Messaging & Chat dan sebagainya. Free software yang di download dari FileHippo adalah selamat dan tidak mengandungi virus.

Untuk melayari site tersebut, sila klik http://www.filehippo.com/

Sunday, January 17, 2010

Tahniah Geng blogger. Anda memang Cool


Rasanya seperti baru beberapa minggu gengblogger di tubuhkan, tetapi sambutan terhadap gengblogger pada hari ini amat menggalakkan dari blogger tempatan dan juga luar negara, terutamanya dari negara Russia( berpandukan data di Alexa.com). Hebat. Gengblogger ada peminat dari Russia. Tentunya ramai juga yang melayari gengblogger dari sana, terutamanya rakyat Malaysia yang menetap atau student yang turut tidak ketinggalan mengikuti perkembangan dunia blogger tanah air. Tahniah di ucapkan kepada Ben aka Kong, gua pun tak tau yang mana satu owner gengblogger.com. Apa pun anda memang cool bro! Terima kasih gua ucapkan memberi peluang mengeping di situ.

Semakin rancak aktiviti para blogger untuk mempromosikan blog mereka di samping menambah kenalan dan mengeratkan hubungan di gengblogger. Kalau sebelum ni, yang online tak sampai 50 orang, tapi hari ini, purata untuk satu-satu masa lebih kurang 200 orang. Beberapa penambahbaikan juga memberi satu impak yang sangat positif. Ia dapat memberi peluang yang rasanya, adil kepada semua blogger. Cuma masalah spammer saja yang kalau tidak di kawal, mungkin mendatangkan masalah di kemudian hari. Gua bergurau.

Macam-macam info dan tips yang boleh kita dapat dan kongsi di situ. Segala info dan tips tersebut datangnya dari blogger itu sendiri. Mereka berkongsi pendapat dan maklumat yang mungkin memberikan manfaat kepada pembaca.

Thursday, January 14, 2010

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 di sini "
quality="high"
type="application/x-shockwave-flash"
WMODE="transparent"
width="120"
height="190"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</embed>

Langkah 4

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

Tuesday, January 12, 2010

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.

Monday, January 11, 2010

Tingkatkan traffic dari search engine dengan costum title meta tag


Default setting yang di buat blogger.com pada title meta tag yang terdapat pada script template anda sebenarnya kurang mesra kepada google search engine. Ini kerana, title meta tag tersebut akan memaparkan nama blog terlebih dahulu dan kemudian di ikuti dengan tajuk entri atau artikel. Di bawah ini adalah contoh title meta tag yang terdapat pada blog anda.

<title><data:blog.pagetitle/></title>

Untuk menjadikan blog anda mesra dengan google search engine, title meta tag yang terbaik adalah titlemeta tag yang akan memaparkan tajuk entri atau artikel terlebih dahulu dan di ikuti dengan nama blog. Apa yang perlu anda lakukan adalah menggantikan default title tag kepada title meta tag yang lebih mesra dengan google search engine. Anda boleh lihat costum title meta tag tersebut di bawah.

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>


Untuk menggantikan default title tag kepada costum title meta tag, hanya perlu ikut beberapa langkah yang mudah di bawah.

Langkah 1


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

Langkah 2

Dengan menggunakan keyboard, tekan kekunci Ctrl + F. Seterusnya taip atau paste kod <title><data:blog.pagetitle/></title> pada ruang Find dan kemudian, tekan kekunci Enter.

Langkah 3

Salin kod berwarna merah di bawah dan paste (gantikan) pada kod <title><data:blog.pagetitle/></title>

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

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

Sunday, January 10, 2010

Adakah kita seorang blogger yang prihatin?



Kempen Blogger We Care.

Gua terpanggil untuk menulis sebuah entri khas tentang kempen Blogger We Care selepas membaca tentang perkara itu di blog Kak Jie.

Untuk makluman semua, kempen ini di jalankan atas keprihatinan sdr Hydir yang meminta sekalian blogger tidak kiralah apa bangsa kita, supaya kita semua turut prihatin dan bantu-membantu rakan blogger yang sedang dalam kesulitan.

Mungkin ada di antara kita yang selalu atau pernah singgah ke blog sdr Megat. Walaupun gua hanya mengenali beliau melalui blog dan hasil tulisannya, tetapi ianya sudah cukup untuk gua bayangkan peribadi sdr Megat. Gua juga banyak belajar cara menulis dan cara menggunakan keyword di situ. Secara ghaib.

Tanpa membuat ulasan yang panjang, anda boleh menyelami rintangan dan pengalaman sdr Megat yang sedang tabah menghadapi ujian yang di beri. Amat sukar untuk di luahkan di sini. Gua berdoa agar beliau cepat sembuh dan tabah menghadapi ujian yang di beri. Sama-sama kita doakan kesejahteraan beliau. Anda boleh menyelami isi hatinya di entri Tangisan aku, isteri dan anak-anak.

Marilah kita bersama-sama berganding bahu membantu rakan blogger kita dengan meletakkan Ribbon Blogger We Care di blog sebagai tanda keprihatinan kita tanpa sebarang sentimen. Di harapkan, dengan cara ini, kita sama-sama dapat membantu meringankan beban beliau. Anda juga boleh berkempen di blog masing-masing untuk di hebahkan kepada rakan-rakan yang lain.

Setiap blog yang meletakkan ribbon tersebut akan menyumbah RM1 kepada sdr Megat melalui penajaan dari kbsoccer.

Anda juga boleh menyalurkan bantuan terus ke:

No Akaun CIMB – 0123 0015 4575 21
No Akaun Maybank – 1010 7541 8124
Nama Penuh – Faisal Amirul Othman

UNITE AS ONE

Friday, January 8, 2010

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.

Thursday, January 7, 2010

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.

Wednesday, January 6, 2010

Jejaktrend.com - Trend apa yang nak di jejaknya?


Jika anda, kaki mencari blog yang menulis tentang tutorial blogspot atau tips mengenai blogspot yang berasal dari Malaysia, mungkin anda pernah melawat blogwww.jejaktrend.com. Nama yang cukup lagenda dan klasik dengan layout template berwarna merah.

Kenapa gua tiba-tiba minat nak buat ulasan tentang blog Eldy ni. Adakah gua sedang berkonspirasi dengan blog www.jejaktrend.com ?

Pada pendapat gua, Eldy seorang blogger yang bagus. Walaupun masih baru( gua juga baru) dan muda(budak Form 6), tapi hebat mengeksploitasi keadaan hingga mendapat rank yang dikira baik. Gua sangat kagum dengan beliau.

Selalu juga gua terjah ke blog Jejaktrend untuk lihat macam mana Eldy menggunakan keyword. Hasilnya, gua telah berjaya mendapatkan beberapa keyword yang paling mantap untuk niche blog yang gua tulis. Iaitu tutorial blogspot. Gua jadi bangga sekejap bila gua taip pada kotak google search perkataan Cara buat tepung ubi, tersenarai nama maribinablog.blogspot.com. Cara membina kereta juga telah menyenaraikan nama bolg gua untuk kategori pages from Malaysia. Lepas ni, mungkin gua akan bertukar arah daripada tutorial blogspot kepada cara dan tips memasak atau panduan buat kuih raya yang sedap atau teknik membina kapal terbang. Ingat, jika kita faham tentang kelebihan keyword, ia akan membantu memudahkan kerja mempromosi blog kita dan hakikatnya, ia sememangnya sangat mudah. Boleh buat rujukan tentang tips keyword di www.jejaktrend.com.

Tips dan teknik yang diberi oleh blog Jejaktrend ni gua rasakan terbaik dari seorang yang baru macam gua dan ingin berkongsi pengalaman kepada kita semua. Memang tak kedekut ilmu. Bermula dari seorang yang tak tahu apa tentang blog dan langsung tak faham XPDC, hingga boleh memberikan tips dan tutorial kepada blogger lain. Sesuai untuk di jadikan rujukan kepada blogger yang masih baru dan mencari tips-tips yang bagus dan berguna sebagai panduan.

Tuesday, January 5, 2010

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.