Apr 29, 2012

Cara Memilih dan Edit Template Blog Yang SEO Friendly

Template blog adalah ibarat pakaian untuk sebuah blog. Secara umum seorang blogger pasti menginginkan tampilan blog yang sebagus-bagusnya. Namun terkadang malah melupakan aspek-aspek SEO on Page. Bagaimanakah tips dan cara memilih template blog yang SEO friendly, seperti apa pula ciri-ciri template blog SEO friendly itu? Ada beberapa hal yang harus kita perhatikan dalam memilih template yang akan digunakan untuk blog kita. Antara memilih template dan mengedit template memiliki keterkaitan, Mengapa? Setiap kita mendownload template kemudian menerapkannya di blog kita, saya yakin sobat semua pasti akan merubah sebagian kode CSS, HTML, maupun kode javascript yang ada, karena itulah maka dalam pembahasan di bawah saya campurkan antara tips memilih template yang baik dan cara mengedit template. 

  1. Hal pertama tentunya adalah ukuran template yang akan dipakai. Semakin ringan suatu template tentu berdampak pula pada semakin ringannnya loading blog. Tentu disukai search engine plus pengunjung pula. Sobat tentu pernah mendownload template bukan? biasanya berformat zip atau rar yang kemudian kita ekstraks. Disini bisa kita lihat ukuran besar template tersebut yang berekstensi .xml. Lihat berapa ukurannya, jika lebih dari 50 kb pertimbangkan lagi untuk memakainya. Belum lagi jika kita masukkan kode-kode auto read more, breadcrumb, tombol share serta widget-widget lain. Jangan sampai pengunjung kabur dengan lambatnya loading blog kita.
  2. Pilihlah template yang sidebarnya berada di kanan. Ini bertujuan agar crawl web lebih dulu mengindeks postingan kita. Kalaupun harus dipasang widget di sidebar kiri, pastikan yang ringan-ringan saja. 
  3. Buat sobat yang biasa mengganti template pastikan sobat memiliki blog ujicoba/cadangan. (silakan buka artikel cara membuat blog cadangan). Ujicoba dulu template yang dipilih di blog cadangan tersebut sebelum menggunakannya di blog “betulan”. Hal ini agar blog yang betul-betul kita kelola bisa terlihat bagus, optimal dan terlihat rapi.
  4. Berkaitan dengan hal pada nomer 3 di atas, perhatikan, apakah banyak kode-kode javascript yang terurai di dalam template tersebut. Jika Ya, bisa dipastikan template tersebut berat loadingnya. Kecuali jika kode javascriptnya di hosting di tempat lain. Misalnya di google code.
  5. Usahakan background template blog tersebut bukan berupa gambar, tapi berupa kode warna. Kalaupun ingin yang bergambar. Lihat ukurannya, jangan terlalu besar.
  6. Template memiliki struktur heading yang baik.Template yang bagus memiliki struktur heading tag yang rapi dan terurut mulai dari H1, H2 dan H3. Kita pilih template blog yang memiliki struktir heading tag yang bagus dan tentunya penempatan setiap heading tag tersebut sesuai, suatu misal H1 untuk judul blog.
  7. Tidak memiliki link keluar yang banyak. Seringkali kita mendownload template, dibagian bawah / footer pasti memuat link-link si pembuat template. Lihat berapa banyak link yang ada. Memang ini berhunbungan etika blogging, namun tidak ada salahnya kita menghapus sebagiannya. Selain itu penempatan link exchange juga harus sestrategis mungkin, buatlah halaman khusus untuk blogroll.
  8. Warna, ukuran dan jenis font serta backgrund harus serasi alias eye matching dan juga eye catching. Jangan memilih warna yang dapat membuat mata pengunjung blog “silau”. Ukuran dan jenis font juga mesti diperhatikan, jangan terlalu kecil dan jangan terlalu besar. Gunakan font yang familiar, tidak perlu neko-neko.
  9. Pastikan ada hubungan antara kode CSS dengan HTML. Pernah saya temukan template dengan kode CSS yang full namun tidak berguna alias tidak ada fungsinya. Untuk itu bisa sobat validasi kode CSS dan HTML di situs-situs validator CSS dan HTML yang cukup banyak di luar sana, hehehe. Buat sobat pemula, saya rasa ini tidak harus dilakukan. Karena cukup membingungkan dan bisa berdampak pada tampilan blog. Kita paling tidak mengecek errornya saja tanpa harus memakai kode CSS dan HTML yang dihasilkan mesin validator. Kemudian kita bandingkan dengan template lain. Lalu pilih yang errornya sedikit. Ini juga salah satu alasan saya mengapa blog ini memakai template default blogspot.

Demikian beberapa paparan mengenai tips memilih dan edit template yang disarikan dari berbagai sumber dan sedikit dari pengalaman pribadi saya sendiri. Bijaklah memilih template dan pastikan jenis blog dan tujuan kita blogging . Salam blogger.

Apr 26, 2012

Cara Membuat Teks Area dan Variasi Text Area

Untuk apa sih teks area itu, selain untuk kerapian posting blog juga bermanfaat untuk menghemat halaman agar tidak terlalu penuh. Selain itu terkadang kita dalam mengcopy paste kode tertentu terkadang keluar jalur alias melewati batas area artikel blog. Hal tersebut terjadi karena kita cuma memasukkan kode-kode tersebut ke dalam blockquote. Nah disnilah fungsi utama dari teks area tersebut. 

Pada kesempatan ini saya akan memberikan 3 variasi teks area. yaitu text area sederhana / default, text area dengan fungsi select / copy all, dan text area dengan tombol scroll / gulir.
Cara memasang teks area ini adalah pada saat menulis postingan pilih menu HTML (bukan edit HTML template loh yaah). Lihat gambar. 

cara membuat teks text area di blog
Masukkan kode text area setelah klik HTML

A. Teks area sederhana

 <textarea rows="6" cols="35">diisi dengan kalimat, kata, kode yang diinginkan</textarea>


dengan kode di atas maka tampilan teks area seperti di bawah ini. angka 6 berarti jumlah baris, 35 menunjukkan lebar form teks area.




B. Teks Area dengan Select copy all







Kode diatas adalah cara membuat dengan text area dengan perintah / fungsi select / copy all

silakan sobat atur letaknya center artinya posisi text area ditengah, height > tinggi nya, width > lebar form teksnya.




C. Membuat Teks area dengan Tombol scroll


<div style="overflow:auto; width:80%px; height:50px; padding:10px; border:2px solid #f4f4f4; background-color:#f2f2f2">
Cara membuat text area dengan fungsi scroll / tombol gulir
</div>
Beginilah tampilannya jika menggunakan kode diatas, silakan sesuaika background color dengan template sobat masing-masing. Intinya kode merah adalah silakan modifikasi sendiri.


Cara membuat text area dengan fungsi scroll / tombol gulir


Demikian cara membuat teks area dalam postingan blog. Nah, bagaimana sobat, terserah anda mau pilih yang mana yang terbaik. silakan dicoba. Salam Blogger.

Apr 25, 2012

Memasang Kotak Komentar Facebook di Postingan Blog V2

Kotak komentar facebook di postingan blog sangat bagus diterapkan dalam postingan blog, ini berfungsi mirip dengan like dan share facebook. Pada postingan terdahulu saya sudah membuatkan tutorial tentang cara memasang komentar facebook di blog versi pertama. Memang ada kelemahan di sana yaitu, komentar facebook muncul di beranda, sehingga halaman homepage terlihat penuh, jika semakin banyak komentar dari pengguna facebook. (Mungkin karena kesalahan penempatan kode yang pernah saya lakukan.)

Pada artikel kali ini saya akan membuatkan tutorial bagaimana cara menambahkan kotak komentar facebook di postingan blog. Ya, kotak komentar ini hanya akan muncul di postingan blog dan komentar default blogspot bisa batasi / sembunyikan sebagian. Cara ini sedikit berbeda dengan yang pertama dan menurut saya agak rumit, karena kita harus membuat aplikasi sendiri di facebook. Namun saya yakin sobat blogger pasti bisa.

Untuk melihat live demonya silakan sobat buka disini dan   di sini,

Ada 4 langkah yang kita lalui dalam menerapkan ini. 
1. Menyembunyikan komentar asli / default blogspot. (Ini opsional bisa ya bisa tidak)
2. Membuat aplikasi komentar di facebook
3. Memasang aplikasi dan Menambahkan moderator meta tags di template blog.
4. Memasang kotak komentar facebook di edit HTML template

Oke saya kira langsung saja kita ikuti tutorialnya.  
Ingat, saya sarankan sobat mencobanya di blog percobaan dulu, baru sobat ulang lagi diblog yang sobat inginkan !!

A. Menyembunyikan komentar default blogspot (opsional)


Menyembunyikan komentar bawaan blog ini adalah pilihan bisa iya bisa tidak. Jika disembunyikan maka yang muncul cuma komentar facebook, sedangkan jika tidak maka yang muncul keduanya.

Masuk ke akun blogger > Dasbor > Setelan/Setting > Pos dan Komentar. Selengkapnya lihat gambar.
komentar facebook di posting blog


B. Membuat aplikasi komentar facebook

 

1. Pastikan sobat login di facebook kemudian masuk ke Facebook Developers Page
2. Klik Ke Aplikasi > Klik Create New App. Akan muncul seperti gambar di bawah. 


facebook box comments

     Isi nama aplikasi yang akan dibuat, akan muncul valid jika tersedia, klik lanjutkan
 
3. Setelah itu akan muncul Security Check Captcha, masukkan kode yang diminta pada form, kemudian kirim/submit

4. Setelah langkah di atas mungkin akan terjadi berulang kembali kita disuruh memasukkan ulang kode captcha, teliti ada opsi untuk konfirmasi lewat nomor telepon. (Langkah ini mungkin tidak selalu, karena saat saya mencoba lewat akun facebook yang lain tidak memerlukan proses ini.) Jika selesai langkah 3 bisa juga langsung muncul gambar berikut;


membuat memasang dan menambahkan komentar facebook di blogger

Simpan code App ID yang nantinya akan kita masukkan di meta tag template blog. Setelah itu isikan alamat blog kita, App Domain ketikkan blogspot.com jika kita masih memakai blogspot dan isi sesuai domain sendiri jika kita memakai domain sendiri, sesuai keterangan gambar di atas. Pada Website masukkan alamat url blog kita. Lalu save changes / simpan perubahan. 

C. Memasang aplikasi dan Moderator meta tag aplikasi di template blog.


Masuk akun blogger > Template > Edit HTML > Centang Expland Template Widgets. Masukkan kode di bawah di atas kode <b:skin><![CDATA[. Kemudian Save Template.




Masukkan nomor App ID yang didapat pada langkah B4 caranya ganti nomor unik facebook application ID dengan angka nomor ID

 D. Memasang Kotak komentar facebook di bawah posting blog.


1. Cari kode berikut di edit HTML template


Jika tidak ada cari kode

<p class='post-footer-line post-footer-line-3'>
atau kode

<data:post.body/>

Lalu masukkan kode di bawah ini, tepat di bawahnya kode diatas (pilih satu saja).




Silakan sesuaikan lebar '450' kotak komentar facebooknya.  Dan light menjadi dark jika template sobat gelap. Simpan template. dan kotak komentar facebook sobat sudah terpasang di postingan blog. Silakan buka salah satu postingan blog. Jika belum muncul silakan refresh / reload halaman posting tersebut. Demikian tutorial bagaimana cara membuat dan memasang komentar facebook di bawah postingan blog. Silakan di coba. 

 


Rahasia Cara Berkomentar Agar Mendapat Backlink

Sebagaimana yang saya kemukakan pada postingan tentang cara sederhana meningkatkan traffic blog , bahwa salah satu teknik dalam membangun link alias link building adalah dengan berkomentar di blog-blog lain alias blogwalking. Namun beberapa kalau saya perhatikan masih banyak blogger-blogger pemula yang masih belum paham cara berkomentar yang efektif. Yang saya maksud Efektif disini adalah bagaimana agar si pemilik blog maupun pengunjung lain memberikan backlinknya langsung pada blog kita. 

Tak sedikit blogger yang berkomentar malah meninggalkan link aktif di form komentar, tentunya ini bisa dianggap spam oleh google. Atau jika si pemilik blog tidak suka, bisa-bisa komentar kita malah di hapus. Bukan backlink yang didapat, takutnya kita dibalcklist oleh pemilik blog. Banyak juga blogger-blogger yang berkomentar dengan identitas akun google nya, bukan dengan akun blognya.
Bagaimanakah cara membangun link yang efektif untuk blog kita? Pada saat setelah sobat selesai mengetikkan kalimat atau pertanyaan dalam form komentar, pastikan bukan akun google yang dipakai namun name + url blog kita. Oke sekarang lihat gambar di bawah.

cara berkomentar yang efektif dan mendapat link blogger


Gambar di atas adalah tampilan identitas komentator pada template default blogspot, Pilihlah Nama/URL blog kita. Kemudian klik Publikasikan Komentar Anda. Jika pada template hasil modifikasi, gambarnya akan seperti di bawah. Klik tanda panah maka akan muncul pilihan seperti gambar pertama, pilih juga nama/url blog kita.

Komentar backlink


Namun, perlu di ingat komentar yang diberikan jangan asal komentar, apalagi komentar spam. Berikan komentar yang membangun, saran yang bermanfaat dan kritik yang membangun. Dan jangan Sekali-sekali meninggalkan link aktif.
Oke mungkin itu saja sedikit pembahasan tentang bagaimana cara memberikan komentar yang efektif di saat blogwalking. Mohon jika ada kekeliruan, silakan berikan masukan.

Apr 24, 2012

Meta Tag Dinamis Berbagai Versi dan Tampilannya di Facebook

Meta tag dinamis atau ada yang menyebutnya Dinamic Meta Tag Blogger adalah sebuah meta tag deskripsi  serta keyword agar bisa berbeda pada setiap halaman secara otomatis. Mengenai hal ini saya kira sudah banyak dibahas oleh blogger-bloger senior kita yang halaman blognya notabene selalu nampang di halaman pertama google. Memasang meta tag adalah salah satu upaya SEO on Page. (apa itu SEO on Page, mungkin nanti akan saya bahas)

Pada artikel ini saya akan mencoba berbagi 3 macam meta tag dinamis yang katanya SEO friendly itu. Semuanya sudah pernah saya coba terapkan di blog percobaan saya. Memang dari berbagai tutorial meta tag dinamis tersebut setelah saya cek, mereka sendiri (pemilik blog yang menganjurkan kita memakai meta tag tersebut) justru tidak memakainya, gimana gak kesel. Jangan-jangan ini "penipuan"? takut tersaingi? atau artikel yang cuma sekedar copas dari blog lain, namun tidak mau atau malah tidak bisa menerapkannya. (Untuk mengetahuinya silakan sobat ketik CTRL+U pada postingan artikelnya) Maka akan ketahuan disitu. 

Okelah apapun niat mereka mungkin bisa kita maklumi. Namun tujuan saya menulis artikel ini adalah hanya sekedar sharing dengan sobat blogger yang lain. Pernah ada pertanyaan, mengapa saat blog saya atau postingan blog saya ditautkan ke facebook kok berbeda dengan tautan dengan blog lain? Nah dengan artikel ini semoga bisa menjawab pertanyaan tersebut.

Oke saya kira langsung saja kita bahas mengenai meta tag dinamis tersebut. 

1. Meta tag dinamis pertama adalah meta tag yang memunculkan judul postingan - Nama Blog - Judul Postingan

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
Jika sobat memakai meta tag dinamis seperti di atas. Maka tampilannya saat di share atau like ke facebook adalah seperti gambar di bawah.

meta tag dinamis setiap halaman posting blogspot



2. Meta tag dinamis kedua yaitu yang memunculkan Nama Blog - Keyword Blog

 


meta tag keyword blogger

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle + &quot; - Blog tentang panduan tata cara membuat blog diblogspot&quot;' name='description'/>
<meta expr:content='data:blog.pageTitle + &quot;, Belajar CSS, Membuat Blog Gratis, Trik Blogger, Tips SEO, Widget&quot;' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - Blog tentang panduan tata cara membuat blog diblogspot&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, Belajar CSS, Membuat Blog Gratis, Trik Blogger, Tips SEO, Widget&quot;' name='keywords'/> </b:if>

3. Meta tag dinamis ketiga yaitu yang menampilkan Nama Blog - Judul Postingan - Keyword Blog



<b:if cond='data:blog.pageType != &quot;item&quot;'>
<meta content='personal blog tutorials for blogger trick and blogging tips' name='description'/>
<meta content='tutorials, tips, trick, hack, blogger, blogspot, blogging' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageTitle + &quot; - personal blog tutorials for blogger trick and blogging tips&quot;' name='description'/>
<meta expr:content='data:blog.pageTitle + &quot;, tutorials, tips, trick, hack, blogger, blogspot, blogging&quot;' name='keywords'/>
</b:if>
 Tampilan postingan blog jika dibagikan ke facebook adalah seperti di bawah.


Nah sobat blogger dari ketiga macam meta tag dinamis diatas, silakan analisa sendiri, menurut sobat mana yang lebih SEO friendly dari sisi SEO on pagenya.  Terserah sobat mau memakai yang mana,  namun saya sendiri menganjurkan sobat memakai meta tag keempat yang tampilannya bila ditautkan ke facebook seperti gambar berikut.

meta tag dinamis di share ke facebook

 Yang mau tahu caranya silakan buka artikel cara memasang meta tag deskripsi blog dan postingan blog versi terbaru. Check it out.

Kelebihan Blogspot dibanding Wordpress dan Blog Gratisan Lain

perbandingan dan kelebihan blogspot dengan wordpress

Buat  sobat yang ingin memulai aktivitas belajar ngeblog gratis mungkin bingung untuk memilih mana yang lebih baik antara blogspot, wordpress, Multiply maupun situs penyedia blog gratisan lain. Referensi dibawah ini paling tidak bisa memberikan bayangan sebelum kita memutuskan untuk memilih diantara semuanya. Yuk Kita simak sama-sama bagaimana kira-kira perbandingan antara blogspot / blogger dengan wordpress dan blog gratisan lainnya.

1. Dimiliki oleh Perusahaan TI terkemuka, Google

Blogger/Blogspot sebenarnya, pertama kali diperkenalkan oleh Pyra Labs pada tahun 1999. Kemudian Google membelinya dengan kepemilikan penuh. Selain itu Google juga pemilik sistem operasi Android yang semakin pesat perkembangannya dimana jelas search engine defaultnya tentu saja memakai google.

2. Murah

Murah karena Anda tidak perlu untuk mencari dan menyewa hosting, Google memiliki ruang web dan bandwidth yang cukup besar untuk mengalokasikan data blog Anda di server mereka. Kecuali dari subdomain gratis di blogspot.com, Anda juga dapat membeli domain sendiri yang biaya tidak lebih dari $ 10. Bila Anda menggunakan situs web Wordpress dengan custom domain (.com .net .info dll), web hosting yang terpisah diperlukan. 

3. Blogger lebih Aman


Google hampir 99,99% anti hack. Mereka dapat menjamin Anda bahwa setiap situs web host di dalamnya tidak dapat hacked sampai dan kecuali Anda membocorkan informasi login Anda. Setiap akun di google dilindungi dengan berbagai cara, dengan email cadangan juga dengan menggunakan nomer Handphone pribadi pemiliki akun.

Jika Anda meng-host blog Anda di perusahaan web hosting lain, mungkin ada peluang untuk blog sobat di hack. Ada beberapa predator yang haus untuk database MySQL hacker tanpa alasan, membaca artikel tentang database MySQL hacking dengan SQL injection.

4. Tidak perlu khawatir tentang memperbarui Platform Blog


Setiap kali ada upgrade WordPress, dengan fitur barunya, berarti sobat harus upgrade ke versi baru secara manual. Tapi di Blogger Anda tidak perlu khawatir tentang itu, fitur baru akan tersedia untuk dashboard Anda segera setelah mereka diluncurkan.

5. Kemudahan dalam mendesain Template blog.


Untuk desainer WordPress membutuhkan lebih dari satu desain halaman, yaitu untuk Home page, halaman Post, halaman Arsip, dll halaman kustom Sementara di Google Blogger, halaman web saja sudah cukup. Dalam kasus jika Anda ingin desain terpisah maka Anda dapat menggunakan tag kondisional untuk mengubah template, misalnya tampilan yang berbeda antara halaman homepage dan postingan.

6. Jangan khawatir bahkan jika domain Anda berakhir.


Jika seorang blogger yang sebelumnya memakai blogspot kemudian membeli domain dan custom domainnya berakhir, maka kita dapat segera beralih kembali ke subdomain gratis dari blogspot. 

7. Login terpadu dengan Akun Google Anda.


Seperti saya katakan sebelumnya, Blogger menjadi produk Google, semua aplikasi Google dan produk dapat dengan mudah diintegrasikan ke Blog Anda. Banyak fitur yang berguna untuk situs Web yang ditawarkan oleh Google, termasuk AdSense, AdWords, Google Analytics dan alat Webmaster untuk pengindeksan Google. Alih-alih menambahkan kode ke template Anda, sesuatu yang dapat dengan cepat menjadi membingungkan dan menghasilkan situs yang rusak, Blogger memungkinkan Anda untuk hanya mengklik sebuah tombol dan mengintegrasikan alat ini ke blog Anda.

8. Mudah dan Cepat Pengindeksan.


Segera setelah Anda mempublikasikan artikel Anda dari Blogger Blog, Google langsung bereaksi! Posting Blog Anda dengan mudah diindeks di mesin pencari mereka. Selain itu, Google adalah salah satu mesin pencari terkemuka dan Blogger adalah salah satu layanan yang disediakan oleh mereka.

9. Satu akun Gmail bisa untuk banyak akun blog.


Tapi dengan Blogger, Anda dapat memiliki tidak terbatas jumlah account Blog dari satu Akun Google. Anda dapat menjalankan beberapa blog sekaligus dalam satu akun gmail. Proses setelan  untuk blog baru pun sangat mudah sehingga seorang anak-anak pun bisa melakukannya.

10. Mudah digunakan


Instalasi Blogger adalah "permainan anak" jadi Anda tidak perlu repot tentang pengaturan database, mengamankan file-file konfigurasi, dll.

11. Loading Dashboard blogger lebih cepat.


Sebelum memakai blogspot saya pernah memakai wordpress dimana loading untuk menuju dasbornya lebih lama karena saya cuma memakai modem berkecepatan rendah. Bagi kita yang tidak sabar... tau dech akibatnya. Dengan alasan itulah saya beralih ke blogspot.

Pada akhirnya, Blogger adalah solusi ideal bagi siapa saja yang baru memulai blog pertama mereka. Ini juga merupakan platform yang besar untuk mereka yang serius dalam blogging, tetapi tidak ingin dan tidak sanggup mempekerjakan seorang teknisi untuk mengatur blog dan membuat penyesuaian berkala untuk blog mereka. 

Tapi, Jika Anda ingin pergi secara mendalam dari kode sumber kemudian, pasti Blogger adalah bukan untuk Anda. Karena fleksibilitas Wordpress, itulah maka digunakan oleh sebagian besar blogger profesional. Tapi blogspot bagaimanapun masih yang terbaik untuk yang ingin memulai belajar ngeblog.

Demikian sedikit ulasan mengenai perbandingan antara blogspot, wordpress dan blog gratisan lainnya. Maaf mungkin sedikit "njelimet" soalnya hasil terjemahan dari blog luar negeri.


Apr 23, 2012

Mengapa Blog Sepi Komentar dan Tips Agar Blog "Kebanjiran" Komentar

Mengapa blog sepi dari komentar pengunjung? Atau bahkan sama sekali tidak ada komentar yang menghiasi artikel blog kita. Mungkin ini pernah dirasakan banyak sobat blogger yang lain, sama seperti blog ini di awal peluncurannya. Padahal saat itu saya sudah membuat lebih dari 25 postingan namun belum ada juga yang memberikan komentarnya. Bagaimanapun komentar pengunjung menandakan seberapa populer blog kita dan bisa meningkatkan kunjungan ke blog kita.
Berikut ada beberapa hal yang menyebabkan pengunjung blog enggan dan bahkan tidak bisa berkomentar di blog kita.

A. Kecilnya ukuran tinggi form kotak komentar.

 

Ukuran tinggi form kotak komentar berpengaruh terhadap pengunjung blog yang ingin memberikan komentarnya pada artikel kita. Mengapa? Saat calon komentator ingin mengetikkan kode verifikasi (captcha) tidak bisa, karena form pengetikan kode verifikasi itu sendiri tidak muncul. Akhirnya...? jelas saja gak jadi komen dech.

form pengetikkan kode verifikasi captcah tidak muncul
form kode verifikasi tidak muncul

Cara mengatasinya yaitu dengan mengubah ukuran tinggi form kotak komentar.
Alternatif ini buat sobat blogger yang memilih pengaturan komentarnya harus memasukkan kode verifikasi terlebih dahulu. Cari kode berikut di edit template HTML ;

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='500'/>
atau kode seperti ini
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='275' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/><b:else/>

Carilah kode yang berwarna biru dahulu, karena setiap template mungkin berbeda pengkodeaannya, kemudian ubah ukuran tinggi (height) menjadi minimal 410 sedangkan untuk lebar "width" sesuaikan. Dengan mengubah angka-angka tersebut maka form kotak komentar akan bertambah tinggi, sehingga form untuk memasukkan kode verifikasi bisa terlihat

Buat sobat yang tidak ingin mengubah kode2 diatas, alternatif lain yang bisa dipilih adalah dengan mendisable kan pengaturan tampilkan kode verifikasi captcha di setelan komentar dashboard blog kita. Tentunya agar saat pengunjung ingin berkomentar tidak perlu lagi memasukkan kode captcha yang diminta. Lagipula kode verifikasi kadang bisa membuat calon komentator jengkel karena kode yang mereka masukkan salah, sehingga harus memasukkan ulang. Bayangkan jika ini berulang, tentu pengunjung tidak jadi berkomentar kan? 

Takut spam? Menurut saya sobat blogger tak perlu takut mengenai hal ini, karena blogspot sendiri telah mengaktifkan fitur spam filter otomatisnya, sehingga begitu komentar pengunjung dianggap spam, maka secara otomatis pula komentar tersebut masuk ke spam "folder".

Cara Pengaturannya:
    Masuk ke akun blogger Dasbor> Setelan > Pos dan Komentar>
    Pada item Tampilkan kode verifikasi? pilih tidak.

B. Banyaknya langkah atau syarat untuk pengunjung yang ingin berkomentar.

 

  • Pada penjelasan sebelumnya adalah salah satu contoh, yaitu pengunjung harus memasukkan terlebih dahulu kode verifikasi, belum lagi jika jaringan lelet dan kode yang dimasukkan salah. 
  • Kemudian masalah moderasi komentar, banyak alasan mengapa pemilik blog mengaktifkan moderasi komentar, bisa jadi karena takut kritik yang berlebihan, komentar yang "aneh" dan banyak alasan lain yang hanya pemilik blog itu sendiri yang tahu. Saya sendiri mendisablekan pengaturan moderasi komentar ini, toh nantinya komentar yang sudah muncul bisa saya hapus atau saya kategorikan sebagai spam. Caranya ialah masuk ke setelan pos dan komentar > Moderasi komentar? > pilih Tidak Pernah. Saya yakin banyak komentator blog yang ingin komentarnya langsung muncul. Betul???
  • Kemudian yang ketiga adalah pada pengaturan siapa yang dapat mengomentari? > Pilih semua orang, agar siapa saja pengunjung blog bisa memberikan komentarnya. 
  • Tampilan taut balik, fitur ini adalah bagi pengunjung blog yang menggunakan identitas nama dan url sebagai identitas komentator, silakan sobat atur ke tampilkan taut balik ke Tampilkan. Saya menyarankan ini ditampilkan dengan tujuan untuk menghargai dengan memberikan backlink ke pengunjung blog tersebut. Namun semua terserah anda. Silakan lihat gambar di bawah untuk keterangan selengkapnya.

C. Konten atau artikel postingan kurang unik dan menarik.  

 

Ya, ini menjadi salah satu tolok ukur banyak tidaknya komentar ke blog kita. Konten yang menarik dan unik (jarang ada) akan menarik perhatian pengunjung blog untuk berkomentar. Artikel copas dan pernah dibaca pengunjung juga berpengaruh terhadap niat pengunjung untuk berkomentar. Memang terkadang ada artikel tertentu yang terkadang tidak perlu di komentari. 

Secara umum, blog yang memuat tentang tutorial blogging biasanya banyak komentarnya, apalagi jika kontennya cukup menarik, ini terkait dengan isi artikel itu sendiri, misalnya pada postingan saya yang berjudul Cara memasang komentar facebook di blog. Mereka yang tidak berhasil memasangnya tentu akan bertanya lewat komentar. (mungkin ini salah satu kelebihan blog yang berisikan tutorial blogging). Namun sobat blogger yang isi artikelnya tidak memuat tutorial blogging bisa mengatasi dengan salah satu teknik, misalnya isi artikel yang penuh kontroversi, sehingga pengunjung blog terpancing untuk menanggapinya. 

D. Pemilik blog kurang komunikatif.


Ini juga salah satu alasan mengapa orang enggan berkomentar. Misalnya seorang pengunjung blog mengajukan pertanyaan namun tidak dijawab atau tidak ditanggapi oleh admin pemilik blog.

Oke mungkin itu saja sedikit tips mengenai sebab-sebab sepinya komentar di blog. Mungkin jika ada kesalahan harap dimaklumi dan jika ada sobat lain yang mau menambahkan silahkan tinggalkan komentar. Happy Blogging.


Apr 20, 2012

Cara Mengganti "Posting Lama Posting Terbaru" dengan Judul Postingan

Secara default, blogspot memberikan link di bawah kotak komentar di atas footer berupa link ke postingan lama , beranda dan postingan terbaru. Pada kesempatan ini kita akan ketahui bagaimana cara mengganti atau merubah kata posting lama dan posting terbaru tersebut dengan judul postingan sebenarnya.

mengganti posting lama posting terbaru dengan judul postingan



Lihat demonya disini


Oke langsung saja kita ikuti tutorialnya.

1. Memasang kode jQuery.


(Lewati langkah 1 ini jika sudah terdapat kode javascript di bawah, dalam template blog sobat.)

    Masuk ke Blogger Dashboard > Design / Template > Edit HTML.
    Cari kode </head> .
    Tambahkan kode javascript di bawah ini setelah kode </head> .





Klik simpan template.


2. Menambahkan kode halaman di template


    Masuk ke Tata Letak
    Klik Add a Gadget > HTML/Javascript.
    Pasang kode berikut, kemudian simpan > simpan perubahan.

Dan, sobat sudah berhasil mengganti link dengan judul postingan lama dan posting terbaru dengan link judul aslinya. Silakan buka salah satu postingan sobat, maka akan terlihat di bawah form komentar di atas footer.


Apr 19, 2012

Tips SEO Sederhana Untuk Meningkatkan Kunjungan Blog

Sebenarnya saya cukup sungkan menulis tentang tema ini, mengingat saya cuma blogger pemula dan bukan blogger master, apalagi kalau sampai dibaca blogger-blogger senior itu. 
Saya yakin banyak blogger-blogger lain yang mengangkat tema serupa dengan isi artikel ini.
Namun saya pikir tidak ada salahnya jika saya berbagi pengalaman dengan sobat blogger yang lain tentang tips bagaimana meningkatkan kunjungan ke blog sekaligus menaikkan rangking alexa. Menaikkan ranking alexa? Jelas, karena jika kunjungan ke blog meningkat tentu saja berbanding lurus dengan naiknya rangking alexa.
Tips agar Blog SEO friendly

Saya upayakan menulis artikel seperti ini berdasarkan pengalaman, dimana dari hari kehari kunjungan ke blog ini trus meningkat dan rangking alexa yang di pertengahan maret berkisar pada angka 5 jutaan, saat artikel ini ditulis sudah mencapai angka sekitar 1,2 jutaan. Memang bukan prestasi yang cukup membanggakan, namun saya sendiri tidak menyangka bisa mencapai rangking alexa sampai angka ini, mengingat usia blog ini yang belum genap 3 bulan, dan blog-blog lain yang lebih lama rangkingnya lebih rendah daripada blog ini. (sekedar perbandingan)

Tips-tips SEO ini sebenarnya sangat mudah dan cukup sederhana dan bisa dilakukan walaupun oleh seorang yang baru membuat blog. Berikut tips-tips yang dapat saya berikan ke sobat blogger.

1. Tulislah artikel yang bermutu.
Bermutu yang saya maksud di sini adalah buatlah artikel original, asli hasil olah pikir sendiri. Saya yakin seorang master blogger pun terkadang "mencopy paste" dari artikel blogger lain (termasuk saya) untuk membuat artikel blognya, dan tidak 100% isinya adalah hasil idenya sendiri, namun copy paste dengan cerdas, tidak mentah-mentah mengcopas tulisan dari blog lain. Ubahlah dengan gaya bertutur sobat sendiri, dan ini lebih disukai google.

2. Maksimalkan kata kunci artikel blog.
Bagaimana caranya? Buatlah judul dengan keyword yang padat, jangan asal-asalan membuat judul blog,  upayakan artikel berisi minimal 200 kata dan tentu saja harus sesuai dengan tema atau judul postingan blog. Pasang meta tag deskripsi blog dan meta tag deskripsi postingan blog. Sobat bisa mencari kata kunci yang populer dicari dengan masuk ke google adwords di google webmaster tools. Atau bisa juga mengetahuinya di google Trends. Memaksimalkan keyword postingan blog juga bisa dilakukan dengan add caption dan memasang alt image text pada gambar di artikel blog.

3. Kirim artikel ke web directory.
Web directory adalah situs tempatnya para blogger mengirimkan artikelnya. Sebut saja kalau di Indonesia ada infogue.com , lintas.me,  dan masih banyak puluhan web directory lokal yang lain. Untuk yang luar negeri saya sarankan bloggers.com , bloglog, blogtopsites. 

4. Mendaftarkan blog ke Google dan Submit sitemap blog ke google.
Mendaftarkan blog ke google dan mengirimkan sitemap atau peta situs wajib dilakukan agar blog lebih SEO friendly. Ini bisa dilakukan lewat Google webmaster tools.

5. Mendaftarkan blog di Bing dan Yahoo dan Submit sitemap ke Bing webmaster tools.
Memang sejak Bing dan Yahoo bergabung, blogspot seolah kena getahnya, khususnya blog-blog baru yang dibuat setelah Nopember 2011. Dimana sulit sekali bagi blogspot untuk menembus indeks pencarian bing dang yahoo. Namun tidak ada salahnya jika kita mencobanya.

6. Rajin blogwalking alias berkunjung ke blog-blog lain 
Kalau perlu berikan komentar, namun berikanlah komentar yang bermutu jangan asal-asalan, berikanlah pertanyaan berbobot, berikan saran yang membangun jika perlu. Saya yakin pemilik blog akan senang jika diberi masukan. Satu yang terpenting, gentleman lah dalam berkomentar, jangan pakai identitas anonimous, pakailah akun google, namun akan lebih cerdas lagi bila kita memakai akun blog kita (name + url blog), siapa tau si pemilik blog dengan senang hati memberikan backlink ke blog kita.

7. Pilih template blog yang ringan loadingnya agar pengunjung betah.
Tips agar blog menjadi ringan bisa sobat buka di artikel cara membuat loading blog menjadi ringan

8. Buatlah widget-widget jejaring sosial di blog sobat.
Caranya bisa dengan memasang tombol suka facebook, memasang  tombol share di postingan blog maupun memasang tombol share di sisi blog dan membuat halaman facebook di blog

9. Memasang Read More di artikel blog.
Memasang read more selain menambah pageview blogs juga membuat homepage atau beranda blog mejadi lebih ringan, termasuk saat pengunjung membuka label atau kategori. Pembahasannya bisa sobat buka di artikel cara membuat read more manual dan membuat read more otomatis di postingan blog.

10. Jadikan blog sobat dofollow.
Mungkin ini yang terakhir dan cukup riskan, (silakan cari referensinya sendiri) jadikan blog sobat dofollow, salah satunya ialah di bagian komentar agar blog Anda kebanjiran komentar. Caranya ialah dengan menghapus kode rel nofollow atau mengganti kode nofollow menjadi dofollow.

Hufst... lumayan ya capek juga, hehehe, silakan sobat lain jika ada yang mau menambahkan, mungkin itu saja sebagian Tips SEO Sederhana Untuk Meningkatkan Kunjungan Blog dan menaikkan ranking pagerank dan alexa rank blog kita.



Apr 18, 2012

Membuat Read More Otomatis Tanpa Kode Javascript

Pada posting sebelumnya saya telah membuat artikel tentang bagaimana cara membuat read more pada postingan blog. Membuat read more sederhana pada saat menulis artikel adalah dengan cara mengklik ikon read more yang berbentuk seperti "kertas sobek" setelah pointer mouse ditempatkan pada kalimat yang dikehendaki. 

memasang read more otomatis
read more otomatis

Dengan cara ini tentunya dilakukan secara manual, sehingga kita harus melakukannya setiap menulis artikel. bagi sebagian blogger hal ini tidak masalah selama dia ingat untuk mengklik ikon read more tersebut. Namun jika kita lupa, tentu saja kita harus mengedit kembali postingan yang telah dipublikasikasikan sebelumnya. Dalam ngeblog tentu saja kita ingin sesuatu yang praktis, ringkas dan otomatis, begitu pula dalam hal membuat artikel agar read more terpasang secara otomatis.

Jika sobat ingin tau bagaimana cara memasang read more otomatis, mari kita sama-sama menyimak tutorial berikut ini. Oh ya ... cara ini saya dapatkan dari blognya Bang Herdiansyah.

  1. Langkah pertama masuk ke akun blogger.
  2. Pastikan sobat sudah membackup template sobat.
  3. Buka dasbor blog > Template/edit HTML> centang expland template widget.
  4. Cari kode <data:post.body/>

kemudian ganti dengan kode di bawah ini;





Jika ada lebih dari 1 (satu) kode <data:post.body/> , pilih yang pertama


4. Untuk tampilan di blognya silakan masukkan kode css di bawah ini, tepat diatas kode ]]></b:skin>



Klik pratinjau dan Simpan template. Selesai dan auto read more blog pun sudah jadi, untuk live demonya silakan sobat buka  Di sini. Mudahan tutorial singkat ini bisa membantu sobat blogger yang lain. Selamat Mencoba.

Membuat Read More dan Read More Otomatis di Blog

Cara membuat read more, ya itulah tema kita kali ini, mengapa saya membuat artikel seperti ini, karena saya melihat banyak sekali blog-blog baru khususnya template yang menggunakan template default blogspot khususnya blogger-blogger pemula (kaya saya, hehehe) yang belum mengetahui ataupun belum tahu bagaimana cara menggunakan fitur read more ini di blogspot.

Fitur Read more atau biasa disebut juga baca selengkapnya, atau selengkapnya, atau baca lanjutannya yang biasa sobat lihat di blog adalah fitur dimana kita hanya menampilkan penggalan awal ataupun paragraf awal dari postingan blog kita. Jadi tidak seluruh artikel ditampilkan di halaman utama / homepage. 

Jika kita menggunakan template default blogspot, fitur ini mudah digunakan pada saat menulis artikel. Beda halnya jika kita memakai template blog hasil download dari blog lain, biasanya mereka menyertakan langsung fitur read more otomatis di template blog. Namun tidak sedikit juga yang tidak menyertakan fitur auto read more di templatenya. Read more bisa juga dibuat dalam bentuk image, yang bila kita klik image read more tersebut akan muncul seluruh isi artikel.

Banyak manfaat jika kita menggunakan fitur ini antara lain;
  1. Loading blog menjadi lebih ringan karena hanya sedikit tulisan yang ditampilkan, apalagi blog sobat banyak memuat gambar-gambar pasti makin berat tuh loading blog. Pengunjung blog juga tidak perlu berlama-lama menunggu selesai loading.
  2. Jumlah bukaan halaman / page view posting blog bertambah, karena mau tidak mau pengunjung akan membuka keseluruhan artikel yang ingin dia baca. (dengan read more khan cuma sebagian artikel saja yang ditampilkan). Kebalikannya adalah kerugian buat blog kita.

Oke gak perlu berlama-lama dech (walaupun biasanya yang lama banyak yang suka, xixixi...) langsung saja kita ikuti bagaimana cara membuat read more di blogspot.

1. Masuk ke akun blogger sobat, buka blog yang akan di buat postingannnya.
2. Klik entri baru, kemudian masukkan kata-kata atau kalimat artikel sobat.
3. Jika sudah cukup kira-kira 1 paragraf atau 4 sampai lima baris atau berapa barispun yang sobat kehendaki, barulah kita klik fitur read more yang ada. (lihat gambar)

cara membuat read more
Cara membuat read more

4. Taruh pointer cursor mouse di tulisan atau kalimat yang ingin dibatasi, atau batas artikel yang hanya ingin ditampilkan. Klik gambar kertas terpotong di atas (lihat gambar warna hijau yang ditandai). Akan muncul garis putus-putus pada kalimat yang dibatasi tadi, maka disinilah batas kalimat yang ditampilkan di homepage atau halaman utama blog kita. Selesai menulis artikel, Klik publikasikan.

5. Langkah selanjutnya adalah masuk ke Tata Letak > Klik link Edit pada Posting Blog.


akan muncul tampilan seperti gambar berikut

cara membuat read more di postingan blog

6. Pada konfigurasi posting blog di atas, masukkan jumlah postingan di halaman utama yang dikehendaki, jangan terlalu banyak cukup 4-5 postingan saja yang ditampilkan, agar loading blog menjadi lebih ringan. Kemudian ganti kata "Baca Selengkapnya" dengan kata-kata yang sobat kehendaki, misalnya Baca lanjutannya, read more, selanjutnya dan lain-lain. Klik Simpan. Selesai, fitur read more di halaman utama blog sobat sudah jadi. 

Catatan;
Read more ini hanya muncul pada artikel yang dibuat, sedangkan artikel lain utuh alias seluruh isi postingan terlihat di hompage blog, Maka sobat harus mengedit 3 atau 4 postingan sebelumnya untuk dimasukkan fitur read more ini. Caranya sama dengan pada langkah nomor 3 dan 4 di atas.

Memang kelemahan cara ini adalah kita harus mengklik ikon read more setiap membuat postingan, namun saya yakin ini bukan hal yang memberatkan buat kita. Lagi pula template kita menjadi ringan karena read more ini tanpa kode javascript.

Nah, bagaimana sobat sangat mudah bukan...? Silakan dicoba buat sobat yang templatenya tidak ada read more otomatisnya. Setelah ini saya akan membuat artikel tentang cara membuat dan memasang fitur read more otomatis tanpa kode javascript di blogspot.

Apr 16, 2012

Membuat Blog Baru dengan Akun Google yang Sama?

Membuat blog baru di blogspot dengan akun google mail yang sama? Ya benar sekali. Kita bisa memiliki lebih dari satu blog dengan satu akun google yang sama. Disinilah letak kelebihan blogspot di bandingkan wordpress, multiply ataupun penyedia blog gratis lainnya.
menambah kan blog baru
Memiiki banyak blog dengan satu akun google yang sama


Banyak manfaat dan keuntungan yang didapat seorang blogger jika memiliki banyak blog di akun gmail yang sama, diantaranya;

1. Sebagai blog percobaan dan pengujian template baru.

Jika Anda seorang blogger yang suka mengotak atik template blog, saya kira wajib membuat blog baru sebagai media pengujian template. Baik tujuannya untuk mengganti template blog utama, maupun buat Anda yang mau berkreasi mengedit template kemudian membagikannya dengan blogger lain. Jadi buat sobat yang suka gonta-ganti template sangat saya sarankan membuat blog baru sebagai bahan percobaan. Saya sendiri memiliki lebih dari 5 blog dengan akun gmail yang sama.

2. Sebagai blog "yang lain" dan pembanding.

 Hahaha... saya bingung apa yang harus ditulis, Intinya begini, Seorang blogger tentunya mesti tahu apa tujuan dirinya ngeblog dan apa keahlian yang dimilikinya. Saya yakin Sobat memiliki lebih dari satu keahlian, misalnya dalam hal blogging dan komputer. Jadi bisa saja kita memiliki 3 atau 4 blog, satu blog memuat artikel tentang tutorial blogspot, 1 blog untuk artikel tentang komputer atau software, dan 2 blog lainnya sebagai bahan percobaan template.

3. Sebagai wadah promosi blog kita yang lain.

Nah, ini saya kira yang terpenting mengapa kita mesti memiliki banyak blog, yang mungkin juga bisa diistilahkan "dummy blog" (bener gak ya?). Saya katakan sebagai wadah promosi blog yaitu dengan memasang link, baik itu di link footer maupun di wadah pertukaran link / link exchange / blogroll.

4. Kemudahan dalam mengakses template, setelan, komentar, statistik dan fitur dashboard lainnya di blog.

Mungkin sobat ada yang memiliki lebih dari satu blog dengan akun gmail yang berbeda. Disinilah letak kemudahannya. Jadi kita tidak perlu keluar masuk akun gmail untuk masuk dari satu dashboard blog ke dashboard blog lainnya, yang tentunya ini banyak membuang waktu.

Saya kira cukup 4 itu saja ya, jika sobat memiliki tambahan silakan berikan komentarnya.

Oke Sekarang kita akan mengetahui bagaimana cara membuat blog baru dengan satu akun gmail yang sama;

1. Langkah pertama tentu saja adalah masuk keakun blogger dashboard.
2. Klik Buat Blog untuk tampilan blogger lama dan Blog Baru untuk tampilan blogger baru (lihat gambar letaknya di kiri)

menambah blog baru dengan akun google yang sama


3. Masukkan Nama blog yang dikehendaki, URL / Alamat blog, tunggu sebentar untuk mengecek ketersedian url blog, jika tersedia.... Pilih dulu template default blogspot, dan jika ingin mengganti template blog nya bisa dilakukan belakangan. Terakhir Klik buat Blog. Selesai.

Setelah itu muncul pemberitahuan bahwa kita berhasil membuat blog baru, dan pada dashboard letaknya paling atas, Mulailah membuat artikel, terserah apa judul dan isinya, khan cuma sekedar percobaan dan nantinya bisa dihapus. 

Oke sobat Blogger, Saya kira itu sudah cukup jelas, siap untuk membuat blog baru? Lets Do It!

Buat Anda yang belum punya blog di blogspot silakan kunjungi Posting Cara membuat blog di blogspot dengan mudah dan gratis

Apr 15, 2012

Agar Gambar Blog Terindeks Google, Alt & Title Image

Kembali lagi bikin artikel tentang search engine optimation alias seo, yang katanya bisa bikin otak keseleo itu, hehehe. Pada postingan kali ini saya mengangkat tema tentang upaya memaksimalkan gambar dalam postingan blog agar terindeks mesin pencari. Saya yakin sobat blogger sebagian sudah banyak yang mengerti masalah ini, namun bagi blogger pemula maupun blog baru perlu kiranya menggunakan cara-cara yang akan saya kemukakan nanti.

Gambar atau image dalam postingan blog begitu berperan dalam menambah kunjungan ke blog kita. Sebagai contoh, saat dunia hiburan atau dunia maya dihebohkan dengan kasus "aceng fikri", Saya yakin banyak orang akan mencari di kotak pencarian google dengan kata kunci " aceng fikri atau fani oktora" atau menuliskan kasus tersebut. Dan bagi mereka yang sudah biasa berselancar di dunia maya tentunya akan mencari di tab gambar google search.

Nah, bagaimana kah kira-kira caranya agar gambar atau postingan kita tersebut berada yaa minimal di halaman 2, yaa syukur-syukur di halaman pertama.

Ada 2 cara utama dalam hal ini;

A. Menambahkan "add caption" di bawah gambar.

 

Cara menambahkan add caption disini sama halnya dengan mendeskripsikan atau memberikan keterangan pada gambar yang dimaksud, selain itu juga berfungsi sebagai "keyword" atau kata kunci postingan blog. Caranya cukup mudah, setelah sobat memasukkan gambar ke postingan blog, klik gambar pilih  add caption. Kemudian masukkan keterangan gambar.

alt dan title tag image gambar
Add caption image posting blog

B. Menambahkan title teks image dan alt teks image gambar dalam posting blog

 

Sebelum ada fitur properties ini... seorang blogger yang ingin memasukkan alt image, mesti masuk ke menu HTML saat menulis artikel, dan menurut saya ini cukup merepotkan (jika gambarnya banyak dan malas, hehe) dan juga membingungkan bagi bogger pemula, namun sekarang blogspot sudah memudahkan caranya, dan tidak perlu masuk ke menu HTML tadi. Nah, untuk cara yang kedua ini juga sangat mudah, sama seperti langkah di atas, hanya saja yang di klik pada langkah ini adalah properties. Kemudian masukkan title text gambar dan alt text gambar. 

cara membuat alt text image
alt image

Oke dan Selesai.

Mungkin sobat blogger pengen buktinya...? Sekarang buka tautan ini Klik Disini. Lihat  blog urutan 5, itu adalah blog saya yang lain, (yaaa cuma sekedar blog percobaan, hehehe). Buka postingannya. Perhatikan dengan seksama pada add caption image. Lumayan sebulan lebih sudah berita hangat itu beredar sudah ada 6000 an kunjungan ke postingan tersebut.



Kemudian masuk ke google.co.id, kemudian masukkan kata kunci Olivia Dewi Soerijo, bagaimana...? hehehe walaupun cuma di nomor 5, tapi di halaman pertama khan lumayan.... Oh ya, ini cuma sekedar sharing dengan sesama blogger, jika ada yang mau merevisi ataupun menambahkan artikel ini dengan senang hati saya akan menerimanya, ingat saya bukan master dalam hal blogging apalagi SEO, dan ini cuma resep sederhana untuk SEO blog dan kita masih sama-sama belajar.  Oke, Selamat Mencoba.

Update:
Maaf Link demo kata kunci olivia dewi sudah saya hapus.

Membuat Widget Berlangganan Artikel Via Email, RSS Feed, Facebook dan Twitter di Bawah Postingan

Membuat Widget Berlangganan Artikel Via Email, RSS, Facebook Twitter di Bawah Postingan Blog.

Sebanyak apa pelanggan artikel / postingan sobat blogger? masih sedikit, atau lambat sekali nambahnya? Nah, bisa jadi di blog sobat belum dipasang widget untuk berlangganan untuk update postingan blog. Sebetulnya banyak cara agar pelanggan blog kita terus bertambah, bisa dengan memasang halaman facebook,  twitter follower box, memasang widget berlangganan via email dan lainnya.

Memang, banyak teknik yang dipakai seorang blogger dalam memasang widget-widget seperti ini, ada yang menempatkannya terpisah-pisah antara satu dengan yang lain. Mungkin facebook page tersendiri, follow twitter atau subscribe via rss tersendiri.
Atau bisa jadi sobat menempatkannya di sidebar, footer maupun di bawah postingan blog. Dan saya kira semua tergantung selera si pemilik blog itu sendiri. Namun jangan salah, penempatan widget berlangganan artikel juga perlu strategi tersendiri agar mudah dilihat pengunjung blog, dan pengunjung tertarik untuk berlangganan artikel blog kita.


Pada tutorial kali ini, saya mau sedikit berbagi kepada sobat blogger yang lain, bagaimana cara membuat widget berlangganan artikel blog yang letaknya di bawah postingan blog, dimana seluruhnya digabungkan, yaitu via email, rss feed, facebook page, twitter dan google plus 1.

Untuk melihat live demonya sobat bisa buka di sini

membuat dan memasang widget berlangganan artikel blog
widget pelanggan blog


Oke saya kira langsung saja.
1. Masuk ke akun blogger > Dasbor > Template > Edit HTML

2. Jangan lupa backup dulu template sobat dan centang Expand Template Widget.

3. Cari kode  berikut ini;

<data:post.body/>
atau jika di template sobat ada banyak macam kode di atas, agar tidak bingung cari kode di bawah;

<div class='post-footer-line post-footer-line-1'/>

Kemudian masukkan kode berikut ini, di atas kode tadi (pilih salah satu)

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>
form.feedburner{
margin:20px 0 0;
display:block;
clear:both;
}
.dcstyle{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBo10fLrFtrgylENx5W5PVo8seMjyHV5jNcDo9VuJxHOCH-O6NzB-p9hTgGAbdYWd2R_JveH5xXd73XCEFMTEg1UxTT077tF0_PNNRJToFfFbEl6iEQ__brpkDN78G48XCVo5f3dtE3GGC/s400/email_icon.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.dcsubmit{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}

#emailwidget-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:480px;
}
#emailwidget-outer:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
#emailwidget-outer td{
padding:3px 0;
}
</style>

<center>
<div id='emailwidget-outer'>
<div id='emailwidget'>
<table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
<tbody>

<tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>

<td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'> <p style='color:#666; font-weight: bold; font-size: 18px; margin:0px 0px 5px 0px; '>Berlangganan artikel via email!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogbelajar2&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='blogbelajar2'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='dcstyle' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email…&quot;;}' onfocus='if (this.value == &quot;Enter your email…&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email…'/>

<input alt='' class='dcsubmit' title='' type='submit' value='Submit'/>
</form>
</td>

<td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'><p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px; '>Follow us!</p>
<a href='http://feeds.feedburner.com/blogbelajar2' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRK_mEADx-_JlVMlq7KcVOBnb9jGMM5oV5HSlQzJV8KNmVbPEDI-XEZYf6GaKVJbV8n1YHYX5PUzVCAZXunBo4cadx9ItOPpAS36v4vYLcGxlLWqemi_HkuAoWGBdjtAmioCL8T5pTBqg/s1600/rss-30×43.png'/></a>

<a href='http://twitter.com/supergaptech' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbR7agOmYsBFSHztigF675xy_xZwS3r2ETFDViSQSTaVU3UeNuJtgyh0YCcjB9AueGTUX0hvrSk_wf-DNEgJIvqwnr7XzHKHUrkdwpp9qV1hG8O-sC-uSM1rR-OY-n8Ay6NWw1zDfPkBE/s1600/twitter-30×43.png'/></a>

<a href='http://www.facebook.com/caramembuatblogspot' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTTO-CwiWIJezFeZdmzow-UpZp54atZ_fmTvOxSwtgLKzq_GLqbRQ2t9y0JSM7bYbhec-XNUyAnfUn9prgG1j2RMdP7U2la2eGszq5YmAc84GdsCLxEypjhWyDFb7TeWUF05texmX-6FU/s1600/facebook-30×43.png'/></a>

<a href='https://plus.google.com/103723295306374803147/' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlD1gfLsOQVJGU8noTL8N6q5RtiBPkvu_pOtEzwX3LhRHsr3cXY6qoMiJilWU5G_KnzkLo0cZ-9exuqzB1ylnr1otPdKkdPYEtBmbbbJS5OhI3dWR0slJZw-Zhh6k68ta6-gWXKCjb_1A/s1600/googleplus-30×43.png'/></a>

</td>
</tr>
</tbody></table>
<div align='right'><span style='font-style: italic; font-size: 8px; color: solid #f3f3f3;'><a href='http://blogbelajar2.blogspot.com/' style='text-decoration: none;' target='_blank'><font color='#f4f4f4' decoration='none'>[Get this widget]</font></a></span></div>
</div></div>
</center>
</b:if>
4. Klik pratinjau, jika sudah bagus, simpan template. Jika belum jadi tambahkan kode penutup </div> di     bawah kode terakhir sehingga menjadi ;
</center>
</b:if>
</div>

Pengaturan dan modifikasi widget;
  • untuk kode berwarna biru  silakan sesuaikan dengan selera sobat
  • untuk kode yang berwarna merah, harus diganti dan sesuaikan dengan masing-masing akun
  • Untuk mengurangi salah satu, silakan hapus saja kode antara <a href= sampai </a>
    Khusus pengaturan berlangganan via email, kita harus membuat dulu akun di feedburner.com, silakan buka artikel cara mendaftar dan memasang feedburner di blog
    Bagaimana... saya kira cukup mudah untuk memasang widget ini. Dan yang utama adalah kualitas postingan blog juga perlu ditingkatkan, agar pengunjung mau berlangganan artikel kita, tidak hanya sekedar memasang widget berlangganan seperti ini. Salam blogger.