Cara Membuat Kotak Buka Tutup Super SEO Di Blog

Haloo haloow sob... ketemu lagi ni. Setelah posting tentang bagaimana Cara Membuat Kotak Scroll Super SEO Di Blog, Maka pada kali ini saya akan posting tentang bagaimana Cara Membuat Kotak Buka Tutup Super SEO Di Blog.
Hemmm hampir sama kan sob judulnya, sama² ada Super SEO nya. hehehee. Itu karena kotak yang akan di buat kali ini juga gak kalah menarik dengan Kotak Scroll, sama² cantik dan bervariasi.,
Okey, bagi para bloggers pemula, mungkin ini tutorial yang cocok. Tapi bagi pemula lo yaa,. Kalau bagi para master² cara ini sudah di luar kepala. hehehehehee..
Gak usah berpanjang lebar, mari kita langsung cekidot.

Seperti ini ni sob contoh dari kotak buka tutup yang akan di buat.

Haloo haloow sob... ketemu lagi ni. Setelah posting tentang bagaimana Cara Membuat Kotak Scroll Super SEO Di Blog, Maka pada kali ini saya akan posting tentang bagaimana Cara Membuat Kotak Buka Tutup Super SEO Di Blog.

http://afa-amigos-net.blogspot.com

Hemmm hampir sama kan sob judulnya, sama² ada Super SEO nya. hehehee. Itu karena kotak yang akan di buat kali ini juga gak kalah menarik dengan Kotak Scroll, sama² cantik dan bervariasi.,
Okey, bagi para bloggers pemula, mungkin ini tutorial yang cocok. Tapi bagi pemula lo yaa,. Kalau bagi para master² cara ini sudah di luar kepala. hehehehehee..

Gimana soob, SEO dan Cantik banget kan... hehehehehee...
Langsung saja sob, ini nih kodenya.

Klik buka untuk mendapat codenya ;

<!---Start code show hide by;"afa aprilion-amigos.net"--->
<div style="margin-bottom: 2px;">
<div style="margin-top: 5px; text-align: left;">
<input 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'; }" style="font-size: 12px; margin-top: 5px; width: 60px;" type="button" value="Buka" /> </div>
<div style="background-color: black; border-bottom: 2px solid #ff0000; border-left: 20px solid #ff6600; border-right: 2px solid #ff0000; border-top: 2px solid #ff0000; margin: 0px; padding: 6px;">
<div style="display: none;">
<span style="color: white; font-style: italic;">
... Isi Teks Sobat...
</span></div>
</div>
</div>
<!---End code show hide by;"afa aprilion-amigos.net"--->

Keterangan ;
Code; <div style="margin-top: 5px; text-align: left;"> ; merupakan code untuk penempatan tombol Buka Tutupnya.. Mau sobat taruh di sisi kiri dengan code left. Untuk ditengah dengan code center. Untuk di sisi kanan dengan code right. ingat, hanya ubah yang berwarna merah aja ya soob.
Code; Tulisan  Tutup  Buka  Buka  yang berwarna merah, silakan sobat ganti debgan sesuka sobat.
Code; width: 60px ; Yang berwarna merah tersebut Merupakan nilai ukuran lebar dari tombol Buka Tutup tersebut.. Silakan juga sobat rubah sesuai keinginan sobat.Tapi hanya sobat rubah nilainya saja yaa.
Code; ... Isi Teks ... ; Ganti dengan Isi artikel sobat sendiri, atau terserah sobat lah... hehehehehee.

Ingat ya soob. sobat bisa merubah code di atas hanya yang saya paparkan aja..

Untuk pemasangan kotak buka tutup tersebut, itu terserah sobat. mau sobat gunakan untuk apa aja, bisa buat kotak tulisan, buat kotak image..Penempatan kotak buka tutup, sobat bisa lihat di sidebar dan footer blog saya. atau juga bisa di postingan seperti ini.. hehehehehee.

Gimana sob. mudah kan sob.. Semoga sukses ya sob.. Salam Bloggers Indonesia..
Oh iya sob, kalau sobat berkenan, kunjungi juga ni Cara Membuat Kotak Scroll Super SEO Di Blog

Cara Membuat Kotak Scroll Super SEO Di Blog

Halooo sobat blogger, gimana nih kabarnya... Semua pasti sehat² aja kan...
Hemmm saya udah lama gak posting nih, terakhir posting tentang Tutorial Blog yaitu dengan judul Cara Membuat Reply Comment Pada Komentar Di Blog
Maka pada kesempatan kali ini, saya akan share tentang Cara Membuat Kotak Scroll Super SEO Di Blog.. Hemm aneh bukan judulnya, mengapa kok saya kasih Super SEO segala, alasannya karena. kotak scroll ini beda dengan yang lain. Ini tampilannya super cantik, ada warna variasinya pada kotak scrollnya. makanya beda dari yang lain.. hehehehehee.
Tapi mungkin cara pembuatan ini sudah tidak asing bagi sobat bloggers yang sudah master, karena sudah di luar kepala. Tapi bagi para sobat bloggers pemula mungkin ini bisa jadi pilihan yang tepat. Di sisi lain para sobat bloggers yang udah pernah posting Cara Membuat Kotak Scroll Di Blog, saya lihat² tampilannya belum ada yang menyajikan dengan kotak scroll bervariasi.
Maka dari itu, disini saya mau berbagi Cara Membuat Kotak Scroll Super SEO Di Blog atau Membuat kotak Scroll Bervariasi.

Kalau sobat penasaran, seperti ini nih hasilnya nanti.

Halooo sobat blogger, gimana nih kabarnya... Semua pasti sehat² aja kan...
Hemmm saya udah lama gak posting nih, terakhir posting tentang Tutorial Blog yaitu dengan judul Cara Membuat Reply Comment Pada Komentar Di Blog
Maka pada kesempatan kali ini, saya akan share tentang Cara Membuat Kotak Scroll Super SEO Di Blog.. Hemm aneh bukan judulnya, mengapa kok saya kasih Super SEO segala, alasannya karena. kotak scroll ini beda dengan yang lain. Ini tampilannya super cantik, ada warna variasinya pada kotak scrollnya. makanya beda dari yang lain.. hehehehehee.
Tapi mungkin cara pembuatan ini sudah tidak asing bagi sobat bloggers yang sudah master, karena sudah di luar kepala. Tapi bagi para sobat bloggers pemula mungkin ini bisa jadi pilihan yang tepat. Di sisi lain para sobat bloggers yang udah pernah posting Cara Membuat Kotak Scroll Di Blog, saya lihat² tampilannya belum ada yang menyajikan dengan kotak scroll bervariasi.
Maka dari itu, disini saya mau berbagi Cara Membuat Kotak Scroll Super SEO Di Blog atau Membuat kotak Scroll Bervariasi.

Gimana soob, Cantik dan SEO banget kan... hehehehehee.
Kalau begitu, ini ni kodenya. Cekidot 

Klik buka untuk mendapatkan kodenya ;

<!--Start code scroll box by;"afa aprilion-amigos.net"-->
<div style="background-color: black; border-bottom: 2px solid #ff0000; border-left: 20px solid #ff6600; border-right: 2px solid #ff0000; border-top: 2px solid #ff0000; font: 12px Georgia,Garamond,Serif; height: 100px; overflow: auto; padding: 10px; width: 400px;">
<span style="color: white; font-style: italic;"> ................. Disini Silakan isi dari artikel/tulisan sobat, bisa juga berupa image.................</span></div>
<!--End code scroll box by;"afa aprilion-amigos.net"-->

Keterangan ;
Code; font: 12px ; Merupakan code besar kecilnya tulisan yang ada dalam kotak scroll. Ubah nilainya saja yang berwarna merah.
Code; height: 100px ; Merupakan code dari tinggi kotak scroll tersebut. Ubah nilainya saja yang berwarna merah. Ubah dengan keinginan sobat.
Code; width: 400px ; Merupakan code dari lebar kotak scroll tersebut. Ubah nilainya saja yang berwarna merah. Ubah sesuai kolom halaman blog sobat atau sesuka sobat lah pokoknya.
Code Tulisan;...... Disini Silakan isi dari artikel/tulisan sobat, bisa juga berupa image..... ; Merupakan tempat sobat untuk mengisi dengan artikel sobat,atau bisa juga dengan gambar jpg dan sejenisnya...
Ingat ya soob, yang sobat bisa rubah hanyalah code code yang sudah saya paparkan di atas.

Untuk pemasangan Kotak Scoll, itu terserah sobat, mau sobat pake untuk koak Code HTML pada waktu posting, atau sobat taruh di sidebar, di footer, di body atau di header..

Heem, gimana soob, mudah kan.. Semoga berhasil ya sob.. Salam Bloggers Indonesia.
Oh iyaa sob, hampir lupa. Kalau sobat berkenan, kunjungi nih, Cara Membuat Kotak Buka Tutup Super SEO Di Blog.

Cara Membuat Reply Comment Pada Komentar Di Blog

Apa kabar sobat bloggers,.Gimana ni kabarnya, semuanya pasti baik baik aja kan..
Okey, gak usah berpanjang lebar, setelah lama gak posting, maka kali ini saya akan posting tentang bagaimana Cara Membuat Reply Comment Pada Komentar Di Blog.
Jadi apa sih gunanya Reply itu,.Bagi saya, sebuah Reply itu sangat penting, karena kegunaannya untuk membalas komentar sobat bloggers yang berkomentar di blog kita.
Terus kenapa kok harus membuat sendiri Replynya,. Jawabannya, karena suatu template blog itu kalau kita dapat dari pihak ke-3 emang sudah ada bawaan Replynya. Tapi dengan urusan kita ingin mempercantik blog kita, kita kan sering memasukkan code code CSS kedalam Template kita. Dengan begitu, kadang kadang Replynya bisa hilang karena kita memasukkan code code CSS tadi. Sobat bloggers pernah mengalami nggak. Kalau saya sendiri pernah mengalami. pokoknya super bingung tujuh keliling lah kalu suatu kolom komentar tidak ada Replynya.
Maka dari itu, belajar dari pengalaman, maka saya akan berbagi ke sobat blogger untuk membuat Reply Comment pada komentar..
Disini saya akan membuat 2 cara untuk membuat Reply Comment.
Pertama dengan cara Otomatis.
Yang ke-2 dengan cara manual.

Yuuk kita mulai dengan Cara Membuat Reply Commen Secara Otomatis.
Sebenarnya sih kurang pas kalau di beri judul membuat secara otomatis, yang pas itu cara memunculkan Reply Comment. Karena apa, hilangnya Reply Comment karena efek dari kita yang memasukkan code CSS tambahan ke template blog kita.
Dengan cara otomatis adalah dengan cara sederhana,tanpa memasukkan code tambahan di template. Cara ini mungkin akan sobat lebih mempertimbangkan 2 kali. Karena dengan cara ini template akan dikembalikan ke template default. Jadi bagi template yang dapat dari pihak ke-3, mungkin nanti bisa ada yang berubah di bentuk template blog sobat. Tapi bisa dipastikan, Replynya akan muncul.
Kalu saya sih pernah aku coba dengan cara ini, tapi saya kurang puas, karena bentuk tampilan Blog saya jadi berubah..Terus kalau begitu, sobat bloggers mau pilih yang mana. biyar tidak bingung lanngsung saya kasih tau aja ya Langkah langkah cara membuat Reply secara otomatis. Cekidot.

1. Seperti biasa sob, Login ke dashboard blogger sobat.
2. Masuk ke menu Rancangan / Template >> Edit HTML.
3. Jangan lupa Copy dulu semua code HTML blog sobat, buat jaga jaga, siapa tahu sobat nanti tidak puas dengan hasilnya.
4. Setelah itu jangan lupa centang pada Expand Template Widget.
5. Kemudian sobat klik aja tuh tulisan yang ada di bawah kolom template sobat, tepatnya ada di sebelah kiri bawah kolom template sobat.. ini ni tulisannya. Kembalikan template widget ke default.
6. Setelah sobat klik tulisan Kembalikan template widget ke default, nanti akan ada pemberitahuan. Terus sobat klik Ok aja untuk menyetujui..
7. Selanjutnya sobat klik Simpan template. Dan lihat hasilnya.

Agar sobat tidak bingung, sperti ini ni contohnya.
klik buka untuk melihat gambar.

Sekarang kita lanjut dengan Cara membuat Reply Commen secara manual.
Maksudnya dengan cara manual, yaitu dengan cara menambahkan code khusus kedalam template blog sobat.
Seperti ini ni gambar contoh hasilnya sob.

Langsung aja, begini nih caranya.

• Seperti biasa sob, Login ke dashboard blogger sobat.
• Masuk ke menu Rancangan / Template >> Edit HTML.
• Jangan lupa Copy dulu semua code HTML blog sobat,dan untuk sementara pastekan di Notepad. Buat jaga jaga aja sih sob, siapa tahu kode yang kita masukkan ini memiliki kecacatan.. Tapi kemungkinan enggak lah, soalnya aku juga pakek... hehehee.
• Setelah itu jangan lupa centang pada Expand Template Widget.
• Cari kode <data:commentPostedByMsg/> Pakai Ctrl+F untuk mencari kode di tersebut, biyar lebih mudah.
• Kalau sudah ketemu, Copy code di bawah ini, dan letakkan/pastekan tepat di bawah kode <data:commentPostedByMsg/>

Klik buka untuk melihat dan mengcopy code.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=4378893982374898150&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E%3A%20#form&quot;' onClick='javascript:window.open (this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,&quot;);return false;' style='padding:0px 5px; border:1px solid #ddd; float:right'>Reply Comment</a>

• Kode yang berwarna merah di atas, itu merupakan kode ID blog. Ganti dengan code ID blog sobat sendiri.
• Kemudian yang terakhir klik Simpan template.

Untuk melihat hasilnya, coba sobat buka salah satu halaman blog sobat. Bila belum ada komentarnya, coba sobat komentar sendiri.
Hemmm Mudah kan sob.
Semoga berhasil ya soob.. Salam sukses serta salam bloggers Indonesia.
Catatan ;
Untuk penempatan code Reply Comment diatas, tidak harus seperti yang saya catatkan. kemungkin setiap template blogger bisa saja berbeda.

Cara Defrag Disk Dalam Perangkat Komputer / Disk Defragmenter

Haloo sobat bloggers.. Gimana ni kabarnya, pasti semua dalam keadan sehat kan..Ukey, semoga kita selalu di beri kesehatan..
Hemm ngomong² saya udah lama gak posting ni. Dikarenakan repot urusan memperkosa hp aja tiap hari (sok playboy) hahahaa. Tapai mau gimana lagi, memang itu adalah kerjaan utamaku, servis hp..Xixixixixixii.
Okey, gak usah berpanjang lebar, langsung pada inti aja. Dalam kesempatan kali ini saya akan posting tentang apa yaaaa …??? Lebay deh..wkwkwkwkk.
Saya akan posting Tentang Bagaimana Cara Mendefragmenter Disk atau Disk Defragmenter atau juga Defrag Disk Perangkat Komputer / Laptop.. Sama aja yaa sob walau kata²nya di bolak balik...Kurang kerjaan… Gubrak.
Perlu kita tahu dulu, apakah fungsi dari defrag itu, tapi pastinya para sobat udah tahu semuanya. Karena tiap hari juga selalu melototin dan berjelajah di komputer/laptop.
Tapi bagi yang pemula, perlu diketahui. Defrag adalah sebuah aplikasi bawaan windows yang berguna untuk menutup sebuah data/file di drive/partici yang habis kita buka. Enaknya ngomong gitulah sob..Intinya sih, defrag itu buat meringankan loading waktu kita mau buka² file di perangkat. Masalahnya, misalkan kita habis membuka sebuah file yang ada dalam perangkat,Trus kita close dan walau kita sudah close pasti file² itu masih ada yang belum menutup dengan sempurna. Atau bisa juga yang membuat lemot itu adalah file bekas kita membuka tadi. Maksudya kalau kita habis membuka sebuah file, pasti meninggalkan bekas. Dan file bekas kita membuka itu masuk ke menu Prefetch. Sehingga bisa menimbulkan subuah Space baru di dalam disk. Naa Space itulah yang menyebabkan kadang² agak menjadi lemot waktu kita akan membuka sebuah file di dalam perangkat.. Tapi kalu space di drive/partici C itu memang udah bawaan. Jadi kita tidak bisa menutupnya.. Yaaa karna takdirnya memang udah gitu.. wkwkwkwkwkk.
Okey, langsung saja.. Begini niii sob langkah² untuk Mendefrag Disk. Cekidat, Ehh Cekidot maksudnya.

1. Klik kiri pada menu START di taskbar.
2. Klik kiri lagi pada menu All Progams.
3. Setelah itu sobat cari menu Accessories >> System Tools >> Disk Defragmenter.
4. Setalah ketemu menu Disk Defragmenter, terus Klik kiri. Dan tampilannya seperti gambar di bawah... hemmm lebih enaknya, langkah² di atas, bisa sobat lihat seperti gambar dibawah ini.

Langkah ke 6,sobat silakan pilih drive yang akan sobat defrag..( Saran saya sih semuanya aja drive yang di
defrag. Tapi caranya harus satu persatu ya sob..
Selanjutnya langkah ke 7, setelah sobat memilih drive, silakan sobat klik Analyze.
Setelah sobat klik Analyze, akan ada pemberitahuan kalau Analyze sudah complit..
Langkah ke 8, pada kolom pemberitahuan itu, sobat klik View Report
Ini ni contohnya, seperti di bawah ini.

Setelah sobat klik View Report, sobat akan tahu, manakah yang akan kita defrag itu..Buka gambar di bawah ini,. Naaa yang saya blog warna merah transperent itulah file yang di defrag.
Untuk langkah ke 9, silakan sobat klik Defragment.

Setelah sobat klik Defragment, maka proses defrag akan berjalan.
Perlu sobat perhatikan. pada waktu proses defrag berjalan, akan ada garis berwarna merah. na garis berwarna merah itulah yang pelu dihilangkan.Tapi maaf, pada contoh gambar di bawah ini, proses defrag sudah aku ulang berapa kali, makanya garis yang berwarna merah yang seharusnya ada di barisan kolom yang bergaris putih,biru dah hijau itu sudah tidak ada.

Kalu proses defrag sudah cukup, akan ada pembaritahuan lagi.Disini sobat terserah, mau klik View Report atau Close, terserah sobat. Kalu sobat klik View Report, akan tampil seperti gambar nomor 9 tadi,di tampilan ini,file yang ada didalam bagian kolom yang saya blok merah transperent itu sudah tidak ada, karena sobat sudah defrag.

Naa kalau sobat klik Close, maka tampilannya akan seperti ini.

Perhatian ;
Untuk kesempurnaan defrag, sobat perhatikan kolom yang ada warna biru bargaris putih dan hijau itu. Untuk garis berwana putih dan hijau yang ada pada kolom bawah, usahakan sejajar dengan garis yang ada dalam kolom di atasnya.. Intinya sih usahakan teratur / sejajar antara kolom atas dan bawah.
Untuk mendapatkan kesejajaran itu, sobat perlu mengulang ulang proses defrag. Untuk pengulangan proses defrag, sobat cukup lakukan seperti langkah nomor 6,7,8,9.
Selanjutnya, kalau salah satu drive sudah berhasil, lakukan defrag berikutnya untuk drive lainnya yang ada di dalam perangkat sobat..
Heemmm sudah bisa kan sob untuk mendefrag disk, gampang kok asal sobat ikuti langkah langkah di atas..
Kalau sudah selesai mendefrag semua drive yang ada dalam perangkat sobat, untuk lebih menyempurnakan lagi, maka sobat silakan hapus berkas file bukaan kita / fil;e bekas kita membuka..
Gini no sob langkahnya.
Buka Xplore pada perangkat sobat.
Klik drive C / drive untuk penyimpanan windowsnya.
Gulir kebawah, cari folder WINDOWS >> Prefetch.
Naa di dalam folder Prefetch itulah file file berkas bekas kita membuka.. untuk langkahnya, sobat cukup menghapus file file itu saja.
Catatan ; sobat jangan menghapus sekalian sama foldernya yaa.. Hapus cuma isinya saja dari folder Perfetch..
Contohnya seperti gambar di bawah ini ni soob.

Cara Membuat Kotak Komentar Facebook Pada Blog

Salam sejahtera para sobat bloggers.. gimana ni kabarnya, baik baik aja kan...????.
okey sob, gak usah panjang lebar.. Setelah kemarin saya posting tentang Cara Membuat Kotak Pencarian / Search Box Pada Blog, maka dalam kesempatan kali ini saya akan posting taentang Cara Membuat Kotak Komentar Facebook Pada Blog.

Hemmm menurut saya kotak komentar itu sangat penting dalam sebuah blog. Entah bentuk kotak komentar itu seperti apa, yang penting ada kan.. Karena sejatinya blog itu adalah tempat interaksi atau parcakapan. Maka dari itu, kalu sebuah blog tanpa ada kotak komentarnya, blog itu terasa kurang banget, tidak 100% blog.
Memang, semua blog sudah ada bawaan kotak komentarnya, tapi disini kita akan memasang sebuah kotak komentar facebook..

Keuntungan kotak komentar facebook ini adalah kotak komentarnya yang facebook banget, lebih mudah untuk membalas. Selain itu, tampilan kotaknya yang elegan, simpel,serta bisa menghemat ruang halaman blog kita dan hampir semua orang pasti mempunyai akun facebook daripada akun google, jadi bagi yang tidak mempunyai akun google, pastinya mudah juga kan untuk berkomentar di blog kita. karna pengunjung blog itu tidak semuanya juga mempunyai akun google..
Nah, maka dari itu, untuk sobat yang tertarik untuk memasang kotak komentar facebook, ikuti langkah langkah berikut ini.

Perlu sobat tahu, seperti inilah tampilan kotak komentar yang akan di pasang.

Seperti ini langkah langkah memasangnya sob.

• Login ke akun blog sobat.
• Kemudian pilih TEMPLATE > EDIT HTML.
• Jangan lupa centang Expand Template Widget..jangan lupa untuk becup template blog sobat, tujuannya buat jaga jaga, siapa tahu kode yang akan kita masukkan ini ada erornya.
• Kemudian cari kode <b:includable id='status-message'> dan tepat di atas kode <b:includable id='status-message'> sobat akn menemukan kode </b:includable> .
• Kemudian copy dan taruh kode kotak komentar facebook di bawah ini tepat di atas kode </b:includable>

Klik Buka untuk melihat kodenya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://afa-amigos-net.blogspot.com/2013/01/cara-membuat-kotak-komentar-facebook.html' target='new'><img border='0' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ-bq8AWcfYrdb7WGAw3f-mGTk2ft4zi_8mSNwVSfSnqiHrfiDuSpkmo4ANUJ3G5AHuUo4_-0el11EjzttPO1WJI5L36mKV9CDj02xoNdfDd-txQOTCOF12wdBPeCpvBjWrn0w1dsJB5CW/s1600/fb.png' width='200'/></a></p>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='7' width='500'/>
</b:if>

• Dan langkah yang terakhir simpan TEMPLATE.

Keterangan :
- Untuk kode '7' yang berwarna merah, itu adalah jumlah komentar yang akan di tampilkan.
- Untuk kode '500' yang berwarna merah, itu adalah lebar dari kotak komentar facebook.
Silakan sobat atur sendiri sesuka sobat.

Untuk pengecekan berhasil apa tidak, coba sobat silakan buka salah satu halaman blog sobat.

Heemmm cukup mudah kan sob.
Semoga berhasil ya sob... salam sukses dan juga salam bloggers. Trimakasih.

Cara Membuat Kotak Pencarian / Search Box Pada Blog

Selamat apa aja ya sob, semoga kita selalu diberikan kesehatan selalu. amien....
heemmmm saya udah lama gak posting nih, keliatan terasa sepi ni blog... hehehee.
Ukey, langsung aja yaa sob, setelah kemarin saya posting tentang Cara Membuat / Memasang Kotak Pesan Admin Dibawah Postingan Blog, kini pada kesempatan kali ini saya akan posting tentang Cara Membuat Kotak Pencarian / Search Box Pada Blog.
Tentunya para sobat sudah gak asing kan apa itu Search Box..??? yach, Para sobat bloggers pasti udah banyak yang posting tentang tema yang sama.. Tapi gak apa apa lah, mungkin search box yang ini lain daripada yang lain..Bentuknya yang elegan, serta enak di pandang... hehehehehee PD .
Menurut saya, search box itu sangat penting. sebuah blog tanpa ada search box,akan terlihat kurang. Kelebihannya memasang search box, pengunjung bisa lebih mudah mencari artikel di blog kita. Jadi pengunjung bisa betah. Selain itu,dengan adanya search box, blog kita terlihat semakin SEO banget..
Ukey, Bagi para sobat bloggers, yang Templatenya gak ada bawaan search box, atau yang sudah ada tapi ingin memodifikasi, atau yang kurang suka dengan tampilan search box yang disediakan paman google, kalau sobat ingin merubah, ini tutorialnya.

Seperti ini tampilan search box yang akan dipasang.

Silakan klick Show untuk melihat kodenya.

<span style='float:right;'>
  <style type="text/css"> #a-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5GSYA1KxuJQNApupCtQL-z1RHb-QEqUvztUbxllhddmauXdjkRNedLeFn4Ahl5ahdLMfB5kTDNqIv_vOXxBfehPt-7POMITjxzpTbMnelGIo7D87uO3GF7ns0yEiXxUCQRipE3I3lVnUA/s1600/search.box.png) no-repeat scroll center center transparent;width:300px;height:35px;disaply:block;} form#a-searchform{display: block;padding: 10px 12px;margin:0;} form#a-searchform #a{padding: 0px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="a-searchbox"><form id="a-searchform" action="/search" method="get">    <input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" /> </form></div>
</span>

Cara Pemasangannya.

1. Sobat login ke Blogger.
2. Pilih menu Design.
3. Page Element.
4. Lalu pilih Add a Gadget
5. Terus pilih HTML/Java script.
6. Terus Copy Code Search Box di atas, dan pastekan di HTML/Java Script tersebut.
7. Yang terakhir klick Simpan. Dan lihat hasilnya.

Hemmm mudah kan sob.. silakan di coba, semoga berhasil, .Sukses selalu.
Salam Bloggers Indonesia.

Tukeran Link Atau Benner

Untuk rekan rekan blogger wordpres atau yang lainnya yang berkeinginan untuk saling bertukar link atau pun banner, silakan copy pastekan kode link dibawah ke blog sobat. Setelah sobat memasang kode link di blog sobat, terus lakukan konfirmasi dengan Mengisi Kolom Your Link Dibawah dengan tujuan mencatat link sobat yang bertukar link dengan saya, Serta jangan lupa meninggalkan pesan di kolom komentar..

• Link Benner Saya ..::

  


<a href="http://afa-amigos-net.blogspot.com/" rel="dofollow"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBBVwhtRgq1VZcShB8yMWUXu2ebGAuQ29Ruyf8wO4CCjacNfv21gs99N9JZwwAKYWpah-_8L_OH9FqLvKXwAWUw7xGxTbeAizErX0ty_h5NLwxZ_ciUOXbJQrB4IZWIy9oW2YkX_RE5WYQ/s1600/AMIGOS%E2%84%A2.png" title="Tutorial Blog ~ Tips Trik Servis HP ~ Schema HP ~ Games PC ~ Kode Rahasia HP" /></a>  

• Simple Link Saya ..::

AMIGOS ™ 

<a href="http://afa-amigos-net.blogspot.com/" rel="dofollow" title="Tutorial Blog ~ Tips Trik Servis HP ~ Schema HP ~ Games PC ~ Kode Rahasia HP"><b>AMIGOS ™</b></a>

Isi KOLOM dibawah ini dengan nama BLOG sobat, Kemudian Email BLOG sobat ( email tidak akan ditampilkan ) , Lalu isi dengan alamat URL BLOG sobat. Yang terakhir SUMBIT LINK.


Semoga dengan begini, kita bisa tambah banyak sahabat,menjalin hubungan dengan antar sahabat blogger dimanapun berada... hehehehehee.
sekian dulu yaa soob...TRIMAKASIH.