Cara Menampilkan Blog di Google

Google adalah mensin pencari terbesar di dunia untuk sekarang ini. Untuk sekarang ini jika orang ingin mencari berita mereka tinggal memasukkan kata di google, dan semua yang ingin mereka temukan langsung muncul di halaman pertama. Tentunya hal ini sangat membantu orang - orang yang ingin mencari berita , dan kemudahan ini hampir bisa dilakukan siapa saja sekalipun orang yang tidak terbiasa dengan internet(pemula). Ternyata selain membantu orang untuk mencari berita google juga berguna untuk...

Read more »

Mengganti Header Blog

Supaya blog Anda terlihat unik atau beda dari yang lain. Maka Anda harus mengganti tampilan blog Anda. Ada banyak cara untuk melakukannya. Misalnya dengan mengganti template yang dibuat oleh pihak ketiga tapi rata-rata template tersebut sudah ada yang menggunakannya. Terkecuali Anda membuat template sendiri namun cara ini memerlukan waktu yang lama dan tidak mudah untuk membuat sebuah template yang bagus. Jadi salah satu cara yang paling mudah dan efektif adalah mengganti header pada template. Header...

Read more »

Cara Membuat Widget Melayang

Cara Membuat widget melayang itu sebenarnya mudah, tapi saya sendiri membuatnya dengan mengulang beberapa kali. Tapi mungkin anda bisa membuatnya hanya denga satu kali. Itu mungkin jika anda melihat semua step di bawah ini (harus semua): 1. Masuk ke Blogger 2. Masuk ke tata letak 3. Tambah Gadget 4. HTML/JAVASCRIPT 5. Masukan Kodenya di bawah ini :     @font-face { font-family: "Cambria Math"; }p.MsoNormal, li.MsoNormal, div.MsoNormal { margin: 0in 0in 0.0001pt; font-size: 12pt; font-family: "Times New Roman","serif"; }.MsoChpDefault { font-size: 10pt; }div.Section1 { page: Section1; }   ...

Read more »

Pasang Tombol "Like" Facebook pada setiap Artikel Blog

Facebook, situs layanan jejaring sosial paling ngetop, baru-baru ini merilis fitur baru yaitu Faebook Like. Kalau sebelumnya tobol “Like” hanya terlihat pada situs Facebook saja (misalnya di bawah status update seorang pengguna Facebook), dengan fitur ini seorang pengguna Facebook bisa menunjukkan rasa suka/like langsung di situs di luar Facebook. Tapi tentunya hanya pada situs/blog yang memasang tombol ini.Nah, bila anda ingin juga memasang tombol “Like” di artikel blog, berikut ini cara pemasangannya....

Read more »

Menampilkan Widget pada Halaman Tertentu

Saya sudah pernah posting tentang Menampilkan Widget Hanya di Halaman Selanjutnya atau tentang Menampilkan Widget Hanya di Halaman Depan . Tapi kali ini saya akan posting lagi dengan beberapa tambahan tentang menampilkan widget hanya di halaman tertentu/di halaman yang anda inginkan saja. Oke langsung saja Step.By.Step : 1. Login ke blog anda tentunya2. Masuk Design > Edit HTML > beri centang pada Expand Template Widget3. Cari judul widget yang kalian ingin sembunyikan dan tambahkan kode berwarna merah berikut<b:widget id='HTML3' locked='false' title='The New Posting' type='HTML'><b:includable id='main'><b:if cond='data:blog.homepageUrl...

Read more »

Cara Membuat Cbox pada Blog

Kali ini saya akan membahas tentang cara membuat Cbox. Apa itu Cbox ? selalu deh kalo w posting nanya mulu. Ya udah Cbox itu ibarat seperti buku tamu, sebagai contoh lihat di sebelah kiri blog saya yang berjudul Chat BOX. Nah itu dia (tolong sekalian di isi ya...hehe). Ok lanjut, untuk membuat yang sepeti itu, cukup mudah ko. Ikuti Langkah-langkah di bawah ini : Pertama anda masuk dulu ke http://cbox.ws/ lalu daftar dengan cara klik sign up, ikuti langkah pendaftrannya. Sudah daftarnya ? Jika sudah silahkan Login ke Cbox anda, lalu klik Publish! Copy semua kode yang ada di step 1. sekarang Login ke blog anda, klik Layout/Tata Letak ->...

Read more »

Cara Menu Navigasi Melayang

Setelah banyak mencari Menu Navigasi yang unik ,akhirnya saya menemukan Menu yang cantik dan simple .Biasanya Navigasi itu berupa header saja ,tapi kali ini kita menggunakan animasi dan tidak perlu bermain HTML karena hanya perlu tambah gadget saja. Untuk lebih mudah perhatikan contoh di bawah ini .... Ini adalah gabungan dari 2 gadget yang saya pelajari dan modifikasi sendiri. Untuk membuatnya ikuti langkah-langkah di bawah ini : 1. Silahkan kunjungi http://www.flashvortex.com/menus.php 2....

Read more »

Cara Membuat Menu Floating Image

Oke sekarang mari kita bahas apakah itu menu floating image? menu floating adalah menu yang memiliki posisi tetap/fixed, berada di kanan/kiri dan atas/bawah. Sedangkan image adalah gambar. Berarti dapat di artikan bahwa menu floating image adalah menu floating yang menggunakan gambar. Jika anda seorang kaskuser, maka anda sering menjumpai tampilan seperti ini.  Floating Itu yang di tunjuk panah merah yang saya maksud floating. Nah sekarang kita langsung ke cara pembuatannya aja ya....

Read more »

Membuat Search Box

Kotak search (search box) yang saya maksud bukanlah search engine, tapi kotak search yang ini di gunakan untuk mencari artikel yang berada di Blog kita. Ok penjelasannya sudah selesai, langsung saja : 1. Login ke blog anda > Layout (tata letak) >> Page Elements (laman elemen) >>> Add a Gadget (tambah gadget) >>>> HTML/Java Script 2. Copy paste kode ini di kotak konten <form id="searchform" action="/search" style=" text-align:center;" method="get"> <input onfocus="if (this.value == &quot;Cari Artikel&quot;) {this.value = &quot;&quot;;}" value="Cari Artikel" type="text" id="s" onblur="if...

Read more »

Cara Membuat Float Gambar Melayang

Trik ini sebenernya udah jadul siih, dan udah nggak gue pake lagi. Dan trik ini bisa dipake dengan mengkombinasikannya dengan blog, maksudnya ya menyesuaikan dengan tampilan blog. Gambar ini bentuknya bisa gambar diem atau berekstensi .jpeg/.jpg atau bahkan gambar bergerak/animasi berekstensi... .gif . Udah maksud belum niih? Gambar melayang ini selalu ada di pojok dan tidak akan ikut kemana-mana kalo scroll window digerakkan. Kalo penasaran ya praktekin aja lah, niih caranya: Pastinya ya Login di Blogger terus pilih Layout/Tata Letak Kemudian pilih menu Edit HTML kemudian beri tanda centang pada Expand template widget Sekarang coba...

Read more »

Cara membuat Link Membesar ketika Sorot

Sebagai contoh coba anda arah kursor anda di sini. Bagaimana ? membesar kah ? nah... jika anda tertarik anda bisa ikuti langkah-langkah di bawah ini : 1. Selalu Login ke blog anda > Layout (tata letak) > Edit HTML 2. cari kode berikut ini yang mirip-mirip dengan ini (pusatkan pencarian pada bagian paling atas). a:link { color:$linkcolor; text-decoration:underline; font-size:12px; } a:visited { color:$linkcolor; text-decoration:underline; font-size:12px; } a:hover { color:#ff0000; font-size:18px; text-decoration:underline; } Perhatikan bagian font-size: (jika tidak ada anda bisa tambahkan sendiri). kode ini artinya adalah ukuran huruf...

Read more »

Membuat Tampilan Blog berbeda setiap Halaman

Sangat menarik sekali ya jika blog kita berubah penampilan pada setiap halamannya ,awalnya saya hanya sekedar main-main ,lalu saya menemukan cara ini disini.Baiklah saya akan menerangkan secara Step By Step sepertii pada blog ini : 1. Login ke blog anda > Design > Edit HTML 2. Cari kode ]]></b:skin> 3. Letakan kode berikut setelah kode ]]></b:skin> <style type='text/css'> <b:if cond='data:blog.url == &quot;URL posting yang tampilannya ingin di bedakan&quot;'>...

Read more »

Cara memasang Label Animasi/Tag Cloud

Ketika melakukan blogwalking, saya menemukan sebuah widget yang cukup menarik yaitu label animasi atau disebut dengan tag cloud. Label animasi ini mempunyai tampilan yang sangat menarik karena ketika kursor mouse disorot ke area tag cloud tersebut maka labelnya akan berotasi seperti orbit. Sehingga membuat blog kita terasa lebih interaktif. Label animasi ini mempunyai fungsi yang sama dengan label standar dimana setiap kali kita memberi label pada postingan maka label tersebut secara otomatis...

Read more »

Cara membuat Energy Saving Mode

Waktu saya lagi berkunjung ke blog sobat-sobat, saya menemukan hal yang belum saya ketahui, yaitu "Energy Saving Mode" atau juga bisa disebut "Screen Saver". Sebelum sobat mencobanya, coba tinggalkan blog saya ini (tapi jangan di close, cukup pindah ke tab lain) kira-kira 1 menit, dan lihat kembali blog saya..dan yg akan anda lihat seperti ini ... Kita langsung saja ke cara-caranya.. Login terlebih dahulu ke Blogger ID Anda. Masuk ke Tata Letak/Rancangan. Pilih tab Edit HTML Klik Download Full...

Read more »

Membuat Label Blog menjadi Berwarna

Blogspot memang tak asing lagi dimata kita. Sudah berapa lama anda ngeblog? Yap.. pertanyaan itu pasti sering kita terima. Lamanya kita ngeblog membuat kita makin handal dalam berkreasi pada blog yang dipunya. Postingan kali ini saya akan membahas tentang Membuat Label Blogspot Menjadi Berwarna. Seperti ini :Yap.. biasanya kan label blogspot normalnya berwarna hitam, sekarang kita akan membuat label blogspot menjadi berwarna. Sepertinya ini aman digunakan karena tidak mengganggu widget ataupun...

Read more »

Membuat Label Animasi pada blogger

Tutorial ini mungkin telah ditulis beberapa master saya yang ada di luar sana. Yang luar sana? dimana? maksud saya yang ada blog mereka masing-masing. Bagaimana cara membuat Label Animasi itu? Perhatikan dan Cermati langkahnya.  1. Login ke Account Blogger anda 2. Klik Rancangan 3. Klik Edit HTML 4. Klik “download template lengkap” supaya template anda aman. 6. Silakan copy kode di bawah dan paste pada Notepate terlebih dahulu<b:widget id=’Label99′ locked=’false’ title=’Labels’ type=’Label’><b:includable id=’main’> <b:if cond=’data:title’> <h2><data:title/></h2> </b:if> <div class=’widget-content’> ...

Read more »

Membuat Form Kontak pada Blog

Ingin membuat form kontak email di blogspot yang lebih mudah dan profesional?——————————————————————–Ketika kita berkunjung ke sebuah situs profesional penjual product atau jasa, maka disana kita akan menemukan menu contact. Menu “contact” (kontak) tersebut bisa berupa pemberitahuan alamat lengkap situs tersebut baik secara offline ataupun online dengan menyertakan alamat email, tujuannya tentu saja agar pengunjung situs tersebut bisa mencontact atau menghubungi pihak pemilik situs baik dalam...

Read more »