tutorial blogspot: May 2010

Cara Membuat Scrollbar Pada Blog

Anda tentu pernah melihat sebuah blog yang penuh sesak sehingga memperlambatkan proses loading serta memakan ruang halaman blog atau website? Kali ini mrul ingin berkongsi sebuah tips khusus agar halaman blog kita tidak terlihat sesak oleh bnyak picture, menu, banner dan lainnya.

Secara sederhana scrollbar adalah sebuah kotak yang dapat digerakkan kekanan atau ke bawah sehingga kita dapat menumukan isi yang tersembunyi.Dengan ini dapat menjimatkan ruang pada blog kita.

Langkah- langkah membuat scrollbar :

1.Sign blog anda.

2.Klik Design.

3.Klik Add a Gadget.

4.Klik HTML / Javascript.

5.Copy kod dibawah ini dan paste ke dalam HTML / Javascript.

<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Kotak scrollbar adalah sebuah kotak yang boleh digerakkan kekanan atau kebawah sehingga boleh menjimatkan ruang pada blog</div>

Hasilnya :

Kotak scrollbar adalah sebuah kotak yang boleh digerakkan kekanan atau kebawah sehingga boleh menjimatkan ruang pada blog

Nota : Gantikan tulisan berwarna merah dengan perkataan yang ingin anda tampilkan.

Jika anda ingin menambah gambar kedalam kotak scrollbar maka gantiakn tulisan yang berwarna merah dangan alamat url gambar anda.

Hasilnya :

6.Klik Save.

Selamat Mencuba..

Cara Menambah Elemen Di Atas Dan Bawah Posting

Cara 'Menambah Elemen di Atas dan Bawah Posting'. Dan ternyata sangat mudah dan simple. Berikut langkah-langkahnya:

1.Sign blog anda.

2.Klik Design.

3.Klik Edit HTML.

4.Klik Expand Template Widget.

5.Cari kod dibawah ini.

<b:section class='main' id='main' showaddelement='no'>

6.Jika anda sudah menjumpainya, gantikan tulisan no kepada yes, sehingga kod diatas menjadi seperti ini.

<b:section class='main' id='main' showaddelement='yes'>

7.Save template.

Selamat Mencuba..

Cara Memasang Zodiak Dan Shio Di Blog

Assalamualaikum..Kali in mrul ingin berkongsi tips blog untuk membuat agar blog atau website anda lebih menarik dan dapat menarik lebih ramai pengunjung.Iaitu script pencari zodiac dan shio di blog anda.Ini dapat memberi manfaat kepada pengunjung blog anda yang belum mengetaui zodiac dan shionya.Langkah nya cukup mudah..Anda hanya klik install.

Klik dibawah ini.

//Astronomi China By WEB AGUNG
//Visit To web-agung.blogspot.com for script

function signs() {
var start = 1901, birthyear = document.zodiac.year.value, date=document.zodiac.date.value, month=document.zodiac.month.selectedIndex;

with (document.zodiac.sign){

if (month == 1 && date >=20 || month == 2 && date <=18) {value = "Aquarius";}
if (month == 1 && date > 31) {value = "Huh?";}
if (month == 2 && date >=19 || month == 3 && date <=20) {value = "Pisces";}
if (month == 2 && date > 29) {value = "Say what?";}
if (month == 3 && date >=21 || month == 4 && date <=19) {value = "Aries";}
if (month == 3 && date > 31) {value = "OK. Whatever.";}
if (month == 4 && date >=20 || month == 5 && date <=20) {value = "Taurus";}
if (month == 4 && date > 30) {value = "I'm soooo sorry!";}
if (month == 5 && date >=21 || month == 6 && date <=21) {value = "Gemini";}
if (month == 5 && date > 31) {value = "Umm ... no.";}
if (month == 6 && date >=22 || month == 7 && date <=22) {value = "Cancer";}
if (month == 6 && date > 30) {value = "Sorry.";}
if (month == 7 && date >=23 || month == 8 && date <=22) {value = "Leo";}
if (month == 7 && date > 31) {value = "Excuse me?";}
if (month == 8 && date >=23 || month == 9 && date <=22) {value = "Virgo";}
if (month == 8 && date > 31) {value = "Yeah. Right.";}
if (month == 9 && date >=23 || month == 10 && date <=22) {value = "Libra";}
if (month == 9 && date > 30) {value = "Try Again.";}
if (month == 10 && date >=23 || month == 11 && date <=21) {value = "Scorpio";}
if (month == 10 && date > 31) {value = "Forget it!";}
if (month == 11 && date >=22 || month == 12 && date <=21) {value = "Sagittarius";}
if (month == 11 && date > 30) {value = "Invalid Date";}
if (month == 12 && date >=22 || month == 1 && date <=19) {value = "Capricorn";}
if (month == 12 && date > 31) {value = "No way!";}
}
x = (start - birthyear) % 12
with (document.zodiac.csign){
if (x == 1 || x == -11) {value = "Tikus";}
if (x == 0) {value = "Ox";}
if (x == 11 || x == -1) {value = "Macan";}
if (x == 10 || x == -2) {value = "Kelinci";}
if (x == 9 || x == -3) {value = "Naga";}
if (x == 8 || x == -4) {value = "Ular";}
if (x == 7 || x == -5) {value = "Kuda";}
if (x == 6 || x == -6) {value = "Kambing";}
if (x == 5 || x == -7) {value = "Monyet";}
if (x == 4 || x == -8) {value = "Ayam";}
if (x == 3 || x == -9) {value = "Anjing";}
if (x == 2 || x == -10) {value = "Babi";}

}
}
</script>
<form name="zodiac">
<center>
<table bgcolor="#99d06c" border="2" bordercolor="##99d06c" rules="none" cellspacing="2" cellpadding="4">
<tr>
<td width="55"><b>Tahun</b></td>
<td width="155"><input type="text" size="10" name="year" onclick="value=""" /></td>
<tr>
<td><b>Bulan</b></td>
<td>
<select name="month">
<option value="x" />Pilih Bulan
<option value="1" />Januari
<option value="2" />February
<option value="3" />Maret
<option value="4" />April
<option value="5" />Mei
<option value="6" />Juni
<option value="7" />Juli
<option value="8" />Augustus
<option value="9" />September
<option value="10" />Oktober
<option value="11" />November
<option value="12" />Desember
</select></td>
</tr>
<tr>
<td><b>Tanggal</b></td>
<td><input type="text" name="date" size="3" onclick="value=""" /></td>
</tr>
<tr>
<td colspan="2" bgcolor="#99d06c"><div align="center">
<input type="button" value="Klik Untuk Melihat Hasilnya" onclick="signs()" />
</div></td>
</tr>
<tr>
<td><b>Zodiak: </b></td>
<td bgcolor="#99d06c"><div align="right">
<input type="text" name="sign" size="12" value="" align="right" /></div></td></tr>
<td></td></tr>
<tr>
<td><b>Shio:</b></td>
<td bgcolor="#99d06c"><div align="right">
<input type="text" name="csign" size="12" /></div></td>
</tr>
</table>
</center>
</form>

Selamat Mencuba...

Cara Memasang Top Comments Bergerak

Memasang Top Comments Bergerak :

1.Sign blog anda

2.Klik Add a Gadget.

3.Klik HTML / Javascript.

4.Copy kod dibawah ini dan paste di HTML / Javascript.

<div style="text-shadow:4px 4px 4px #adadad; font-size: 14px; COLOR: black;"><b>Top Comment :</b></div>

function pipeCallback(obj) {

document.write("<marquee>");

var i;

for (i = 0; i < obj.count ; i++)

{

var href = "'" + obj.value.items[i].link + "'";

var item = "" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> | ";

document.write(item);

}

document.write("</marquee>");

}

</script>

_id=a55cb97ebb368bb1b89b7f6bdeb35336&filter=MRUL E&url=http%3A%2F%2Fmrul-tips.blogspot.com&num=10" type="text/javascript"></script>

</div></center>

Nota :

-Gantikan kod warna background yang berwarna kuning mengikut kesesuaian template anda.

-Gantikan perkataan warna merah kepada nama yang selalu anda gunakan untuk komen.

-Gantikan perkataan warna biru dengan URL blog anda.

5.Save.

Selamat Mencuba…

Cara Membuat Facebook Page

Banyak cara dilakukan untuk menarik pengunjung ke blog anda, antaranya facebook dimana anggota yang aktif ckup ramai.Cara ini dapat berkongsi link, artikel, maklumat dan lain-lain dengan kawan anda.Facebook juga dapat membantu meningkatkan pertumbuhan blog anda dan meningkatkan popularity blog.

Facebook telah menyediakan berbagai aplikasi untuk anda mempromosikan blog.Facebook Fan Page merupakan sebahagian aplikasi yang disediakan oleh facebook.Dan disini mrul ingin berkongsi tips cara membuat facebook fan page untuk blog.

Langkah-langkah untuk membuat Facebook fan page :

1.Sign facebook anda.

2.Buka link ini.

3.Akan muncul halaman seperti ini.

4.Pilih Brand or Product.

5.Isi data dengan lengkap.

6.Klik Get Started.

7.Tunggu proses selesai.Akan muncul halaman seperti ini.

8.Copy URL page, lihat dalam gambar dibawah.

9.Buka link ini.

10.Akan muncul halaman seperti ini.

11.Paste kod tadi di Facebook Page URL.

12.Klik Get Code.

13.Copy kod di XFBML.

14.Sign blog.Paste kod di HTML / Javascript.

15.Save.

Selamat Mencuba...

Cara Membuat Kata Sambutan

Assalamualaikum..pernah anda berkunjung ke sesebuah blog yang ketika anda buka tiba-tiba ada pop up yang pada umumnya adalah ucapan welcome to my blog, welcome to my life dan lain-lain.Kali ini mrul ingin membuat kata sambutan di blog :

Langkah-langkah membuat kata sambutan :

1.Sign blog anda.

2.Klik Design.

3.Klik Edit HTML.

4.Cari kod </head>.

5.Copy kod dibawah ini dan paste diatas kod </head>.

<SCRIPT language='JavaScript'>alert("Selamat datang di Blog ini");</SCRIPT>

Nota : Gantikan kod berwarna merah mengikut cita rasa anda.

6.Save.

Selamat Mencuba...

Cara Membuat Menu Login Di Blog

Kali ini mrul ingin berkongsi tips blog.Tips yang ingin dikongsi kali ini adalah cara membuat menu login di blog.

Langkah-langkah membuat menu login di blog :

1.Sign blog anda.

2.Klik Design.

3.Klik Add a Gadget.

4.Klik HTML / Javascript.

5.Copy kod dibawah ini dan paste di HTML / Javascript.

Sign Blog<br /><br /><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden" /><input value="blogger" name="service" type="hidden" /><input value="8" name="nui" type="hidden" /><input value="8" name="naui" type="hidden" /><input value="2" name="fpui" type="hidden" /><input value="3" name="uilel" type="hidden" /><input value="true" name="skipvpage" type="hidden" /><input value="false" name="rm" type="hidden" /><input value="true" name="alwf" type="hidden" /><input value="http://www.blogger.com/login.g" name="roeu" type="hidden" /><input value="0" name="alinsu" type="hidden" /><input value="WbQ8QiJfUvA" name="GA3T" type="hidden" /><div><label for="Email"> Username: <br /><input id="Email" tabindex="1" value="" name="Email" size="20" type="text" /></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br /></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password" /></div><br /><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit" /></form><span style="amp;percnt;"><a href="http://mrul-tips.blogspot.com">mrul </a></span>

6.Save.

Klik dibawah ini untuk install.

Sign Blog <br /><br /><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden" /><input value="blogger" name="service" type="hidden" /><input value="8" name="nui" type="hidden" /><input value="8" name="naui" type="hidden" /><input value="2" name="fpui" type="hidden" /><input value="3" name="uilel" type="hidden" /><input value="true" name="skipvpage" type="hidden" /><input value="false" name="rm" type="hidden" /><input value="true" name="alwf" type="hidden" /><input value="http://www.blogger.com/login.g" name="roeu" type="hidden" /><input value="0" name="alinsu" type="hidden" /><input value="WbQ8QiJfUvA" name="GA3T" type="hidden" /><div><label for="Email"> Username: <br /><input id="Email" tabindex="1" value="" name="Email" size="20" type="text" /></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br /></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password" /></div><br /><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit" /></form><span style="amp;percnt;"><a href="http://mrul-tips.blogspot.com"mrul></a></span>

Selamat Mencuba...

Cara Membuat Scrollbar Pada Blog

Cara Menambah Elemen Di Atas Dan Bawah Posting

Cara Memasang Zodiak Dan Shio Di Blog

Cara Memasang Top Comments Bergerak

Cara Membuat Facebook Page

Cara Membuat Kata Sambutan

Cara Membuat Menu Login Di Blog

TinGaLkan Jejak

Like PAge iNi.. ;)

Followers

Blog Archive

Total Pageviews

Mai Klik Mai..