Tutorial Efek Love(Hati) Berguguran

Sekadar hiasan..:p

Langkah-langkah membuat efek love(hati) berguguran:

1. Sign blog anda

2. Klik Design.

3. Klik Add a Gadget.

4. Klik HTML / Javascript.

5. Copy kod dibawah ini, paste pada kotak HTML / Javascript.

<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=49 height=731 style='position:absolute; left:85%; top:6px; width:15; height:731px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=22 height=755 style='position:absolute; left:9%; top:170px; width:15; height:755px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=7 scrolldelay=49 height=759 style='position:absolute; left:80%; top:70px; width:15; height:759px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=47 height=729 style='position:absolute; left:34%; top:70px; width:15; height:729px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=7 scrolldelay=13 height=584 style='position:absolute; left:12%; top:128px; width:15; height:584px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=7 scrolldelay=7 height=789 style='position:absolute; left:48%; top:170px; width:15; height:789px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=19 height=777 style='position:absolute; left:23%; top:140px; width:15; height:777px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=9 height=719 style='position:absolute; left:40%; top:91px; width:15; height:719px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=17 height=592 style='position:absolute; left:52%; top:181px; width:15; height:592px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=7 scrolldelay=23 height=795 style='position:absolute; left:10%; top:1px; width:15; height:795px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=50 height=532 style='position:absolute; left:77%; top:1px; width:15; height:532px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=7 scrolldelay=27 height=772 style='position:absolute; left:8%; top:8px; width:15; height:772px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=43 height=750 style='position:absolute; left:33%; top:174px; width:15; height:749px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=44 height=556 style='position:absolute; left:92%; top:197px; width:15; height:555px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=7 scrolldelay=36 height=577 style='position:absolute; left:87%; top:185px; width:15; height:578px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=15 height=760 style='position:absolute; left:89%; top:47px; width:15; height:759px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.giff" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=7 scrolldelay=8 height=786 style='position:absolute; left:29%; top:0px; width:15; height:785px;'><img src="http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=31 height=720 style='position:absolute; left:29%; top:108px; width:15; height:719px;'><img src="http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=46 height=531 style='position:absolute; left:38%; top:45px; width:15; height:530px;'><img src="http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=39 height=573style='position:absolute; left:73%; top:129px; width:15; height:572px;'><img src="http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

6. Save.

Tutorial Tukar perkataan pada linkwithin

Memasang widget linkwithin blog merupakan suatu perkara yang baik kerana boleh meningkatkan page view kita.Kebiasaannya perkataan seperti pada widget ini adalah you might also like atau anda mungkin juga meminati.Jika ingin menukar kepada perkataan lain berikut adalah caranya:

 Letakkan kod berikut bersama kod linkwithin

<script>linkwithin_text='teks yang anda ingin tampilkan'</script>

Contoh :-

Tutorial Pasang Cursor Bintang Berguguran

Langkah-langkah memasang cursor bintang berguguran.

1. Sign blog anda

2. Klik Design.

3. Klik Add a Gadget.

4. Klik HTML / Javascript.

5. Copy kod dibawah ini, paste pada kotak HTML / Javascript.

Bintang warna hitam

<script src=" http://tips-mrul.googlecode.com/files/black_star.js " type="text/javascript"></script>

Bintang warna hijau

<script src=" http://tips-mrul.googlecode.com/files/green_star.js " type="text/javascript"></script>

Bintang warna merah

<script src=" http://tips-mrul.googlecode.com/files/red_star.js " type="text/javascript"></script>

Bintang warna puteh

<script src=" http://tips-mrul.googlecode.com/files/white_star.js " type="text/javascript"></script>

Bintang warna kuning

<script src="http://mrul-tutorial.googlecode.com/files/yellow_star.js"></script>

Bintang warna ungu

<script src="http://tips-mrul.googlecode.com/files/purple_star.js" type="text/javascript"></script>

Bintang warna pink

<script src="http://mrul-tutorial.googlecode.com/files/pink_star.js" type="text/javascript"></script>

Bintang warna oren

<script src="http://mrul-tutorial.googlecode.com/files/orange_star.js" type="text/javascript"></script>

6. Save

Mengenali DoFollow dan NoFollow Dengan google Chrome Extension(Pengguna Google Chrome)

Disini saya hendak shared extension goggle chrome untuk mengenali blog tersebut mempunyai fungsi DoFollow ataupun NoFollow. penerangan ini hanya tertumpu pada link sahaja.

Download Google Chrome extension di bawah :

1. Nofollow Spotter

2. Nofollow Simple

3. Nofollow Eyes

Lepas install extension, bila bukak apa-apa je website atau blog, links yang nofollow akan di highlightkan.Seperti dalam gambar di atas..

Tutorial Mengurangkan Ruang Kosong Dibawah Kotak Komen

Kebiasaannya pada  bahagian bawah kotak komen blogger meninggalkan ruangan kosong yang agak luas .Jika anda ingin merapatkan sedikit jaraknya ikutilah langkah dibawah ini:

Langkah-langkah mengurangkan ruang kosong dibawah kotak komen :-

1. Sign blog anda.

2. Klik Design.

3. Klik Edit HTML.

4.Klik tanda pada kotak “Expand widget template”.

5. Cari kod dibawah, tukarkan angka yang berwarna merah..

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>,m,ndsb

      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>

    <b:else/>

      <h4 id='comment-post-message'><data:postCommentMsg/></h4>

      <p><data:blogCommentMessage/></p>

      <data:blogTeamBlogMessage/>

      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>/div>

Angka yang saya warnakan diatas ialah 410.Untuk merapatkan anda boleh cuba ubah jarak  ke 250 atau ukuran lain yang disukai.

Cara Mengetahui Jumlah Pengunjung Blog

Bagi yang mempunyai blog atau website tentunya ingin mengetahui jumah pengunjung yang sedang online. Ada beberapa tools tambahan (widget) yang boleh kita gunakan.

Berikut adalah beberapa website yang menyediakan widget khusus untuk memaparkan jumlah “user online” dengan berbagai bentuk yang menarik .

1. whos.amung.us

Kelebihan bagi whos.amung.us adalah paparan pengunjung yang online secara real time dan juga dapat melihat apakah artikel yang sedang dilihat pengunjung serta negara asal web kita.Tidak memerlukan pendaftaran cuma salin kod yang disediakan pada blog atau web kita.

2. radarurl.com

RadarUrl lebih kurang sama dengan whos.among.us, setara dengan whos. among. us .Cubalah dengan mendaftar di radarurl.com kemudian copy dan paste code html yang ada di halaman depan tersebut.

Tutorial Efek Salji

Langkah-langkah membuat efek salji :-

1. Sign blog anda

2. Klik Design.

3. Klik Add a Gadget.

4. Klik HTML / Javascript.

5. Copy kod dibawah ini, paste pada kotak HTML / Javascript.

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

6. Save.

Tutorial Menambah Emoticons Di Cbox

Untuk para blogger yang menggunakan cbox anda boleh menambahkan emoticons cbox anda dengan emoticons yang lain dan tentunya akan membuat cbox anda menjadi lebih menarik lagi.Bagi anda yang ingin menambah emoticons di cbox ikuti langkah-langkah dibawah.

Langkah-langkah memasang emoticons di cbox :-

1. Sign cbox.

2. Klik options >> smilies

3. Delete terlebih dahulu emoticons yg hendak ditukar

4. Gantikan url icon sesuai dengan kod, untuk dapatkan url,klik kanan di image dan copy image url.

5. Selesai, save dan lihat hasilnya..Klik sini or ni untuk dapatkan emoticons

Cara Letak Gambar Di Sebelah Tajuk Entry

Langkah-langkah letak gambar di sebelah tajuk entry:

1. Sign blog anda.

2. Klik Design.

3. Klik Edit HTML.

4. Klik tanda pada kotak “Expand widget template”.

5. Cari kod ini <a expr:href='data:post.url'><data:post.title/></a>.

6. Copy kod dibawah ini, paste antara kod <a expr:href='data:post.url'> dan kod <data:post.title/></a>.

<img src="http://images-2.findicons.com/files/icons/650/chanel/32/chanel_pink_shoe.png"/>

Nota:

Ø  Tukarkan teks merah dengan url gambar yang anda kehendaki

Ø  Saiz gambar yang biasa digunakan adalah dalam lingkungan 20x20 hingga 30x30.

Cara Mencantikkan Kotak Komen

Langkah-langkah mencantikkan kotak komen:

1. Sign blog anda.

2. Klik Design.

3. Klik Edit HTML.

4. Klik tanda pada kotak “Expand widget template”.

5. Cari kod ini ]]></b:skin>.

6. Copy kod dibawah dan paste sebelum kod ]]></b:skin>.

#comments-block{

margin:0;

padding:0;

}

#comments-block .comment-author{

background:#ff6699 !important;

-moz-border-radius-topleft: 10px;

-moz-border-radius-topright: 10px;

padding:5px;

font-size:15px;

font-weight:bold;

border:1px solid #ff6699;

}

#comments-block .comment-body{

margin: 0;

font-size: 17px;

border-left: 1px solid #ff6699;

border-right: 1px solid #ff6699;

margin-top: -5px; /*position*/

padding: 5px;

}

#comments-block .comment-footer{

margin:0;

font-size: 13px;

font-weight: normal;

margin-bottom: 20px;

border-left: 1px solid #ff6699;

border-right: 1px solid #ff6699;

border-bottom: 1px solid #ff6699;

-moz-border-radius-bottomright: 10px;

-moz-border-radius-bottomleft: 10px;

margin-top: -12px; /*position*/

padding: 5px;

}

#comments-block .deleted-comment{

font-style:italic;

color:gray;

}

#comments-block .comment-author a{

color:#ffffff !important;

}

#comments-block .comment-footer a, .comment-body a{

color:#ff6699 !important;

}

7. Save.

8. Sebelum anda tengok hasil, Klik settings/posts and comments.

9. Tick popup window or apa2 je selain embedded.

10.Save settings, lihat hasilnya..:p

Nota :Teks warna merah adalah kod warna...untuk melihat kod warna, klik disini

Cara Pasang Floating Button

Langkah-langkah membuat floating button:

1. Sign blog anda

2. Klik Design.

3. Klik Add a Gadget.

4. Klik HTML / Javascript.

5. Copy kod dibawah ini, paste pada kotak HTML / Javascript.

<style type='text/css'>

a.linkopacity img {

filter:alpha(opacity=50);

-moz-opacity: 0.5;

opacity: 0.5;

-khtml-opacity: 0.5;}

a.linkopacity:hover img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

-khtml-opacity: 1.0; }

</style>

<div style='display:scroll; position:fixed; top:240px; right:-12px;'>

<a class='linkopacity' href='http://facebook.com' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://images-1.findicons.com/files/icons/858/icontexto_inside/48/icontexto_inside_facebook.png" /></a><br />

<a class='linkopacity' href='http://twitter.com ' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://images-2.findicons.com/files/icons/1585/page_peel/64/twitter.png" /></a><br />

<a class='linkopacity' href='http://myspace.com' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='myspace'><img border="0" src="http://images-1.findicons.com/files/icons/858/icontexto_inside/48/icontexto_inside_myspace.png" /></a><br /></div>

6.Save, Kalau rasa tak cukup 3 button, nak buat 10 button pn boleh..huhuhu, hanya tambah kod dibawah ni dan edit teks warna ungu..:p

<a class='linkopacity' href='http://myspace.com' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='myspace'><img border="0" src="http://images-1.findicons.com/files/icons/858/icontexto_inside/48/icontexto_inside_myspace.png" /></a><br /></div>

Nota : Teks warna biru ketinggian, teks warna putih kedudukan button di right or left, teks warna merah link akaun anda, dan last teks warna kuning url icon.

Dibawah ini da beberapa icon..:p

facebook

Twitter

Myspace

Kalau ase xske icon ni..leh cari kat sini dan sini..:p