Memasang pencarian Google Di Blog

  Pasang pencarian google di blog, kotak search google di blog bermacam-macam,kamu bisa memasang goole search di blogmu dengan berbagai macam cara juga, yang paling mudah kamu bisa memasangnya dengan add widget pada blogmu.Selain menambah gadget yang telah tersedia pada blogmu, kamu juga bisa memasang google searh di blogmu dengan menggunakan google cse, tapi tutorial K-A kali ini berbeda dengan kedua cara diatas, hanya saja tetapmenggunakan id dari cse juga, dan script google search yang bisa kamu pasang dimanapun letaknya, di navbar, sidebar maupun footer blog kamu. nah inilah scriptnya:


<form
 action="http://www.google.com/cse" id="cse-search-box">
<div style="text-align: center;">
<input type="hidden" value="014594671612031168176:kdqnjpqxhqi"
name="cx" />
<input type="hidden" value="UTF-8" name="ie" />
<input id='s' name='q' onblur='if (this.value == "") {this.value =
"search...";}' onfocus='if (this.value == "search...") {this.value =
""}' type='text' value='search...'/>
<input type="submit" value="Pencarian" name="sa" /></div>
</form>


 Ganti yang Kode " 014594671612031168176:kdqnjpqxhqi " Diatas dengan kode cse apy key kamu,untuk mendapatkan kode cse kamu bisa membuatnya Klik disini.

baca semua I 0 komentar I #

Membuat Iklan Berada dikanan dan kiri Blog ( stereo )

 Membuat Iklan Berada dikanan dan kiri Blog - Sobat K.A akhirnya Penasaran saya dah Ilang,hehehehe,,,cara membuat iklan di kanan dan kiri blog ternyata sangatlah mudah.Gambar disamping adalah contohnya.Hasilnya bisa dilihat di blog K.A.Caranya adalah ikuti langkah-langkah berikut:

1. Login ke blogger
2. Pilih Tata Letak,Tambah Gedget,Tambah HTML/java scrip
3. Masukkan scrip di bawah ini

<div style="text-align: center; position: fixed; top:0px; left: 0px;"><center>
    letakkan iklan anda disini!!!kiri
    </center></div>
    <br/>
    <div style="text-align: center; position: fixed; top:0px; right: 0px;"><center>
    letakkan iklan anda disini!!!kanan
    </center></div>

   4.Save/simpan template
Keterangan:

• Jika anda memasang buku tamu tersembunyi/lepas dulu karena scrip ini akan bentrok!

Gimana sobat,anda tertarik mencobanya!!

baca semua I 1 komentar I #

membuat Menu Horisontal Di blog

 Membuat Menu Horisontal Di blog - Gambar disamping adalah hasilnya.Jika sobat tertarik ikuti langkah-langkahnya sebagai berikut:

1.Login ke Blogger
2. Klik "Page Element" & Klik "Edit HTML"
3. Centangkan "Expand Widget Templates"
4. Cari  kode ]]></b:skin> dan letakkan Kode dibawah ini tepat diatas kode ]]></b:skin>



.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(http://i730.photobucket.com/albums/ww306/gozhilaq/Menu-background-1.gif) repeat-x; /*tab background image path*/
height: 46px;
list-style: none;
}
.glossymenu li{
float:left;
}
.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 11px;
font-weight: bold;
padding:0 0 0 16px; /*Jangan Dirubah kode Jarak ini*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.glossymenu li a b{
float: left;
display: block;
padding: 0 20px 0 8px;
}
.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(http://i730.photobucket.com/albums/ww306/gozhilaq/Menu-kiri.gif) no-repeat;
background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
color: #fff;
background: url(http://i730.photobucket.com/albums/ww306/gozhilaq/Menu-kanan.gif) no-repeat right top;
}


5. Lalu cari  code <div id='content-wrapper'> dan letakkan code di bawah ini tepat di atas kode <div id='content-wrapper'>

<ul class='glossymenu'>
<li class='current'><a href='URL-Blog-Kamu'><b>Home</b></a></li>
<li><a href='URL-Link-Tujuan1'><b>Judul-Tujuan1</b></a></li>
<li><a href='URL-Link-Tujuan2'><b>Judul-Tujuan2</b></a></li>
<li><a href='URL-Link-Tujuan3'><b>Judul-Tujuan3</b></a></li>
<li><a href='URL-Link-Tujuan4'><b>Judul-Tujuan4</b></a></li>
<li><a href='URL-Link-Tujuan5'><b>Judul-Tujuan5</b></a></li>
</ul>

 Keterangan:

•  URL-Link-Tujuan Ganti dengan url sobat.
•  Judul-Tujuan Ganti dengan judul menu sobat.
•  Untuk mempercepat pencarian HTML gunakan Ctrl + F pada keyboard secara bersamaan.

Penting!! Sebelum save/simpan template!!!saran'kalau bisa di Pratinjau atau Unduh lengkap template dulu.Ini dilakukan  untuk mengantisipasi kalau ada kejadian yang tidak di inginkan terhadap template Sobat.  

 

baca semua I 0 komentar I #

membuat Flash iklan di blog

Cara membuat Flash iklan sangatlah mudah.Dari pada kita buat flash di secara intan di  http://www.flashvortex.com/ atau layanan online Flash lainnya.Tapi membuat flashsecara instan efeknya kita nanti di pandang tidak profesional hehehehe...seperti blog K-A banyak file flashnya hehehe..keunngulan file flas yaitu lebih ringan dan bisa memutar file video format swf.jadi tidak memberatkan blog kita dari pada pasang baner format JPG . apa bila sobat tertarik membuatnya ikuti langkah2 di bawah ini:

1. Login Blogger
2. Pilih Tambah gedget-java scrip/HTML
3. masukkan salah satu scrip di bawah ini;

<center><embed
 pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash" quality="high" 
src="http://ximg.us/upload/1329331031.swf" bgcolor="white"
type="application/x-shockwave-flash" width="468"
height="60"></embed></center>

<embed src="http://ximg.us/upload/1329331031.swf" quality="autohigh" allowscriptaccess="always" 
wmode="transparent" menu="false" loop="false" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle"  height="90" width="728">
</embed>

baca semua I 0 komentar I #