Showing posts with label Tutor Blog. Show all posts
Showing posts with label Tutor Blog. Show all posts

March 31, 2011

Pasang Google Search di Blog

Untuk Membuat Google Search di Blog silahkan anda Coppy Paste code di bawah:
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

<form action="http://www.google.com/search" method="get">

<input onfocus="this.style.background='#fff';" maxlength="255" value=""
type="text"onblur="if(this.value=='')this.style.background='#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat'" style="height:18px;border: solid 1px black; background:#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat; position:relative;" size="25" name="q"/>

<input id="btn_undefined" style="position:absolute;padding-left:5px;"
value="Search" src="http://bloggerplugins.googlepages.com/yahoo-search-widget-button.png"
type="image"/><br/>

<div style="margin-top:5px;">

<li style="display:inline;padding-right:10px;margin-top:5px;">
<input checked="checked" value="" name="sitesearch" type="checkbox"/> Web</li>

<li style="display:inline;padding-right:10px;margin-top:5px;">
<input checked="checked" value="
http://bloganda.blogspot.com" name="sitesearch"
type="checkbox"/>
Blog Anda</li>

</div>
</form>

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, 

langkah-langkah penggunaan:
1.  login ke blog anda
2.  masuk halaman pilih tata letak
3.  Pilih html/javascrip
4.  Paste  kan kode di atas kedalamnya
5.  ganti kode yang berwarna merah dengan URl blog anda
6.  Gani kode yang berwarna kuning dengan nama blog anda 

Hasilnya akan seperti ini:
 

Mudah kan? semoga sukses.........!!!!! 

March 30, 2011

Link Mengeluarkan bintang

Pasti sobat pernah melihat bintang di langit yang indah,dan ingin memiliki nya tapi rasanya tidak mungkin untuk memiliki nya...heeeeeeee.....
jangan kawatir sobat anda saat ini bisa memiliki nya,cara nya sangat mudah ko,mari kita mulai cara Link Mengeluarkan Bintang.






background-image: url(http://i1237.photobucket.com/albums/ff473/muhammadsuteja/stars.gif);

Sobat Hanya Menambahkan atau menyisipkan kode Di atas ini tepat Disamping kode a:hover {

1.Login Ke akun Blog Sobat
2.Pada Dasbor Klik Rancangan/tata Letak
3.Edit HTML
4.Centang Kolom Expand Widget
5.Cari Kode a:hover { tapi yg berdekatan dengan a:link{ atau berdekatan dengan a:visited{

6.Copy Paste Kode Diatas Di bawah Kode a:hover { yg berdekatan dengan a:link{ atau
berdekatan dengan a:visited{

Contoh:
a:hover { 
background-image: url(http://i1237.photobucket.com/albums/ff473/muhammadsuteja/stars.gif);


7.Simpan Template..

Sangat mudah kan sobat Cara Membuat Link Mengeluarkan Bintang ini,sekarang sobat sudah memiliki bingtang seperti di langit..^_^

sumber Tutorial Blog 
Related Posts Plugin for WordPress, Blogger...