13 Juni 2012

Membuat Pilihan "Search" Sendiri

       Halo pengunjung freeps,,,

       Hari ini saya akan membagikan sedikit ilmu blogger saya nih, hari ini majelis ini akan membahas tentang Cara menambahkan tombol search sendiri.

       langsung aja ane kasih tau caranya

1. Login blog >> Dasbor >> Tata Letak
2. elemen halaman >> tambahkan gadget >> Pilih HTML/Java Script
3. Masukkan kode berikut:

<form id="searchform"
action="http://freepss.blogspot.com/search"
name="searchform" method="get">
<input id="s" value="" name="q"
type="text" /> <input id="searchsubmit"
value="Go!!!" type="submit" /> </form>

4. Anda dapat mengganti tulisan yang berwarna merah dengan alamat website anda, Sedangkan anda dapat
    mengganti tulisan yang berwarna hijau dengan kata seperti = Cari, Search, dsb.

Maka hasilnya seperti ini:


Pengunjung yang baik selalu memberikan komentar, di sini anda bebas nge-blog walking




12 Juni 2012

Membuat Laman Header Rata di Tengah





Halo pengunjung Freepss 

Hari ini saya akan share bagaimana cara membuat laman blog yang dipasang horizontal di header blog rata di tengah. Seperti gambar ini:

Jika kita membuat laman di header blog, pastilah tabs laman tersebut letaknya di sebelah kiri blog... kan dilihat kurang enak (menurut selera saya). Langsung saja ane share cara membuat tabs laman blog di tengah.

begini caranya...


  1. Buka Blog
  2. Pilih desain >> Buka Perancang Template >> Tingkat Lanjut >> Tambahkan CSS
  3. Masukkan CSS berikut:
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}
     4. Terapkan ke blog / apply to blog
     5. Lihatlah hasilnya...
     6. Happy blogging


Artikel Terkait:


Membuat Panah Mouse di Blog Berbentuk Bendera

Cara menambahkan kalimat otomatis di blog

Membuat kursor Mouse di Blog Menjadi Bendera Indonesia

Cara atur gambar di header blog rata di tengah

 

 

 

 





Pengunjung yang baik selalu memberikan komentar, di sini anda bebas nge-blog walking




Membuat Panah Mouse di Blog Berbentuk Bendera

       
Halo pengunjung Freepss...

        Hari ini saya akan share bagaimana cara Membuat panah mouse menjadi bendera,,, kalau kemarin admin udah ngasih tau cara membuat panah mouse pada blog menjadi bendera Indonesia


 Begini cara mengubah kursornya:

  1. Login ke dasbor blog
  2. Buka Template
  3. Klik edit HTML
  4. Lalu klik Lanjutkan
  5. Lalu centang tulisan Expand Template Widget
  6. Cari kode </head>
  7. Lalu letakkan kode berikut di bawah kode </head>
 <style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/Nama Negara.gif"), auto;}
</style>
 
     8. Simpan temlate

#Menulis negara harus menggunakan Bahasa Inggris, Misalnya negara Belgia, kita tidak boleh menulis kata
  Belgia (karena dalam bahasa Indonesia), tetapi kita menulisnya Belgium #
#Huruf untuk menulis negara,,, harus menggunakan huruf kecil#
#Jika negara tediri lebih dari satu kata,,, maka tidak diberi spasi, misalnya negara American Samoa
  (terdiri dari 2 kata), kita menulis americansamoa, maka kodenya seperti ini:
 <style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/americansamoa.gif"), auto;}
</style>






  
Pengunjung yang baik selalu memberikan komentar, di sini anda bebas nge-blog walking




11 Juni 2012

Cara menambahkan kalimat otomatis di blog


      Halo pengunjung freepss! Hari ini saya akan membagikan sedikit ilmu saya tentang cara menambahkan kalimat otomatis di posting blog, atau lebih sering dikenal dengan nama Templat Entri. Hmmm... kalau belum paham tentang yang saya maksud, silakan lihat gambarnya


       berikut cara-caranya:

  1. Login ke Dasbor blog
  2. Buka Setelan
  3. Lalu pilih Pos dan Komentar, seperti gambar
  
     
    4. Lalu, masukkan tulisan yang ingin anda tulis pada kotak Templat Entri, seperti gambar ini:
   5. Kalau saya, dikotak ini menulis tulisan "Pengunjung yang baik selalu memberikan komentar, di 
       sini anda bebas nge-blog walking "
   6. Simpan setelan
   7. Maka hasilnya akan seperti gambar ini:



Pengunjung yang baik selalu memberikan komentar, di sini anda bebas nge-blog walking




Membuat kursor Mouse di Blog Menjadi Bendera Indonesia

             

         Kali ini saya akan membagikan cara membuat kursor (panah) mouse menjadi bendera Indonesia. Agar blog kita mempunyai daya tarik lebih, kita perlu menghias blog. Misalnya dengan mengganti kursor mouse pada blog yang awalnya hanya gambar tanda panah sekarang sudah bisa jadi bendera negara Indonesia, berikut ini langkah-langkah mengubah kursor mouse biasa menjadi bendera negara Indonesia pada blog:

1. Login Blog
2. Buka Template
3. Klik edit HTML
4. Lalu klik Lanjutkan
5. Lalu centang tulisan Expand Template Widget
6. Cari kode </head>
7. Lalu letakkan kode berikut di bawah kode </head>
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/indonesia.gif"), auto;}
</style>
8. Lalu klik Simpan Template
9. Jika sudah klik tulisan Tutup
10. Masuk ke blog anda dan lihatlah hasilnya...
 #Warna hijau adalah nama negaranya, yaitu Indonesia#
Selamat Mencoba...

Artikel terkait:


Sumber: Royserrx  
Banjarmasin, 11/06/2012
TTD
  



Pengunjung yang baik selalu memberikan komentar, di sini anda bebas nge-blog walking



10 Juni 2012

Cara atur gambar di header blog rata di tengah

       Halo pengunjung freepss, hari ini saya akan memberikan sedikit info yang saya miliki. Hari ini kita akan membahas tentang cara membuat gambar header blog rata di tengah.
       Mungkin bagi para blogger yang proffesional mungkin sudah tidak asing lagi bagi mereka. Namun bagi para blogger pemula tips ini sangatlah penting. 
       Langsung saja saya akan memberikan langkah-langkahnya

1. Anda harus mengupload gambar pada header blog anda
2. Jika sudah, lalu masuk ke blog anda, (Anda harus sudah login). Misalnya saya nih, saya masuk ke blog saya di www.freepss.co.cc. Kalau belum paham, silakan lihat gambar di bawah ini


3. Lalu buka desain (di pojok kanan atas blog), lihat gambar

4. Lalu Pilih Tingkat Lanjut > Tambahkan CSS > Lalu tambahkan kode:

.header-outer {
margin-left:90px;
 Lihat seperti gambar:

5. Lalu pilih tulisan  Terapkan ke blog / Apply to blog
6. Selesai

Pengunjung yang baik selalu memberikan komentar, di sini anda bebas nge-blog walking

 Artikel terkait:

Banjarmasin, 10/06/2012
TTD