Pages

Subscribe:

Ads

Kamis, 05 Januari 2012

MEMBUAT MENU DROPDOWN . . . getoo lowh....


Guys, kini saya perkenalkan menu dropdown agar mebuat tampilan blog lebih rapi n gmana ya … lebih menghemat templat gitu, udah pada tau belum dropdown menu itu kaya apa ?

Ni contohnya :

Kalo kepengen bikin yang kaya gitu, nih gw kasih tau caranya :

Masuk kea kun sobat

Lalu klik elemen laman

Klik tambah gadget

Klik tanda + di ujung kotak HTML / javascript

Coppas kode di bawah ini ke kotak paling bawah
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>RUMAH-GW</option>
<option value="http://rumah-rara.blogspot.com">RUMAH GW</option>
<option value="http://muly.ono1.blogspotcom">CINTA-MATEMATIKA</option>
<option value="http://tipsdaridesa.blogspot.com">TIPS-TIPS</option>
<option value="http://ganti-ganti-template">TUTORIAL</option>
</select>

Eits, jagan lupa ganti tulisan warna biru dengan alamat blog kalian
Ganti tulisan warna merah dengan judul blog kalian, oche oche

Kalo kalian kepengen nambah alamat blog bias kok, tinggal tambah kode ni :
<option value="Links ke 4">Judul ke 4</option>
sebelum kode </select>

Klik simpan / save

Liat hasil.nya

Jangan lupa lowh kasih coment dib log qw

BIKIN TEKS BERJALAN DI TAB BROWSER


Uda kenal sama tab browser ? kalo udah ya udah …. Tapi kalo belum, gw kenalin dulu ya, eh jangan malu2 gitu dunk kalo kenalan, nih contohnya tab browser


Nah, skarang gw ajarina supaya tulisan yang ada disitu bias jalan : bukan merangkak loh ya>

Pertama mask kea kun blogger sobat.

Klik rancangan

Klik Edit HTML

Centang kotak kecil di samping tulisan EXPAND TEMPLATE WIDGET

Tekan CTRL+F, maka akan muncul kotak di bawah, betul ? betul ? betul ?
Letakkan kode dibawah ini ke kotak pencarian tersbut:
<head>

Udah ketemu ? Alhamdulillah ya .. sesuatu
Abis itu letakkan kode di bawah ini tepat dibawahnya :
<script type='text/javascript'>
//<![CDATA[
msg = "bersama lebih berharga";
msg = "......shabat….." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>
Ganti tulisan warna  ungu dengan tulisan seenak naluri lu…  cielah .. naluri ..

Klik SAVE TEMPLATE

Lihat blog elu

Beri coment di artikel gw dech,, trimkasih …

CARA TAHU PENGUNJUNG DI BLOG KITE ,… TE .. TE… SATE …


Siapa sih yang nggak penasaan udah berapa kali blog kita dikunjungi, ye kan  ??
Nah kali ini gw berbagi cara mengetahui pengunjung di blog kita.. inga’ inga’ ting ting

Pergi kesini http://radarurl.com

Copy  kode yang ada di dalem kotak yang gw kasih tanda panah entu

Trus masuk ke blogger lu

Klik rancangan

Edit HTML

Centang kotak kecil di samping tulisan EXPAND TEMPLATE WIDGET

Tekan CTRL + F , maka akan muncul kotak di bawah layar computer elu, n letakkan kode dibawah ini ke kotak tersebut
</body>

Kalo udah ketemu, lu paste kode yang lu dapet dari http://radarurl.com tadi ….

Klik SAVE TEMPLATE

Lihat hasilnya di blog kalian

Kasih coment ke blog aq,, hehey

MEMBERI BARIS MENU PADA BLOG

Baris menu ini bermanfaat banget lho sob, layaknya kalo kita lagi menulis sesuatu di ms.word atau sejenisnya, kita tentu butuh toolbar toolbar yang membuat qt semakin cepat n mudah dalam menyelesaikan kerjaan nih ye,, nah begitu juga dengan blog, kita bias membuat beberapa blog tergabung dalam 1 blog dengan cara ini, simak baek-baek ya caranya.

Masuk ke akun sobat

Klik rancangan

Klik edit HTML

Centang kotak kecil di samping tulisan EXPAND TEMPLATE WIDGET

Tekan CTRL+F, nah maka akan muncul kotak pencarian, di bagian bawah … ya kan ?

So .. coppas kode di bawah ini ke kotak tersebut
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='x-Demo (Header)' type='Header'>
<b:includable id='main'>

Kalo misalnya kode ini nggak ketemu, delete aja kode itu secara perlahan, nah kalo udah ketemu yang agak-agak mirip, ganti  kata yang aku warna merah itu
1 ubah menjadi 3 atau lebih
No ubah menjadi yes

Selanjutnya kode yang ada di kota pencarian lu hapus n lug anti dg kode ini
 ]]></b:skin>

Setelah ketemu kode itu, lu taruh kode dibawah ini tepat di atasnya
a.navigation {
background: #3333ff ;
color: #ffffff;
margin: 3px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}

kalo udah tekan save template /simpan template

klik elemen laman

klik tambah gadget

klik tanda + di ujung gadget HTML / java script

Copy kode ini, trus letakkan di kotak yang paling bawah
<a href="http://www.rumah-rara.blogspot.com " class="navigation">BUKU HARIAN-Q</a>
<a href="http://www.rara-dpd.blogspot.com " class="navigation">CITA-CITA</a>
<a href="http://www.rara-ban.blogspot.com " class="navigation">GT RADIAL</a>
<a href="http://www.rara-air.blogspot.com " class="navigation">KONSERVASI AIR</a>


Nah, kata yang gw kasih warna merah, lug ganti dengan alamat blog lu
Kata yang warna ungu, lu ganti dengan judul blog lu


Setelah itu lu klik SAVE


Lihat hasilnya, dengan nge-buka blog lu


Semoga berhasil ……………. Terahir kasih comet deh blog aq