Jumat, 15 Maret 2013

Cara Membuat Autoblog Di Blogspot

Cara Membuat Autoblog Di Blogspot
Bagi blogger yang malas update artikel seperti bloggertrik tentunya juga ingin sekali blog yang kita punya tetap terupdate. Beberapa alasan seperti tidak punya waktu untuk postingan, tidak punya ide untuk menulis, dll Autoblog inilah solusinya. Autoblog itu sendiri adalah dimana konten di blog kita terupdate secara otomatis karena mengikuti feed blog orang lain melalui langganan dengan email.

Cara membuat emoticon bergerak di blog


Cara membuat emoticon bergerak di blog
Artikel kali ini membahas tentang bagaimana caranya membuat emotion yang diberikan oleh blogger tidak bergerak dan emotion yang kali ini adalah dari yahoo, emotion tersebut bergerak.

Untuk menambahkan emoticon bergerak di dalam artikel di blog silahkan copy dan pastekan kode di bawah ini pada artikel yang akan anda buat di blog:

Cara Membuat menu Dropdown di sidebar blog

Cara Membuat menu Dropdown di sidebar blog
Saat kita bertukar link dengan teman maka link kita juga akan tersebar di berbagai blog lain dan sekaligus mendapatkan backlink dari blog teman kita, tentu saja itu akan menguntungkan ke dua belah pihak.
Namun apa jadinya kalau terlalu banyak link blog lain terpampang di sidebar blog kita?, misalkan ada seratus link blog lain yang ada pada blogroll di sidebar kita.
jawabannya tentu saja blogroll tersebut akan memenuhi blog kita. Itu akan membuat blog kita kurang enak dipandang mata.

Tips Trik Blogger - Cara membuat Text Area di blog

Cara membuat Text Area di Blog - cara memasukan code HTML dalam text area dan cara membuat text area. itu dia yang akan kita bahas pada pertemuan kali ini. tentunya teman-teman sempat bertanya apa itu istilah dari Text Area?, baik akan saya bahas disini. Text Area merupakan sebuah ruangan atau tempat dimana kita akan menempatkan atau menyimpan sesuatu yang dianggap khusus atau penting berbeda dari yang lain. 
mungkin kita contohkan secara umunnya yaitu kata kata penting atau pun sebuah coding/code HTML yang biasanya bila dalam sebuah blog di buat yang fungsinya untuk menyimpan sebuah HTML link blog itu. dan intinya untuk pengunjung juga akan terasa enak dan gampang dalam pengcopian code HTML nya. mungkin langsung saja lihat dibawah ini cara agar kita memasang code HTML pada text Area :

Trik dan Kode-kode Untuk Menampilkan dan Menghilangkan Widget Content Blog

Dipostingan kali ini kita akan membahas bagaimana cara menghilangkan dan menampilkan suatu objek diblog. Dalam mendesign sebuat template, Penggunaan Trik dan Kode-kode Untuk Menampilkan dan Menghilangkankan ,atau lebih tepatnya menyembunyikan Widget Content Blog ini sangat diperlukan agar hasil template yang kita buat tidak terlihat monoton. Sebagai contoh adalah widget slider dan salah satu sidebar yang ada pada blog ini. Widget tersebut hanya akan muncul dihalaman utama dan kategori blog dan akan menghilang jika kita masuk kehalaman posting.

Membuat Chat Room Di Blog Kita

Banyak sekali alasan orang pergi ke warnet, karena saat iniperkembangan di dunia ini sangat pesat. Ada yang berselanjar di dunia maya untuk mengupdate blog, friendster, atau situs jejaring sosial yang sekarang ini semakin marak. Yang sekarang naik daun mungkin face book dan masih ada lagi my space. Itu salah satu tujuan orang berselanjar di dunia maya, mengupdate ada lagi yaitu untuk chatting.

Nah, sekarang bagaimana agar blog kita juga dapat menyediakan ruang untuk chatting ( chat room ) agar orang menjadi betah di blog kita. Ada penyedia jasa bagi kita untuk berkreasi membuat chat room, kita tinggal datang ke Meebo disana kita dapat membuat chat room secara gratis.

Menambahkan Meta Tag Deskripsi Berbeda pada Setiap Postingan

menambahkan meta tag deskripsi berbeda pada tiap postingan di blogger atau blogspot
Meta Tag Deskripsi Berbeda Pada Tiap Postingan. Pada postingan sebelumnya (baca: Membuat Meta Description Tag Blogger / Blogspot) saya sudah menjelaskan tentang apa itu Meta Tag dan bagaimana menambahkan Meta Tag pada Blogger / Blogspot.

Pada postingan kali ini saya akan menjelaskan cara membuat meta tag description / deskripsi berbeda pada setiap postingan. Pada tampilan dasbor blogger lama (old interface) kita harus menambahkan kode manual pada Edit HTML. Sedangkan pada dasbor baru blogger (blogger new interface), kita lebih mudah menambahkan Meta Tag Deskripsi ini.

Mengatasi H1: Zero, that is Really Bad di Chkme.com

Mengatasi Tag H1 yang tidak ditemukan di Chkme.com. Bagi sobat yang suka Optimasi SEO tentunya sudah tidak aneh dengan Chkme.com, dimana kita bisa men-chek apakah template kita SEO friendly atau tidak. Sebetulnya saya sendiri masih awam soal optimasi SEO ini, ratusan bahkan ribuan artikel tentang optimasi SEO dan kadang-kadang ada perbedaan akhirnya, saya biarkan begitu saja apa adanya.

Hari ini saya mencoba cek SEO template Gallery template saya www.gallerybloggertemplates.com, dan ternyata hasilnya sangat tidak memuaskan :( Ternyata Tag H1 tidak ditemukan. H1: Zero, that is Really Bad, dan hasilnya cuma 53%. Silahkan lihat screenshootnya :

Memasang Pin it Button pada Tiap Gambar di Blogger

Tutorial cara memasang atau menambahkan Pin it button pada tiap gambar/image di postingan Blogger/Blogspot. Pada postingan sebelumnya saya sudah menjelaskan bagaimana cara menambahkan pin it button pada postingan, kali ini agak sedikit berbeda. Kalau pada tutorial sebelumnya tombol Pin it hanya tampil pada akhir postingan, kali ini bagaimana caranya setiap gambar mempunyai tombol pin it (Pin it button).

Tuorial ini sangat cocok bagi sobat yang suka share foto-foto, baik desain, wallpapper, theme, dan lain-lain, karena tidak usah memilih foto yang akan di Pin.

Auto Read Mode dengan Thumbnail No Image di Blogger

Pada postingan dulu, saya sudah menjelaskan bagai mana cara membuat Auto Read More dengan thumbnail. Akan tetapi kekurangan dari script tadi tidak akan menampilkan thumbnail pada postingan yang tidak disertai gambar.

Saat ini script telah disempurnakan dengan menggunakan default thumbnail, baik dengan gambar 'no image' atau gambar apa pun yang anda sukai. Screen shootnya seperti ini :

Clone Template Blogspot / Blogger

Clone Template Blogspot / Blogger - Sebenarnya sangat mudah untuk clone (duplikat) template blogspot, sobat hanya diperlukan penguasaan CSS, HTML dan XML. Banyak tutorial cara clone template blogspot bertebaran di internet. Saya melihat banyak sekali template clone ini bertebaran, yang pasti blog-blog ternama yang jadi incaran para cloner.

Sangat disayangkan, ketika belajar tentang cara clone template blogger / blogspot ini hanya untuk dishare bahkan diperjual belikan. Menurut saya, blogger seperti ini tidak punya etika, dan bukanlah blogger sejati. Bayangkan, jika sobat sudah bekerja keras memoles template sobat sedemikian rupa, memakan waktu berhari2 atau minggu, kemudian dengan seenaknya di clone.

Cara Agar Blog Ramai Pengunjung dan Banyak Komentar

Cara Agar Blog Ramai Pengunjung dan Banyak Komentar - Satu hal yang wajar ketika kita membuat blog, pasti blog tersebut ingin ramai dikunjungi banyak pengunjung, selain itu juga menginginkan banyak komentar yang masuk pada tiap postingan. Toh buat apa kita membuat blog kalau sepi pengunjung. Adapun komentar tidak menjadi patokan peringkat sebuah blog, akan tetapi menunjukan bahwa dengan banyaknya komentar setidaknya blog tersebut memang mempunyai pengunjung.

Sudah banyak penjelasan tentang cara membuat blog agar ramai pengunjung dan banyak komentar didalamnya. Akan tetapi, ada yang menarik perhatian saya ketika mengunjungi blog Odhzar Jhadeya, disampaikan dengan cerita fiksi, yang berupa konsultasi pemula dengan seseorang yang sudah malang melintang di dunia Blogging. Cerita ini akan saya suguhkan kembali buat sahabat blogger, dalam versi saya dan sedikit diberi tambahan.

Menampilkan Thumbnail Hanya di Halaman Depan

Menampilkan Thumbnail Hanya di Halaman Depan. Mungkin trik ini sobat sudah pada tau, ya itung2 sharing buat pemula aja, bagaimana cara menampilkan thumbnail gambar hanya pada halaman depan (home page), dan tidak akan tampil pada halaman postingan. Apabila menggunakan platform WordPress istilah ini disebut Featured Image.

Supaya lebih jelas silahkan lihat contoh gambar, pada halaman depan blog saya muncul thumbnail gambar, sedangkan pada halaman postingan akan hilang / tidak ditampilkan.

Tag Kondisional dan Cara Penggunaannya

Beberapa rekan mungkin sudah familiar dengan kata-kata Tag Kondisional, atau mungkin sebagian baru mendengar apa itu tag kondisional. Secara sederhana, arti tag kondisional adalah tag yang digunakan untuk mengatur elemen-elemen di mana akan ditampilkan, atau dimana akan disembunyikan.

Sebagai contoh, kita akan menyimpan kode Like Facebook yang hanya tampil pada halaman postingan, sedangkan pada halaman utama / homepage, Like Facebook ini disembunyikan. Maka kita perlu menggunkan tag kondisional. Atau seperti blog saya, pada halaman utama tampil 3 kolom, ketika masuk halaman postingan, maka kolom tengah akan hilang. Untuk mengaturnya kita perlu Tag Kondisional.

Untuk yang sudah mahir silakan kunjungi sumber pengambilan saya pada blog Kang Taufik Nurrohman tentang Tag Kondisional Tingkat Pertama dan Tag Kondisional Tingkat Lanjut. Disini saya coba jelaskan   tentang tag kondisional serta penggunaannya bagi pemula.


Tag Kondisional Halaman Muka (Homepage)

Membuat Banner Melayang di Kiri atau Kanan Blog

Membuat Banner Melayang di Kiri atau Kanan Blog - Mungkin sobat pernah melihat blog yang memasang banner melayang di samping kiri atau kanan blog. Artinya, banner tersebut tetap diam pada tempatnya walaupun mouse di scroll ke bawah. Dalam istilah lain disebut fixed banner.

Ide postingan ini, saya dapatkan ketika mengunjungi web muslim.or.id, ada banner penjualan buku yang mengarah ke pustaka.muslim.or.id. Dari situlah muncul ide untuk membuat postingan ini. Walau pun mungkin telah banyak tutorial seperti ini, dengan kode yang berbeda. Untuk melihat penampakan dan demonya silahkan lihat  gambar di bawah.

Cara Membuat Breadcrumbs / Navigasi di atas Postingan di Blogspot/Blogger

Cara Membuat Breadcrumbs SEO Friendly. Banyak tutorial yang menjelaskan cara membuat breadcrumbs di Blogspot/Blogger. Kali ini saya akan menjelaskan cara membuat breadcrumbs yang SEO friendly dan semua label terindeks oleh Search Engine.

Breadcrumbs merupakan menu navigasi yang berada di atas judul postingan seperti yang ada di blog saya. Struktur ini tentu berbeda dengan WordPress, yang bisa membuat child category. Struktur di bloger hanya Home kemudian Label. Apabila memiliki beberapa label, maka akan terbaca seperti ini :

Membuat Semua Link di Blogspot terbuka di window (tab) baru /Make All Links Open In A New Window 3 comments

If you compose your blog, as I do, with lots of links to other blogs and web sites, you may make it convenient for your readers to view those other blogs or web sites then return to your blog. Instead of viewing the other blog or web site in the same window, you open the other blog or web site in a new window. When your reader finishes viewing the other blog or web site, he / she simply closes the new window. The article that he or she was reading, in your blog, is right there in front of them.

You can, similarly, do this with pictures. If you want your reader to view a picture, then return to the text in your article, you open the picture in a new window.

Instead of coding each individual link to a blog, picture, or web site, you can make all links within your blog open in a new window. Simply add a "<base target='_blank' />" to your blog, in the header.

Find
<head>

Cara membuat Jam Cantik dan Berbunyi di Blog (blogspot) tanpa Banner

Jika anda ingin membuat atau memasang jam cantik seperti  dibawah pada blog  anda, caranya adalah seperti berikut ini:





buka: Blogger Dashboard > Layout > Page Element > Add a Gadget > HTML/JavaScript

Mengedit Struktur Tampilan Blogger Mobile Templates

Where to Start?

Go to Template and Click on the Gear Icon below the Mobile Template. From the Dropdown opt for “Custom”, Preview the mobile template  and Save it

Customizing the structure of your Mobile Template.

Blogger Templates are made up  using Widgets.Blogger has added a new property(mobile) to the tag. This property can take values ‘default', ‘yes', ‘no' or ‘only'. And this property will determine how the widget will be rendered in the mobile view.
The widgets that display on mobile by default are the following:
  • Header
  • Blog
  • Profile
  • PageList
  • AdSense
  • Attribution
If you want to hide any of those, then use the property mobile='no' in the Widget tag, and that widget would no longer appear in the mobile view.

Membuat related post unik di blogspot

Hallo Sobat Edit-HTML, dipertemuan kali ini kita akan membahas cara membuat related post unik di blogspot yaitu sangatlah mudah hanya dengan memberikan tambahan kode script yang akan saya berikan di bawah ini tetapi saya sarankan agar terlebih dahulu untuk memback up template untuk berjaga-jaga jika terjadi sesuatu hal yang tidak di inginkan. 


1. Silahkan masuk ke akun sobat.

Anti Copy Paste dari Blog Kamu

Sahabat EDIT HTML yang saya gemari, di kesempatan ini kita akan membahas cara untuk melindungi data yang ada di blog sahabat, jika blog sahabat mempunyai isi yang hanya ingin ditampilkan untuk dibaca pengunjung saja tetapi tidak untuk di copy dan di paste di blog lain. Salah satu cara terbaik yang harus diterapkan adalah dengan cara menempatkan kode anti copy paste di blog sahabat. Berikut ini adalah langkah-langkahnya yang saya sajikan secara simple dan praktis.


  • Login ke blogger, klik rancangan dan pilih Tab EDIT HTML