Membuat Kotak Pencarian/Search Engine

Search engine atau kotak pencari adalah sebuah fasilitas yang digunakan untuk mencari halaman dan konten berdasarkan keyword atau kata kunci yang kita cari. Kotak pencari ini juga sangat bermanfaat untuk pengunjung kita dalah mencari konten yang ada di blog sehingga tidak usah membuka satu persatu post yang ada dalam blog, dengan anda hanya mengetikan kata kunci yang ingin di cari lalu klik enter, tarangggg. Keluar deh hasil yang kalian inginkan...

Ini nih kenampakan kotak pencarian 

Untuk kalian yang ingin menaruhnya di blog gampang kok cara nya. cekidott

1. Masuk dengan akun blogger anda 

2. Pilih blog yang akan kalian taruh kotak pencarian

3. Lalu pilih tata letak, tambah gadget pada tempat yang di inginkan 

4. Pilih HTML/Javascript 

5. Copy paste kode di bawah ini lalu simpan atau save

<form action="http://url-blog.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="25" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti url blog dengan nama blog anda. Angka 25 adalah panjang kotak pencarian yang kalian inginkan

Membuat Kotak Pencarian/Search Engine

Selamat mencoba ya

Cara Buat Spoiler di Blog

Cara Buat Spoiler di Blogspot - Udah lihat gambar di atas ? Itu tuh yang di namakan spoiler, kegunaannya untuk menyembunyikan konten yang ada di dalam spoiler, untuk contohnya, kalian bisa lihat di bawah ini, agar lebih mengerti fungsi dari spoiler 

Cara Buat Spoiler di Blog

Hide and show button juga sebutan untuk spoiler, yang lebih gampangnya Tombol sembunyikan dan tampilkan konten, konten ini bisa berisi berbagai macam, seperti gambar, video, teks maupun script dan kode . spoiler ini juga bisa ditaruh di side bar maupun postingan blog. Kalian tinggal copy kode di bawah ini, edit dan ubah sesuai dengan yang kalian inginkan , lalu paste di side bar atau postingan yang kalian hendaki.. 

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;">  

isi teks, kode html, script video, gambar dan lainnya

 <br> </div> </div> </div>

Semoga bermanfaat ya

Menyingkat komentar post dengan scrolling

Menyingkat komentar post dengan scrolling Sebuah postingan yang mempunyai ratusan komentar bahkan lebih, pasti sangat mengganggu tampilan blog anda dengan panjangnya deretan komentar-komentar yang ada pada posting. Untuk mengakalinya dan komentar masih tetap ada, ini dia triknya. Scrolling artinya putar, dimana kita tinggal memutarnya dengan scrolbar pada mouse untuk melihat semua komentar yang ada. Ingin menerapkannya pada blog anda?. Mari kita simak tips nya

Menyingkat komentar post dengan scrolling

1. Masuk dengan akun blogger anda 

2. Pilih blog yang akan anda terapkan trik ini 

3. Lalu pilih edit template atau edit HTML, jangan lupa ya di centang

4. Backup template untuk jaga-jaga sobat 

5. Cari kode yang seperti ini : 

#comments a {
text-decoration: none;
}
#comments h2 {
font-size: 1.3em;
}
#comments p {
margin-bottom: 10px;
line-height: 1.6em;
}
#comments form {
padding: 0 10px;
}
#comments form p {
margin-bottom: 5px;
}
#comments form input {
margin-right: 5px;
}

         6.Sisipkan kode berikut di atas kode berwarna merah seperti di atas

 #comments {
height:500px;
overflow:auto;
}

        7. Sehingga kode nya seperti ini

#comments a {
text-decoration: none;
}

#comments {
height:500px;
overflow:auto;
}
#comments h2 {
font-size: 1.3em;
}
#comments p {
margin-bottom: 10px;
line-height: 1.6em;
}
#comments form {
padding: 0 10px;
}
#comments form p {
margin-bottom: 5px;
}
#comments form input {
margin-right: 5px;
}

1    8. Simpandehhh
  
    Menyingkat komentar post dengan scrolling

Catatan : 500px adalah panjang scrolling yang kita buat, ubah sesuai keinginan anda

    Jika pada template blog kalian tidak ada kode #comments h2 { , maka cari 

     kode #comments a