2 Membuat Marquee

Marquee merupakan teks yang bisa berjalan dari kiri ke kanan, atas ke bawah ataupun sebaliknya. Dengan adanya marquee dipastikan blog anda akan telihat lebih aktraktif dan kreatif. Adapun cara cara membuatnya adalah :

1. Masuklah ke halaman Dashboard > Tata Letak > Tambah widget.

2. Carilah HTML/Javascript, kemudian klik tanda plus (Add).

3. Berilah judul dan copy kode - kode dibawah ini untuk marquee yang anda inginkan :




Contoh Marque


a. Kode Kiri kanan : <marquee direction="right" width="40%" scrollamount="3" height="200" align="center">

Contoh Marque

</marquee>




Berjalan dari bawah ke atas




b. Kode Atas - Bawah : <marquee onmouseover="this.stop ( )" onmouseout="this.start( ) " scrollamount="2" direction="up"width="50%" height="100" align="center">

Berjalan dari bawah ke atas

</marquee>








Kelebihan Firefox


Kelebihan Opera 10











c. Kode Marquee berLink : <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://alamat blog anda " target="new">Kelebihan Firefox </a><br/>

<a href=" http://alamat blog anda " target="new">Kelebihan Opera 10</a><br/>

</marquee>

Read more

3 Mebuat Menu Horizontal

Membuat menu horizontal seperti milik saya yang bertengger tulisan " Award 10 plus backlink " dan belum saya tambahkan menunya, lantaran saya juga bingung mau menambahkan link apa selanjunya ,..
Tapi sedikit punya usul,bagaimana apabila anda meluangkan waktu unutk membuat posting award ke-11 plus backlink di blog anda. knp 11 ?

karna award yang ke -10 nya adalah saya ,,he2,,

Walah,,..sepertinya obrolan kita sudah keluar jalur nie !!! kalau begitu mari saya ajak anda ke topik pembicara kita mengenai cara membuat menu horizontal. Yuk mari ikuti langkah dibawah ini...silahkan,,,monggo mas

1. Masuklah kehalaman Dashboard > Tata Letak > Edit HTML.

2. Copy code dibawah ini dan letakan tepat di atas kode ]]></b:skin>

.menuhorisontal{
width: 100%;
overflow: hidden;
border-bottom: 1px solid #000000;
}
.menuhorisontal ul{
margin: 0;
padding: 0;
padding-left: 10px;
font: bold 12px Verdana;
list-style-type: none;
}
.menuhorisontal li{
display: inline;
margin: 0;
}
.menuhorisontal li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
border-right: 1px solid white;
color: white;
background: #414141; /*background dari Tabel*/
}
.menuhorisontal li a:visited{
color: white;
}
.menuhorisontal li a:hover, .menuhorisontal li.selected a{
background:#002EB8; /*Background Setelah Pointer Diarahkan */
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
height:35px;
}

3. Jika sudah, carilah lagi kode berikut ini. namun ingat bahwa kode yang saya miliki dengan kode milik anda mungkin sedikit berbeda. yang penting carilah kode yang dicetak tebal saja !

<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Tutorial, Tips dan Trik (Header)' type='Header'/>
</b:section>
</div>

4. Jika sudah ketemu, copy kode berikut tepat di bawah kode diatas.

<div id='footheader'>

<b:section class='footheader' id='footheader' preferred='yes'>

</b:section>

</div>

Jadi, Susunannya seperti ini :

<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Tutorial, Tips dan Trik (Header)' type='Header'/>
</b:section>
</div>

<div id='footheader'>

<b:section class='footheader' id='footheader' preferred='yes'>

</b:section>

</div>

5. Lalu klik Simpan Template.

6. langkah selanjutnya adalah klik Elemen Halaman. Lihatlah sekarang telah ditambahakan widget baru tepat di bawah header anda. klik saja Add widget > pilih HTML/Javascript. klik tanda plusnya (+)

7. Lalu copy kode berikut kedalam add widget HTML/Javascript yang baru saja anda lakukan.

<div class='menuhorisontal'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='http://Tulislah alamat disini'>Nama Tombol</a></li>
<li><a href='http://Tulislah Alamat Disini'>Nama Tombol</a></li>

<li><a href='http://Tulislah Alamat Disini'>Nama Tombol</a></li>

</ul>
</div>

8. Jangan lupa gantilah kode ' Tulis alamat Disini ' dan sesuaikan dengan alamat link yang anda inginkan dan ganti juga ' Nama Tombol ' menjadi nama yang anda inginkan. untuk ' Home ' <a href='masukan alamat halaman utama blog anda'>Home</a></li> ! Jika anda menggunakan persis seperti kode diatas, maka akan dibutakan 4 tombol menu.

9. Apabila anda ingin menambahkan tombol menu lagi cukup ketik kode yang berwarna merah saja .

10.  Simpan dan lihatlah hasilnya.


Selamat mencoba ,,

Read more

3 Membuat Mesin Pencari

Dengan adanya mesin pencari yang ada di blog, maka pengunjung akan lebih mudah dalam mencari dan menelusuri konten blog milik anda. Cara membuat mesin pencari adalah sebagai berikut :

1. Masuklah ke halaman Dashboard > Tata Letak > Tambah Widget.

2. Carilah HTML/Java Script, kemudian klik tanda plus ( Add ).

3. Copy kode di bawah ini :

<form id="searchform" action="http://alamatblog/search" name="searchform" method="get">
<input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Cari" type="submit"> </form>

Pada kode diatas gantilah pada bagian huruf yang di cetak merah yaitu http://alamatblog, dengan alamat blog anda dan juga pada kata cari bisa diganti dengan search.

4. Paste code diatas pada widget HTML/Java Script ( cara no.3 )

5. Simpan dan lihat hasilnya.

Read more

2 Membuat Fasilitas Print

Sebenarnya membuat fasilitas print sudahlah jadul alisa lama dan ketinggalan jaman. Tapi bagi Anda yang ingin mencoba trik yang satu ini, silahkan ikuti langkah - langkah berikut ini:

1. Siapakan terlabih dahulu ikon print, jika belum punya Anda bisa mencarinya di internet melalui bantuan om Google, bilang saja sma om google mau cari ikon print ada gk om???

2. Upload ikon print ke penyedia hosting sperti fhotobucket dan copy
url yang ada pada directlink. berikut ini contoh url-nya :

"http://i756.photobucket.com/albums/xx203/achmadtk07/printer.gif"

3. Tulislah kode di bawah ini :


<a href="javascript:print(document)"><img src="http://i756.photobucket.com/albums/xx203/achmadtk07/printer.gif" alt="print this page" border="0"/>&#160;cetak</a>

4. Sesuaikan url pada kode yang berwarna merah dengan milik anda
sendiri dan anda juga bisa mengganti kata cetak menjadi print.

5. Sisipkan kode tersebut di posting anda, namun pastikan anda telah
mengaktifkan mode "Edit HTML".

6. Simpan dan lihatlah hasilnya di sini.

Read more