Cara Membuat Related Post Unik di Bawah Postingan Tanpa Merubah HTML Template

Pernahkah anda membuka suatu situs lalu dibawahnya terdapat tampilan menu bergambar yang menandakan related post atau postingan terkait. Menarik bukan, dikarenakan juga tampilannya cukup bagus dan menarik dengan adanya gambar thumbnail . Ini juga merupakan salah satu trik SEO agar pengunjung melihat , tertarik dan akhirnya mengklik tautan artikel tersebut. Related post ini akan terisi dan berubah otomatis tanpa anda harus mengaturnya lagi. Membuatnya pun sangat mudah , tanpa harus mengatur ngatur lagi rancangan HTML. Bagaimana cara membuat artikel terkait / related post bergambar di bawah postingan ? 1. Pergilah ke situs Linkwithin 2....

Cara Membuat Widget Melayang Pada Pojok Kanan Blog

Gara-gara melihat widget melayang pada blog sobat saya akhirnya saya tertarik bikin tutorial kayak gini. Bukan berarti saya jago yah. Kebetulan saja saya tau yang bagian ini. Sebagai contoh hasilnya yaa google+ saya yang melayang pada pojok kanan bawah blog ini yang dapat anda lihat pada blog ini. Mau tau cara buatnya baca tutorial ini yaaa. klo mau buat widget melayang tutorial dasar nya ada di bawah ini: 1. Login ke Blogger 2. Pilih blog anda dan pilih tab "Tata Letak" (ini ga tau kalo bahasa inggris tertulisnya apa :D) 3. Cari widget yang ada code shoutmix atau cbox-nya (Sebenarnya widget apa aja yang tipenya HTML/JavaScript) kemudian...

Cara Membuat Google+1 Melayang pada Pojok Kanan Bawah Blog

Saya terpancing membuat Tutorial ini karena saya melihat blog sobat saya yang membuat widget seperti ini. Akhirnya saya pun memulai trik pembuatan widget ini walaupun sempat gagal tapi akhirnya saya pun berhasil. Karena widget ini sangat penting kita pasang pada blog kita karena dengan memasang widget google+1 ini maka kita dapat mempromosikan postingan kita lebih cepat di google klo banyak yang memberi +1 pada postingan kita.  Baiklah mari kita mulai saja cara pembuatannya : 1. Login ke dashboard blogger 2. Masuk ke tab "Tata Letak" 3. Lalu pilih tambah Gadget lalu pilih tambah "HTML/Javascrip" 4. Masukan kode dibawah ini pada...

Cara Membuat Widget SMS Gratis

Cara membuatnya : Widget Sms Gratis 1. Login blogger 2. Rancangan, elemen laman, tambah gadget, html/java script 3. Copas kode di bawah ini :  <iframe name="I2" src="http://sms-online.web.id/widget"style="border: 2px solid rgb(255, 255, 255);" frameborder="0" height="238" scrolling="no" width="97%"> not support</iframe><br /><small><center><a href='http://economoy.blogspot.com' rel='nofollow'>Make Widget</a></center></small><br /> yang berwarna Biru silahkan ganti sesuai keinginan 97 (lebar) 238 (tinggi) Simpan.............. Selamat mencob...

Membuat Menu Auto-Hide ( Spoiler )

Hampir sama dengan postingan saya disini, kali ini akan menulis bagaimana membuat menu auto-hide yaitu menu yang bisa dikenal sebagai spoiler berguna untuk menyimpan / menyembunyikan sebuah gadget/widget yang dirasa terlalu menonjol dan menyebabkan blog kita terlalu besar agar blog kita terlihat rapi, jadi nantinya spoiler hanya akan muncul jika di klik oleh mouse dan sembunyi ketika diklik lagi.Cara untuk membuatnya adalah :1. Login to Blogger kemudian pilih "Layout"2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).3.Copy Paste Script yang ada di bawah ini : <div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width:...

Cara Membuat Chat Room Pada Blog

Yang di maksud disini adalah chat room seperti mIRC, dan bukan shoutbox seperti kotak pesan singkat begitu. Untuk script-script chat yang banyak tersedia di internet kan biasa nya di sediakan bagi website kita yang sudah memiliki hosting sendiri, dan biasa nya script tersebut mesti di instal dulu di tempat kita menyewa hosting, tapi..biasa nya para pemiliki web hosting memiliki aturan bahwa kita tidak boleh menginstal script-script yang terlalu memakan banyak resource seperti script IRC (chatting), namun sebenarnya ada cara lain untuk membuat chat room sendiri tanpa harus menyewa hosting VPS.Yaitu dengan menggunakan Chat room...

Cara Membuat Popular Posts Dengan Efek Slide

Dilihat dari tampilannya, Popular Posts dengan menggunakan efek animasi slide memang sangat keren bila dipasang pada web atau blog kita. Sampai saat ini saya masih tetap tertarik dengan widget ini, makanya kali ini saya update kembali random post tersebut. Random post ini sudah lama saya dapatkan dari blogger senior Abu Farhan (Tanks Bang...., sukses dan tetap berkarya selalu...) Pada update kali ini, saya sedikit merubah tampilan widget random post tersebut, biar tampil beda, saya yakin sobat blogger suka. Silahkan anda  LIHAT DEMO Bila anda berminat, silahkan ikuti langkah - langkah dibawah ini : 1. Klik Rancangan dan...

Membuat Tab View Menu Tanpa Edit HTML di Blogspot

Sebelumnya saya sudah pernah membahas tentang cara membuat tab view menu (menu dengan tab), namun dalam pembuatan tab view menunya kita harus mengedit HTML template. Mungkin banyak sobat blogger yang takut gagal sehingga bisa merusak template, padahal tidak mungkin rusak jika sebelum melakukan pengeditan sudah membackup template terlebih dahulu. Setelah bereksperimen, akhirnya saya coba dengan meletakkan kode script-nya langsung di gadget, ternyata berhasil. Dengan menyatukan semua kode yang ada, pembuatan menu tab view tidak perlu lagi susah payah mengedit HTML template. Jika sobat sudah pernah membaca postingan saya yang...

Cara Membuat Widget Atau Sidebar Blog Menjadi Dua Kolom

Membuat widget atau sidebar blog menjadi dua kolom maksudnya adalah seperti kasus blog saya ini, sobat bisa perhatikan bagaimana saya membuat satu widget menjadi dua bagian, dengan demikian  bisa membuat sidebar blog lebih hemat dan sedikit rapi. Sobat tertarik ingin mencoba? lanjutkan.. Membuat membuat widget atau sidebar blog menjadi dua kolom sangat mudah, sobat hanya perlu menambahkan sedikit kode html. Tenang, saya tidak mengajarkan html karena sobat pasti tidak mau, yang penting bagaimana bersihnya. hehe.. Nah, dalam widget tersebut saya menambahkan kode tabel sehingga menjadi dua kolom dan diikuti script widgetnya....

Membuat Dan Mengatur Letak atau Posisi Widget Melayang

Pada kesempatan ini saya akan menjelaskan bagaimana cara membuat widget melayang dan cara mengatur posisi widget melayang tersebut. Anda sudah tau widget buku tamu melayang ? Baca dulu biar anda tau, hehehehee disana menjelaskan bagaimana membuat buku tamu melayang, dan sekarang saya akan jelaskan untuk widget melayang dan cara mengatur posisinya. Nahhh . . . Pertama sama jelaskan dulu bagaimana membuat widget melayang :   Pertama Masuk ke Edit HTML di Tata Letak, jangan lupa centang expand widget template, lalu cari code ]]></b:skin> kalau sudah ketemu copy dan paste code berikut tepat diatas code ]]></b:skin> tadi : #melayang { position:fixed;_position:absolute;top:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth...

Buku Tamu Tersembunyi Di Bagian Kanan Blog

Keren....!!Buku Tamu tersembunyi alias tidak terlihat merupakan trik yang sangat bermanfaat bagi peblogger, karena selain dapat menghemat tempat juga dapat menambah keindahan dan........ yang tidak kalah pentingnya dapat mengurangi beban blog dalam proses loading ( Begitu kata sumber tips ini yaitu :LOVE IS BEAUTY) Sebenarnya tips ini bukan hanya buku tamu yang dapat anda tampilkan, tapi bisa berupa image atau widget lainnya. Silahkan anda pilih mana yang menurut anda paling sesuai untuk ditampilkan. Langkah-langkah yang dapat anda lakukan cukup mudah yaitu : Masuk ke Blogger dengan ID anda. Pilih Tata Letak. Pilih Elemen...