Membuat Menu Dropdown

Membuat Menu Dropdown | Tutorial Blog

Menu Dropdown merupakan kumpulan beberapa data berupa text dan link, yang di ringkas menjadi menu tunggal. Pada Tutorial kali ini saya akan berbagi tentang kode untuk membuat menu dropdown.

Berikut caranya : Login ke blogger, Kemudian Masukkan script berikut ini di area "Content" widget HTML/JavaScript blog Sobat.

<select onChange="document.location.href=this.options[this.selectedIndex].value;"> <option value=”http://alamat-url1.com“>Menu1</option> <option value=”http://alamat-url2.com“>Menu2</option> <option value=”http://alamat-url3.com“>Menu3</option> </select>

Hasilnya akan seperti ini; Menu1 Menu2 Menu3 Jika sobat ingin link yang diklik akan dibuka di window baru, silakan ganti kode <select onChange="document.location.href=this.options[this.selectedIndex].value;">dengan kode berikut ini : <select onchange="javascript:window.open(this.options[this.selectedIndex].value);"> Sebagai contoh saya akan menggunakan kode tersebut untuk Link Teman. Berikut kodenya;

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);"> <option selected="selected" value="0">Link</option> <option value="http://bakulatz.wordpress.com/">BakulatZ</option> <option value="http://m4d13.blogspot.com/">m4d13_blog</option> </select>

Maka hasilnya seperti ini; Semoga Artikel diatas bisa membantu sobat yang ingin Membuat Menu Dropdown.

Read More

Sunset Travel WordPress Theme

Sunset Travel WordPress Theme | Tutorial Blog

Template Details :

Platform Type	WP / WordPress
Template Name	Sunset Travel WordPress Theme
Descriptions	Sunset Travel is a free Magazine Style WordPress Theme with features such as latest tweets, featured gallery, post thumbnail, featured video, popular posts and lots more. Suitable for travel and all niche.
Template Author	http://wpthemesgallery.net
Designer	WP Themes Gallery

• Demo
• Download

Source : templatebloggers.com

Read More

Memasang Opsi Reply Komentar

Memasang Opsi Reply Komentar | Tutorial Blog

Pada blog dengan platform Wordpress, tool ini sudah otomatis terpasang dalam form komentarnya, Beda dengan blogger, Namun Anda juga dapat memasang opsi reply di blogspot. Buat Sobat yang ingin memasang opsi reply di form komentar blog. Berikut tutorialnya :

• Login ke dashboard blogger. Buka menu Design > Edit HTML
• Beri centang pada 'Expand Widget Templates'
• Cari kode
     <data:commentpostedbymsg>
  atau
     <data:comment.timestamp>
• Letakkan kode berikut diatas atau dibawahnya
      <span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=BloggerIdAnda&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#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=yes, width=400, height=450&quot;); return false;'>[Reply Comment]</a></span>
  Ganti tulisan yang berwarna merah dengan id blog anda. Untuk mengetahui id blog anda klik menu Design lalu perhatikan digit angka pada address bar anda.
  
• Kemudian klik Save Template, dan lihat hasilnya.

Selamat mencoba...

Read More

Memindahkan Blog ke Gmail Lain

Memindahkan Blog ke Gmail yang Lain | Tutorial Blog

Tutorial kali ini akan saya bahas cara memindahkan blog ke akun Gmail yang lain, berikut caranya :

• Buka akun blogger anda dengan akun A, lalu pada dashboard blog anda pilih Settings / Setelan. lalu klik Permissions / Izin.
  
• Pada blog authors anda tambahkan author baru dengan mengklik Add Author,
  
  lalu masukan email B anda, dan klik Invite.
  
• Selanjutnya Signout dari email A anda dan buka email B anda, akan ada email dari gmail, dan klik link yang ada disitu, secara otomatis email B anda sudah aktif menjadi author pada blog yang tadi anda pindahkan.
• Karena mau dipindahkan semuanya, jadi kita harus mengubah status author pada email B menjadi ADMIN, caranya kembali singout email B tersebut dan login kembali dengan email A. Pada menu settingan permissions tadi ubah status email B menjadi admin dengan mengklik Grant admin privileges.
  
  Kalau sudah delete email A dari admin blog tersebut.
  
• selesai, sekarang akun blog anda sudah pindah ke akun email B.

Sekian tutorial tentang Memindahkan Blog ke Gmail Lain.

Read More

Membuat ReadMore Pada Postingan

Membuat ReadMore Pada Postingan | Tutorial Blog

Fungsi read more adalah untuk memotong / mempersingkat artikel di halaman awal, sehingga tidak menampilkan keseluruhan isi dari artikel pada halaman awal blog, dengan begitu akan mempercepat loading blog dan tampilan blog akan lebih rapi.

Berikut cara membuat Read more :

• Di anggap Anda sedang membuat sebuah postingan,
  Kemudian pada pada halaman posting blogspot pilih tab Compose,
  Tempatkan posisi mouse (kursor) pada akhir tulisan yang akan dibuat read more
  
  Lalu klik Insert Jump Break.
  
• Untuk Wordpress pilih tab Visual, kemudian tempatkan posisi mouse (kursor) pada akhir tulisan yang akan dibuat read more, lalu klik Insert More Tag (Alt+Shift+T).

Selesai,,, Silakan Anda klik publish.

Gampang kan!?, Semoga artikel ini bermanfaat...

Read More

Menghapus Blog dari Google Friend Connect

Menghapus Blog dari Google Friend Connect | Tutorial Blog

Berikut Cara Menghapus Blog dari Google Friend Connect :

• Login ke akun Google
• Masuk ke http://www.google.com/friendconnect
• Pilih blog yang mau dihapus kemudian klik Settings / Setelan.
  
• Setelah itu klik tab Advanced / Tingkat Lanjut.
  
• Geser ke bawah sampai pada pilihan untuk menghapus blog dan Klik di sini / Click here.
  
• Setelah itu muncul halaman konfirmasi penghapusan blog, ketik Yes pada kolom yang disediakan dan terakhir klik Submit / Kirim.
  
• Selesai,,, sobat sudah berhasil menghapus blog dari akun google friend connect.

Semoga bermanfaat...

Read More

Widget IP Address

Widget IP Address | Tutorial Blog

Buat Sobat yang ingin mempercantik tampilan blog dengan menampilkan IP address pengunjung, Sobat dapat menggunakan widget berikut ini :

Berikut cara memasang widget IP Address :

• Masuk ke www.wieistmeineip.de
• Klik pada widget IP Address.
  
• Lalu pilih Widget yang ingin Anda tampilkan, terdapat dua versi; bahasa Jerman dan bahasa Inggris.
• Kemudian Copy kode yang ada dibawahnya. dan pasang pada widget Html blog Sobat.
  

Jika belum bisa memasang widget silakan baca

• Memasang Widget / Gadget di Blogspot 
• Memasang Widget di Wordpress.com

Data yang di tampilkan pada widget tersebut hanya dapat dilihat oleh pengunjung, dan tidak dicatat atau disimpan oleh anda.
Kiranya cukup segini artikel saya tentang memasang widget IP Address.

Read More

Menonaktifkan Komentar pada Halaman WordPress

Menonaktifkan Komentar pada Halaman WordPress | Tutorial Blog

Pada artikel sebelumnya saya berbagi tentang Membatasi Komentar di WordPress, Postingan kali ini tentang cara Me-non aktifkan Komentar pada Halaman WordPress.

Berikut cara Me-non aktifkan Komentar pada Halaman :

• Setelah Login ke Dasboard, Klik pada Page / Halaman.
  
• Lalu Klik Quick Edit pada bagian bawah page yang ingin di edit.
  
• Hapus centang pada Allow Comments.
  
• Terakhir KLik Update.
  Selesai...

Semoga Bermanfaat...

Sumber : Cara Me-non aktifkan Komentar pada Halaman WordPress

Read More

Membatasi Komentar WordPress

Membatasi Jumlah Komentar di WordPress.com | Tutorial Blog

Tutorial kali ini saya akan berbagi tentang cara membatasi komentar di Wordpress.com. Membatasi jumlah komentar di blog dapat menghemat halaman agar tidak terlalu panjang, dan mempercepat loading sewaktu blog kita dibuka.

Berikut langkahnya untuk membatasi jumlah komentar :

• Login ke Wordpress Anda.
• Pada sebelah kiri halaman klik menu Settings > Discussion.
  
• Pada Other comment setting beri tanda centang ( √ ), pada Break comments into pages with silahkan isi berapa komentar yang ingin Anda tampilkan.
  
• Untuk pilihan top level comments per page and the pilih salah satu last untuk menampilkan komentar yang paling terakhir untuk dimunculkan atau first untuk komentar pertama.
  
• Kemudian untuk Comments should be displayed with the pilih older untuk komentar yang paling lama dan newer untuk komentar yang terbaru.
  
• Terakhir klik Save Changes.
  

Semoga Bermanfaat...

Read More

Memasang Like Box Facebook

Memasang Like Box Facebook | Tutorial Blog

Pada postingan yang lalu saya berbagi tentang cara Memasang Tombol Like Facebook Pada Tiap Postingan, untuk kali ini saya bahas cara Memasang Like Box Facebook di Blogspot dan Wordpress.com

Sebelum memasang widget Like Box Facebook, Sobat harus mempunyai akun facebook dan membuat fans page terlebih dulu.
Untuk langkah membuat fans page facebook dapat Sobat ikuti tutorial ini:

• Login ke Facebook. Lalu buka link http://www.facebook.com/pages/create.php?
• Selanjutnya pilih salah satu icon, biar lebih mudah pilih Merek atau Produk.
  
• Pilih Kategori dan isi nama blog Anda pada kolom dibawahnya. Beri centang pada Saya menyetujui Ketentuan Halaman Facebook. Lalu klik Mulai.
  
• Terus ikuti perintahnya sampai selesai, yang perlu di ingat alamat fans page Anda, lihat gambar :
  

Selanjutnya Cara Membuat dan Memasang Like Box Facebook di Blogspot :

• Buka http://developers.facebook.com/docs/reference/plugins/like-box/
• Pada kotak Facebook Pages URL (?), masukkan url dari fans page sobat.
  Contoh : http://www.facebook.com/pages/Tutorial-Blog/176280822460028
• Tentukan Width / lebar dari box yang ingin Sobat tampilkan. Jika sudah selesai klik Get Code.
  
• Pilih IFRAME. Dan Copy kode yang diberikan.
  
• Login ke blogger
• Pilih Rancangan > Edit Laman > Tambah Gadget > HTML/JavaScript, dan pastekan kode tadi di kolom Konten.
  
  Jika belum bisa menambah widget silakan baca Memasang Widget / Gadget di Blogspot
• Save / Simpan dan lihat hasilnya.

Cara Memasang Like Box Facebook di WordPress :

• Login ke wordpress Anda, Masuk ke Appearance > Widget.
  
• Cari widget Facebook Like Box, Drag ke sidebar.
  
• Isi Facebook Page URL dengan alamat URL pages facebook Sobat,
  Contoh : http://www.facebook.com/pages/Tutorial-Blog/176280822460028
• Tentukan lebar box sesuai lebar sidebar, atur pada Width.
• Klik Simpan / Save.
  
• Selesai. Sekarang lihat halaman Blog Anda.

Selamat Mencoba . . .

Read More