Login ke blogger
Buat Menu drop-down seperti ini
... Jika kalian perhatikan di blog ini baru saya tambahkan widget pencarian artikel menggunakan Google Custom Search... maksudnya biar para pembaca tutor blogging di blog ini mudah dalam pencarian tutor-tutor lainnya yang telah saya postingkan disini... memang sudah saya sediakan scrolling Daftar isi.. tapi saya rasa fasilitas pencarian ini membantu juga bagi yang malas mencari manual di Daftar isi... :) .. sekalian ini postingan (cemilan) ringan...adminnya lagi malas posting yang berat-berat.. :D gyahahahaha...
... Cara membuatnya gampang... perhatikan :
1. Ke Google Custom Search ....
2. Klik Create a custom Search Engine...
3. Isilah Bagian Set up your search engine...
> Describe your search engine
- Name = Judul Blog kamu ....
- Description = Uraian blog kamu...
- Bahasa = Bahasa yang digunakan di blog kamu...
> Define your search engine
- Site to search = Isi dengan URL blog kamu... contohnya : ecaknyo.blogspot.com..
> Select an edition
- Pilih saja yang FREE yaitu Standard Edition... :DLalu Centang > Terms of Service. ...Kemudian Klik NEXT
4. Aturlah di Bagian Try it out...
> Choose or customize a style
- Pilihlah tampilan pencariannya mau seperti apa.. Klik Customize...
- Kemudian Klik NEXT..
5. Di Bagian Get the code ...
> Try your search engine
- Jika sudah kamu atur sesuai yang kamu inginkan.. lalu kamu coba.. ketik saja judul artikel yang sudah kamu postingkan di blog kamu.. nanti akan tampil sesuai style yang kamu atur tadi..baik warna. background..warna ketika hover.. warna link.. dll..- Kemudian Klik NEXT..
5. Di Bagian Get the code ...
> Custom Search element code
- Copy code Google custom Search yang ada di dalam Textarea Box...Login ke Blogger ...dan tinggal Paste saja kode Google Custom Search-nya ke Gadget HTML/javascript... Simpan & Selesai...
...Memperkeren Tampilan Blog juga sih...
73 komentar:
Pertamaxxxx yeahh
Ini sob yang kau cari2 menu serach customize
wahhh ditempatku belum dipasa nihh sobb..
perlu di coba ke tkp...
:)) nice info sob... ane juga lgi males posting2
@Angga J.P.:
kalo begitu silahkan dicoba gan.. ;)
@Download Software Terbaru:
silhkan ke TKP gan.. :)
@maul:
..iya nih gan... gk napa ?... bulan puasa bawaannya ngantuk mulu.. hehehe :D
mantap tips nya sob.....ini hal sepele tapi pengaruhnya besar banget
Makasih nie atas triknya :)
@E-NIMBUZZ:
..Siip..baguslah kalo kamu tertarik..silahkan dipasang gan.. ;)
@K-blogger:
iya gan...sama2.. Let's Sharing Knowledge.. :)
mantep ah ......dan di cobaaahh......huhauahuaha
wah makasih infonya...coy
ini yg saya cari langsung saya akan coba dulu, oy saya tetep belum bisa mas, kata temen kl pakai follower bawaan blogger g bisa
@Belantara Indonesia:
:D silahkan dicoba2 gan..
@baburinix!:
Ya..sama2 gan.. :)
@Rizky2009:
silahkan dicoba Riz.. heuumm.. tuh buktinya gw bisa Riz.. tapi coba aj pake yg code friend connect google alternatif.. :)
ini susah apa gak tau aku ya? pilih bentuknya..kok ku masukin di widget tetep aja type minmalis ga mau berubah ke yg kupilih..asem..iya brad laam ga kluyuran..ubah design template,4 harian aku mau matek..postingan ilang gak mau nongol di weblog..sialan..jadi ya ubah template dari awal lagi..
kebetulan aku udah pake Sob..... tapi enaknya mesti dilebarin halaman buat Serachnya jadi bener2 Full gak kepotong tulisannya hhe.......nice thnx 4 tutor....
@Belantara Indonesia:
kekekekkek... oww... wajar aj ngilang sbentar... ati2 kalo utak-atik template widget gan.. loh kok widget google custom search-mu tampilannya gk sesuai keinginan..aneh ???
@Ferdinand:
betul.. kan tinggal diatur aj width-nya jadi auto gan..biar otomatis nyesuain sendiri dg lebar page-nya.. :)
kelihatannya mudah nih bang Andi, ijin disave dulu ya ...
terima kasih sudah berbagi, saya mesti banyak belajar di sini banyak tutorial yang mantep..mohon izin sedot ilmunya
@BRI Jakarta Veteran:
emg mudah johnson..silahkan disave.. :)
@berita untuk negri:
silahkan sedot ilmunya gan.. :)
Keren mas wong. saya dulu pernah memakai trik ini dan sekarang mau bikin udah lupa masuknya google dari mana (URLnya http://www.google.com/cse/) tapi setelah membaca posting ini jadi ingat lagi. makasih mas, nais info. oiya q jg udah follow balik sekalian link mas udah saya add, jgn lupa di add balik ya...
pake jquerynya biar lebih gress atau nggak pake css3 :)
iya nih mas saya belum berhasil, kl pakai GFC nanti followers saya mulai dr nol lagi dong
ya skrg dah gak ngutak atik lagi template...bikin pusing..hahahhaha....ya ttg google search nya ga tau juga ni brad..lagi nyoba trus sampe bisa...
@ajurNA:
kalo begitu silahkan meluncur ke TKP gan.. woke ..tukeran FOLLOW n Link ya.. Siip.. i like it.. ;)
@Muhammad Taqi:
betul akan lebih mantab..gw lebih tertarik pake CSS3 gan.. :)
@Rizky2009:
..ayo riz..jgn menyerah...sy yakin kamu bisa modifikasi GfC-nya.. :)
@Belantara Indonesia:
hehehe... silahkan di utak-atik lagi GCS-nya bro.. :D
thx u lho mas bro..eh kk bro atas pujiannya..hauahuahauahauhaua..ni msh di google search utak atik sampe tuaa......asem kok...kamp..eh ga jadi..ga sopan ya....lele
Paste this code in the page where you'd like the Custom Search element to appear. Note: CSS hover effects require a supported doctype such as . <---- tu maksudnya gmn ya brad? ada di Custom Search element code,di atasnya..aku mau pake Espresso bnernya tapi kok ga bisa2, tetep jadi yg standard...asem..
bagus mas andi tipsnya, biar ga ribet ya nyari tutorial yang lain
Salam kenal sob.., makasih tutornya.., aq brhasil buat custom search.., mampir jg di blog aq ya..
@Belantara Indonesia:
Hehe.. :D... btw itu tandanya gk ada CSSS hover di template blogmu.. coba tambahkan saja gan..
@hasbi:
iya gan... biar lebih mudah mencari tutornya.. ;)
@Innah:
salam kenal jg :) ..baguslah kalo berhasil..oke wa mampir.. ;)
tu hover dikasih mana ya brad?..hehehhehe....oon aku...
boleh dicoba nih kang :)
wah bisa ya? keren nih, cek tkp :D
@Belantara Indonesia:
tambahkan saja pada bagian kode CSS di template blog kamu gan... yaitu diatas " ]]></b:skin> " .... :)
contohnya :
a:hover{
color:#5D3EFD;
font-size:none;
font-style:italic;}
]]></b:skin>
@secangkir teh dan sekerat roti:
silahkan dicoba gan.. :)
@septian7:
silahkan ke TKP... try it.. ;)
saya terkejut ktika menemukan blog mas..bru kali ini sy menemukan blog seperti ini yg banyak memberikan pengetahuan. lengkap skli isinya sesuai yg sy butuhkan. makasih mas smoga sukses slalu.
@willandenda:
sy senang kalo tutor blogging yg sy post bisa membantu sobat2 blogger lainnya.. :)
Belantara Indonesia dan seluruh kru mengucapkan selamat hari raya lebaran mas..
Taqabbalallahu Minna Wa Minkum Wa Ja'alanallahu Minal 'Aidin Wal Faizin Semoga Allah menerima (amalan-amalan) yang telah aku dan kalian lakukan dan semoga Allah menjadikan kita termasuk (orang-orang) yang kembali (kepada fitrah) dan (mendapat) kemenangan
اَللّهُ
اَكْبَرُ، اَللّهُ اَكْبَرُ، اَللّهُ اَكْبَرُ، لاَ اِلَهَ اِلاَّ اللّهُ
اَللّهُ اَكْبَرُ، اَللّهُ اَكْبَرُ، وَلِلّهِ الْحَمْ
Minal Aidin Walfa'idzin ,,
...Slamat Idul Fitri 1431 H Mohon Maaf Lahir & Bathin
ILMU KOMPUTER MENGUCAPKAN :
“Selamat hari raya Idul Fitri”
“TAQOBBALALLOOHU MINNA WA MINKUM”
“MOHON MAAF LAHIR DAN BATIN”
Guwe mau update postingan seperti tu, malah dah keduluan loe braad. ya dah ntar bisa jadi bahan rujukan deh....goood braada, oh ya guwe lom ngucapin minal aidzin wal fa'idzin sama loe. mohon ma'af lahir dan batin ya braaada...
@Belantara Indonesia:
SAMA2 SOBAT.. MHON MAAF LAHIR & BATHIN YA... :)
@anggar berkawand:
SAMA2 SOBAT.. Minal aidin wal fa idzin YA... :) ...
@ILMU KOMPUTER:
SAMA2 gan.. MHON MAAF LAHIR & BATHIN ... ;)
@Ganden:
hehe... ya gkppa..posting aj pake gaya bahasa lo bro..
oh iya..sama2 bro.. Mohon maaf lahir & batin yaa.. :)
Satu komentar buatmu: tampilan blogmu sungguh tidak menarik bagiku. Karena untuk membaca posting aja kudu nyari-nyari dulu klik yang mana.Bro, I am sorry, saya gak biasa bermanis-manis. Selamat ied 1431 H, maaf lahir batin.
Salam.
salam sahabat
wah wahhhh mas andi lama saya ga kesini makin kueren aja mas.tuh sangat saya butuhkan sudikah kiranya kalau saya save mas thanxs ya
@Dhana/戴安娜:
hihihi.. iya nih dhana somseK ya ..lama tk berkunjung.. ow..silahkan sj di save dhana.. monggo.. :)
biar tampilan search box seperti tertera pada gambar di atas gimana cara modifnya bro..? apa tidak melanggar TOS....
thanks
@rey:
tdk melanggar TOS.. krn Mbah Google sendiri yg menyarankan Google custom Search ini.. ;)
Thanks Banget buat informasinya bos.. Jadi Tambah Ilmu neh setiap hari..
Buat yang doyan berita mampir ke blog gw yah...
Kabar Terbaru
Untuk Informasi Lowongan Kerja terbaru silahkan ke sini..
Info Lowongan Kerja Terbaru
...Bagi yang doyan Jalan2 kalian bisa liat informasinya di siini!!!!
Bukit Lawang Centre
asik..mantap deh....makasih braad,
Nice info langsung di coba nich @_@
Jangan lupa mampir ya
http://hsajax.blogspot.com
@John Pinem:
oke mari kita saling BW :)
@ganden:
sama2 gan.. :D
@hsajax:
udah mampir gan... nice blog lu punya.. :D
thanks gan
@ALUMNI PSIK FK UGM:
oke.. silahkan dicoba gan
Bagaimana caranya kalau kita ingin membuat custom search lalu menambahkan Adsense kita mas?
Salam, kunjungan malam gan. ^_^
Akhirnya ketemu juga, Makasih ya gan :D
Visit blog saya ya gan :D
http://ktawayuk.blogspot.com
MAKASIH SEBELUMNYA GAN :)
sip gan... ane nemu jga yg bginian stelah 2 hari mencari
Poskan Komentar
KAMU KOMENG SAYA BALAS KOMENG... KAMU FOLLOW SAYA BALAS FOLLOW... MAU XCHANGE LINK JUGA BOLEH.... TAPI JANGAN BUAT SPAM KOMENTAR YA...