Wednesday, November 19, 2014

, , ,

INILAH ALASAN MELEPAS SEMENTARA IKLAN GOOGLE ADSENSE DI BLOG

Sampai akhirnya seorang teman blogger yang merupakan pakar adsense, yaitu +Kang Jum  juga menanyakan hal itu. "Adsensenya kok kadang muncul kadang gak mbak, ada apa?" Mungkin semua publisher Indonesia sudah tahu ya siapa itu Kang Jum, publisher sukses asal kudus yang menjadi adminnya blog Candi Kota di http://candi-kota.blogspot.com.



Saya sendiri tahu Kang Jum ini dari informasi kisah sukses publisher Indonesia yang saya baca di internet pada awal 2013. Sebenarnya saya sudah lama punya keinginan untuk mewawancarai Kang Jum tentang seputar kisah suksesnya di google adsense. Namun hingga sekarang saya belum sempat mewancarai. Semoga selekasnya saya bisa wawancarai agar bisa memotivasi teman-teman publisher Indonesia.


* Oke kembali ke judul. Postingan ini sekaligus menjawab pertanyaan semua teman-teman kenapa iklan di blog ini kadang muncul dan kadang tidak.


Mengapa saya sering melepas iklan adsense dari blog?


1. Blog sedang dalam perbaikan

Jika sedang ada perbaikan tata letak dan sejenisnya yang terjadi pada template maupun perbaikan dalam SEO, maka iklan akan saya lepas selama beberapa hari sampai perbaikan benar-benar selesai. Tujuannya adalah untuk menghindari tayangan iklan tidak syah.

Berdasarkan kebijakan program adsense, publisher tidak boleh menavigasi blognya sendiri berulang-ulang secara berlebihan. Meskipun google mem-filter setiap klik dan tayangan tidak syah, namun hal ini mungkin saja menimbulkan tayangan tidak syah yang berpotensi membebani biaya pengiklan Adwords. Jika dilanggar, akun adsense akan dibanned. Beberapa publisher mengaku bahwa akun adsensenya dibanned tanpa alasan yang jelas. Tayangan tidak syah inilah salah satu alasan mengapa akun adsense mereka dibanned.


Jika kita ingin melihat halaman blog kita sendiri, gunakanlah alat pratayang. Namun jika ingin menjawab komentar, lakukan secara wajar dan jangan sampai berlebihan dalam setiap harinya untuk mengurangi banyaknya jumlah tayangan tidak syah..


2. Mengembalikan BPK yang turun

Google menggunakan Smart Pricing atau Penetapan Harga Cerdik untuk menentukan nilai setiap klik iklan. Jika ada klik syah namun tidak memberikan keuntungan apa-apa kepada pengiklan Adwords, maka google akan menurunkan biaya klik agar pengiklan adword tetap berani menawar jumlah maksimum harga klik pada iklannya.

Dengan kata lain, smart pricing bertujuan untuk menyelamatkan pengiklan adwords dari resiko tekor akibat klik syah yang dilakukan oleh pengguna, namun pengguna tidak melakukan tindakan apa-apa yang menguntungkan pengiklan. Alias tidak jadi membeli tetapi hanya melihat-lihat situs pengiklan saja.


Nah, selama beberapa bulan menayangkan iklan, biasanya blog kita akan mengalami smart pricing karena banyaknya klik syah namun tidak menguntungkan pengiklan. Akibatnya, nilai klik pada iklan di blog kita akan rendah seterusnya. Untuk memulihkan agar BPK kembali tinggi seperti semula, maka kita harus merefresh iklan kita. Caranya adalah dengan melepas iklan secara keseluruhan dari blog selama setidaknya 2-3 hari. Maka setelah itu BPK akan kembali normal, bahkan cenderung tinggi.


3. Menghindari klik tidak syah

Saya terkadang mengalami klik tidak wajar. Dalam setengah hari tiba-tiba iklan saya mendapat jumlah klik yang banyak sekali dan tidak seperti biasanya. Maka iklan akan saya lepas dari blog yang bersangkutan, selanjutnya saya melaporkan ke google tentang hal ini. Tujuannya adalah untuk mengantisipasi invalid klik berkelanjutan dan sekaligus memberitahu google tentang adanya aktivitas tidak syah pada akun adsense saya.

Sebenarnya klik dalam jumlah banyak ini belum tentu invalid klik. Dan saya beberapa kali mengalaminya. Suatu hari saya pernah terkejut ketika tiba-tiba saya mendapat earning adsense yang banyak hanya dalam setengah hari. Earning itu berasal dari klik yang banyak di satu blog. Kemudian saya langsung melaporkannya ke google dan saya mengatakan bahwa itu adalah klik tidak syah. Saya juga menyertakan URL blog saya yang mungkin google ingin melihat apakah ada pelanggaran penempatan iklan yang saya lakukan.


Namun setelah saya tunggu selama beberapa hari, google tidak menghapus earning tersebut. Ternyata itu adalah earning yang syah. Lonjakan earning tiba-tiba seperti itu sering terjadi semenjak saya menerapkan Cara meningkatkan jumlah klik syah iklan adsense.


Beberapa minggu kemudian google mengirimkan saran kepada saya dalam nawalanya agar saya mencoba menggunakan Unit Iklan Khusus dan mencoba Eksperimen A/B versi Beta. Silakan baca disini Tips mengoptimalkan google adsense dengan pengujian A/B.


Saya langsung menerapkan semua saran google tersebut, padahal awalnya saya tidak berani menggunakan unit iklan khusus karena ada peringatan yang memungkinkan berdampak buruk bagi pendapatan. Namun ukuran iklan khusus yang saya buat ternyata tepat dan sesuai dengan situasi blog saya sehingga malah meningkatkan pendapatan. Silakan baca disini Cara menentukan ukuran iklan khusus adsense paling benar.




Bahkan pengujian A/B belum selesai namun earning terus naik dan akhirnya grafik tiba-tiba naik tajam.


Karena saya khawatir bahwa terjadi aktivitas tidak syah, maka saya melepas lagi iklan dari blog dan akhirnya earning jatuh lagi ke bawah. Dan setelah saya melaporkan ke google, ternyata itu adalah earning yang syah.


* Dulu akun adsense saya sudah dibanned oleh google karena adanya aktivitas tidak syah akibat diganggu orang, namun akhirnya diaktifkan lagi oleh google. Situs saya berkali-kali dihack orang lain dan artikel saya berkali-kali dicopas oleh autoblog, namun saya tetap bisa bertahan.


Mengapa saya bisa bertahan dan mengapa akun adsense saya diaktifkan lagi oleh google?


Karena saya terus-menerus meminta pertolongan kepada Allah SWT untuk menyelamatkan akun saya. Tidak ada cara yang aman kecuali meminta perlindungan kepada Allah SWT, karena Dialah sang pelindung terkuat dan terpercaya. Dialah yang telah memberikan rejeki kepada saya dan keluarga saya mulai di dunia hingga saya kembali ke pangkuanNya kelak.
Continue reading INILAH ALASAN MELEPAS SEMENTARA IKLAN GOOGLE ADSENSE DI BLOG
, , ,

Mengoptimalkan Score Card di Google Adsense

Setelah beberapa hari lalu Google Adsense merayakan ulang tahunnya yang ke 10, Google Adsense mengeluarkan sebuah fitur terbaru untuk setiap Publisher. Tools terbaru ini berfungsi untuk membantu para penayang iklan dalam mengoptimalkan performa dan kinerja dari iklan yang digunakan. Karena iklan tersebut akan dipasang pada blog / website kita, oleh karena itu Adsense juga ikut menyertakan mengenai kecepatan muat halaman untuk mengoptimalkan tampilan iklan menjadi lebih maksimal dan cepat.

Tools Google Adsense ini diberi nama Score Card. Score Card dapat ditemukan pada halaman depan Google Adsense berada di sebelah kanan , setelah anda login. Score Card menyediakan informasi seberapa baik pengaturan iklan anda, halaman web dan konten akan dibandingkan dengan penayang Adsense lainnya. ScoreCarrd ini disusun dalam bentuk tabel berisi beberapa kategori ( revenue optimization, site health, etc. ) yang menunjukan hasil dari peringkat anda terhadap penerbit iklan.

Contohnya seperti berikut ini :

scorecard google adsense
Score Card terdiri dari 3 bagian :
1. Revenue Optimization
Berisi informasi mengenai cara mengoptimalkan iklan menjadi lebih maksimal dan sinkronisasi terhadap situs anda. Semakin baik Revenue Optimization kemungkinan hasil dari jumlah earnings juga akan meningkat. Untuk yang pertama yaitu Recommended Ad Formats.

Dalam memilih unit format iklan Adsense, pemilihan ukuran ads unit yang tepat secara tidak langsung akan meningkatkan nilai dari CPC Google Adsense. Tipsnya adalah dengan menggunakan unit iklan tersebut di halaman web kita dengan ukuran 468x60 , 160x600, 338 x 280 , dan 728 x 90. Dari keempat ukuran tersebut, alangkah baiknya anda menggunakan 2-3 iklan ads unit tersebut pada 1 blog atau website yang digunakan.

Text and image ads enabled
Iklan yang akan muncul di situs anda terdiri dari 3 jenis penayangan yaitu, Text ads only, Media image rich only, serta Text and Media ads. Dalam satu buah ukuran iklan tersebut jika anda memilih jenis tipe "text dan image" , maka iklan yang akan ditampilkan akan bersesuaian dengan unit iklan lain yang dipasang secara bersamaan. Dengan pilihan ini, Google Adsense akan menyesuaikan serta mengoptimalkan iklan yang muncul dengan baik apakah text atau gambar.

Crawler errors
Berbahaya sekali jika ada salah satu halaman anda yang tidak dapat muncul iklan. Hal ini biasanya disebabkan halaman yang telah dihapus, terdapat halaman yang tidak dapat ditemukan tetapi linknya terpasang di dalam situs anda, atau bisa juga karena konten artikel anda melanggar ketentuan TOS yang disediakan oleh Google Adsense. Crawler errors ini juga berhubungan dengan cara robot mesin pencari mencari setiap elemen yang akan diindex, jika menyatakan tidak keberhasilan maka muncullah peringatan crawler erros yang harus anda perbaiki.

Jika ada erros maka akan terlihat informasi mengenai link url halaman yang dapat anda perbaiki secepatnya.

2. Site Health

Di dalam bagan Site Health hanya berisi 1 buah statistik yaitu Page speed performance. Dimaksudkan bahwa agar kinerja iklan yang ditampilkan cukup relevance dan tidak membutuhkan waktu yang lama untuk diakses, halaman anda membutuhkan kecepatan loading blog yang sempurna. Dalam contoh gambar diatas, ada satu buah error, dimana terdapat satu atau beberapa bagian muat halaman yang membutuhkan waktu lebih lama daripada waktu akses request iklan.

3. Google +
Diharapkan bagi Publisher Google Adsense selalu membagikan konten artikelnya pada media social Google+. Selain untuk menunjang traffik blog, google+ kini juga berinisialisasi dengan adsense. Setiap pengunjung yang masuk melalui saluran Google+ dan pada situs anda mempunyai iklan Adsense, maka terekadang akan membuat nilai dari CPC apabila di click pengunjung akan lebih besar daripada melalui search engine. Google+ ini juga digunakan untuk memantau setiap otoritas dari penerbit iklan.

Dengan adanya Score Card ini diharapkan penayang iklan akan selalu mengoptimalkan performa dan kinrja situs serta iklan yang nantinya baik akan dimunculkan.

Di dalam score card terdapat sebuah rating, yaitu terdiri dari total nilai performa, peringkat, dan tombol pengoptimalan.
  • Peringkat ditunjukkan dengan icon bintang yang maksimal pencapaian top skor adalah 5 bintang.
  • Nilai Performa dilambangkan dengan tanda peringatan ( Ceklis, Tanda Seru Kuning, dan Tanda Seru Merah )
  • Tombol Pengoptimalan berbentuk segitiga berwarna hijau dan hitam yang menunjukkan dimana letak kesalahan yang harus dioptimalkan.

Google meluncurkan scorecard baru di AdSense saat ini yang memungkinkan pemilik situs untuk melihat bagaimana sifat mereka melakukan relatif terhadap penayang AdSense lainnya. Scorecard ini disusun menjadi tiga kategori: optimalisasi penerimaan, situs kesehatan dan Google+ (Google karena semuanya tidak perlu memiliki sedikit Google+ built-in). Untuk masing-masing, Google memberikan peringkat antara satu dan lima dan menyarankan perbaikan untuk meningkatkan lalu lintas dan pendapatan.
 Sebagai catatan Google, perusahaan tidak akan mengambil tindakan apapun dan menghukum situs yang memiliki skor rendah dalam salah satu dari tiga bidang. "Ini adalah alat informasi saja untuk memberikan wawasan lebih dalam tentang bagaimana situs Anda berkinerja," dikemukakan oleh AdSense manajer produk Nick Radicevic dalam catatan pengumumannya.

Demikian informasi mengenai Cara Mengoptimalkan Score Card di Google Adsense Tahap 1 yang berisi penjelasan singkat. Semoga bermanfaat.

Read more: http://www.impoint.info/2013/06/mengoptimalkan-score-card-di-google.html#ixzz3JAQUf7uQ 
Continue reading Mengoptimalkan Score Card di Google Adsense

Tuesday, November 18, 2014

, ,

CARA MENENTUKAN UKURAN IKLAN KHUSUS ADSENSE PALING BENAR



Contoh Ukuran Unit Iklan Khusus


Rasa khawatir itu wajar, dan apa yang disarankan google itu benar adanya. Google lebih tahu tentang dampak penggunaan iklan ukuran khusus ini karena mereka mengantongi data jumlah persediaan iklan yang mereka miliki. Tetapi ada jalan keluar bagi para publisher untuk mengatasi hal ini. Artinya, kita bisa menggunakan iklan ukuran khusus tanpa beresiko menurunnya penghasilan, bahkan malah menaikkan earning jika kita tahu cara menentukan ukuran iklan yang tepat.

Bagaimana caranya?
Sebelum memulai, mari kita pahami dulu dengan cermat peringatan google tersebut dibawah ini.


! Unit iklan ukuran khusus dapat memiliki ketersediaan inventaris iklan bergambar terbatas yang dapat berdampak negatif pada penghasilan Anda. Jika situs Anda menggunakan desain responsif, sebaiknya Anda menggunakan unit iklan responsif.



Sekarang anda harus bisa menjawab pertanyaan ini;

( ? ) Bagaimana agar ketersediaan inventaris iklan bergambar tidak terbatas?

( i ) Jawabannya adalah: Buatlah ukuran iklan khusus yang bisa menampung unit iklan gambar 300x250 dan 336x280, karena kedua unit iklan bergambar tersebut berkinerja paling tinggi. Oleh karena itu buatlah ukuran iklan khusus yang lebih besar dari mereka, misalnya; ukuran 468x280 atau 468x300, agar iklan gambar berukuran 336x280 dan 300x250 bisa masuk kedalamnya.



Keterangan:
Secara default, ruang untuk iklan yang berukuran lebih besar bisa dimasuki oleh iklan yang berukuran lebih kecil.

Info tambahan:
Sejak saya menggunakan iklan khusus berukuran besar seperti di atas, pendapatan tidak menurun seperti yang saya khawatirkan sebelumnya, tetapi malah bertambah naik. Ini merupakan bukti bahwa ukuran untuk unit iklan khusus seperti yang diatas itu adalah tepat.

* Namun jika pendapatan anda tidak naik atau bahkan menurun akibat menggunakan unit iklan ukuran khusus ini, maka berdoalah kepada Allah, karena rejeki anda sebenarnya ada di tangan Allah SWT, sedangkan adsense hanyalah sebagai lantaran saja.
Continue reading CARA MENENTUKAN UKURAN IKLAN KHUSUS ADSENSE PALING BENAR

Monday, November 17, 2014

, ,

Membuat tombol/' Spoiler Buka tutup pada postingan blog

 jika aku amati dalam postingannya masing-masing, jarang sekali ada yang menggunakan cara ini. Yakni menyembunyikan gambar atau sebuah objek dengan menggunakanspoiler buka tutup. Kalaupun ada, hal itu dilakukan semata-mata demi atas nama Loading blog. Karena panjangnya sebuah artikel hingga membuat loading blog atau web menjadi berat saat dibuka, maka dengan solusi atau dengancara inilah yang digunakannya. Yakni dengan cara membuat tombol/spoiler buka tutup. Namun demikian karena adanya permintaan, maka para mastah menciptakan sebuah script atau kode HTML untuk tombol buka tutup ini.

Dan aku yang termasuk kedalam golongan blogger yang Nubie dalam hal seperti ini mencoba untuk meneruskan cara memasang tombol/spoiler buka tutup ini. Dibawah ini adalah script atau kode untuk membuat tombol/spoiler buka tutup tersebut, sobat bisa langsung menyalinnya dan kemudian meletakkannya pada halaman mana saja yang hendak Anda pasangi tombol/spoiler buka tutup ini. 


Contoh spoiler buka tutup: 

Kode untuk tombol buka tutup :
<div style="margin-bottom: 2px;">judul spoiler <div style="margin-top: 5px; text-align: center;"><input value="Buka" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"> Letakan Isi Spoiler disini,  Bisa gambar / tulisan  </div></div></div>



 
















Pada tulisan berwarna merah yang terdapat dalam script diatas harus anda ganti dengan gambar atau objek yang hendak anda sembunyikan, sementara tulisan yang berwarna Ungu, biru dan juga coklat bisa anda ganti sesuai dengan kebutuhan. Misalnya pada kata ‘buka’ bisa anda ganti dengan kata open, dan pada kata ‘tutup’ bisa anda ganti dengan kata close atau sejenisnya. 

Demikianlah cara membuat tombol/spoiler buka tutup pada blog, semoga bisa sedikit membantu mohon maaf jika ada salah kata serta salah pada penulisannya. Bye-bye….
Continue reading Membuat tombol/' Spoiler Buka tutup pada postingan blog

 jika aku amati dalam postingannya masing-masing, jarang sekali ada yang menggunakan cara ini. Yakni menyembunyikan gambar atau sebuah objek dengan menggunakanspoiler buka tutup. Kalaupun ada, hal itu dilakukan semata-mata demi atas nama Loading blog. Karena panjangnya sebuah artikel hingga membuat loading blog atau web menjadi berat saat dibuka, maka dengan solusi atau dengancara inilah yang digunakannya. Yakni dengan cara membuat tombol/spoiler buka tutup. Namun demikian karena adanya permintaan, maka para mastah menciptakan sebuah script atau kode HTML untuk tombol buka tutup ini.

Dan aku yang termasuk kedalam golongan blogger yang Nubie dalam hal seperti ini mencoba untuk meneruskan cara memasang tombol/spoiler buka tutup ini. Dibawah ini adalah script atau kode untuk membuat tombol/spoiler buka tutup tersebut, sobat bisa langsung menyalinnya dan kemudian meletakkannya pada halaman mana saja yang hendak Anda pasangi tombol/spoiler buka tutup ini. 


Contoh spoiler buka tutup: 

Kode untuk tombol buka tutup :
<div style="margin-bottom: 2px;">judul spoiler <div style="margin-top: 5px; text-align: center;"><input value="Buka" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"> Letakan Isi Spoiler disini,  Bisa gambar / tulisan  </div></div></div>



 
















Pada tulisan berwarna merah yang terdapat dalam script diatas harus anda ganti dengan gambar atau objek yang hendak anda sembunyikan, sementara tulisan yang berwarna Ungu, biru dan juga coklat bisa anda ganti sesuai dengan kebutuhan. Misalnya pada kata ‘buka’ bisa anda ganti dengan kata open, dan pada kata ‘tutup’ bisa anda ganti dengan kata close atau sejenisnya. 

Demikianlah cara membuat tombol/spoiler buka tutup pada blog, semoga bisa sedikit membantu mohon maaf jika ada salah kata serta salah pada penulisannya. Bye-bye….
Continue reading

Saturday, November 15, 2014

Cara Mudah Memasang Komentar Facebook Di Blog

Cara Mudah Memasang Komentar Facebook Di Blog. Dalam Membuat Sebuah Blog tentunya anda membutuhkan komentar-komentar yang sangat membangun. Berkomentar menjadi kegiatan utama blogwalking apalagi dengan berkomentar kita bisa juga mendapatkan link Back yang sangat berfungsi untuk menaikan trafik dan pengunjung kita, tapi banyak sekali blogger-blogger yang belum tau bagaimana cara berkomentar yang baik dan hal-hal apa saja yang harus di hindari dalam berkomentar.

Hal ini tidak dapat dibiarkan karena memang ini bukan suatu perbuatan yang baik dan harus di jauhi. Selain karena membuat blog yang di kunjungi menjadi tidak indah karena komentar-komentar yang tidak berbobot tapi ini juga berdampak negative terhadap si komentator sendiri, karena bisa jadi blognya akan di anggap spam. jadi jangan sampai melupakan fungsi utama berkomentar yaitu sekedar ingin menanyakan atau ingin memberikan pesan kepada si pemilik artikel/blog. Dengan berkomentar yang baik, itu akan mempengaruhi citra dan kredibilitas kita sebagai pemilik blog dan blog yang kita komentari.

Apakah yang dimaksud dengan komentar ? komentar adalah ulasan atau tanggapan atas Penjelasan yang telah dibuat atau dikatakan sebelumnya. Pada kesempatan kali ini sampul ilmu menjelaskan tentang Cara Mudah Memasang Komentar Facebook di Blog.
Cara Mudah Memasang Komentar Facebook Di Blog
Gambar Komentar Facebook Dan Blogger
Langkah-langkah Pembuatannya Adalah 
Siapkan ID Facebook Anda Terlebih Dahulu (untuk Cara Mudah Melihat ID Facebook Anda login kehalaman Facebook anda kemudian clik Profil anda setelah itu pada URL copy  Nama Facebook anda)
Cara Mudah Memasang Komentar Facebook Di Blog
Gambar Contoh ID Facebook
Langkah selanjutnya copy paste URL dibawah ini kemudian  ganti ID Facebook (Tulisan Warna Merah) dengan ID Facebook anda kemudian Enter
https://graph.facebook.com/ID Facebook 

Maka Akan Muncul Tampilan Seperti Dibawah Ini
Cara Mudah Memasang Komentar Facebook Di Blog
Gambar ID Facebook
Langkah Selanjutnya Login Ke dalam Dashboard Blog anda kemudian clik Template pilih Edit HTML setelah itu cari kata <div class='comments' id='comments'> Pada Code HTML Blog anda (Untuk Melakukan Pencarian Agar lebih Cepat Ditemukan Clik CTRL + F pada Keyboard kemudian ketikan Kata <div class='comments' id='comments'> padaSearch  lalu clik Enter)

Setelah code diatas telah ditemukan langkah selanjutnya copy code dibawah ini dan kemudian paste tepat dibawah code <div class='comments' id='comments'>




Pada Code Diatas Cari kata meta content='ID Facebook'  Ganti Tulisan ID Facebook dengan ID Facebook Anda
Untuk Merubah Ukuran Komentar Cari Kode width='500' Kemudian Ubah Nilai Tersebut Sesuai Dengan Keiginan Anda

Untuk Melihat Hasilnya Refresh blog kemudian clik postingan pada blog  anda

Bagi yang mengunakan Tempalte Responsive anda dapat mencoba Cara Membuat Komentar FB Responsive Blogger.

Dengan Adanya komentar-komentar akan dapat meningkatkan kualitas dari blog anda, semoga bermanfaat.
Continue reading

Friday, November 14, 2014

Widget recent comment dengan efek avatar dan tooltip

Membuat dan memasang widget recent comment/komentar terakhir pada sebuah blogmerupakan langkah yang penting,artinya kita menginformasikan kepada pembaca blog bahwa artikel mana yang sekarang banyak di diskusikan/dibahas pada blog tersebut sehingga pembaca blog tersebut tertarik ataupun ikut serta dalam berdiskusi.

Widget recent comment berikut di lengkapi dengan avatar dan stylelist dengan css dengan tambahan efek tooltip.previewnya seperti di bawah ini :
membuat widget recent comment dengan avatar

Tutorial

  1. Login ke akun blogger anda
  2. Pada dasbor >> Pilih Tata Letak >> Add Gadget >> HTML/JavaScript
  3. Kemudian Copy dan pastekan kode di bawah ini ke dalamnya :

<style type="text/css">
#komentar {background: #fff; border:1px solid #8181F7;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;margin:5px 0;padding:5px;}
#komentar ul{margin:0;padding:0px;list-style: none;}
#komentar ul li:first-child {border-top:none;}
#komentar ul li {height:46px; background: white; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:12px!important;font-weight:550; border:1px solid #8181F7;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;margin:5px 0;padding:5px;}
   
#komentar ul li:last-child {border-bottom: none;}
#komentar ul li:hover {background: whitesmoke;
-moz-border-radius-bottomright:10px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;margin:5px 0;padding:5px;}
#komentar a, #komentar a:link, #komentar a:visited {clear:both;color:#222;display:block;text-decoration:none;}
#komentar .gamen {display: block;float: left;height: 42px;left: 4px;margin-right: 15px;position: relative;width: 42px;}
#komentar .gamen>img { border: 2px solid #ffffff;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;box-shadow: 0 1px 2px #222222;background: url(http://tipstrikblogging.googlecode.com/files/Avatar%20Blogger%20Comments.jpg)repeat-x;}
#komentar ul li div.ismen {color:#333;text-shadow:-1px -1px 1px #ccc;}
#komentar .ismen {display: block;font-size: 1em;font-style: italic;line-height: 1.2;padding: 2px 4px 2px 0;}
#komentar .gamen>span{width: 150px;height: auto;line-height: 20px;padding: 5px;left: 115px;margin-left: -64px;font-size: 1em;font-weight:bold;color: #212121;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);text-align: center;border: 4px solid #5858FA;background: rgba(255,255,255,0.7);text-indent: 0px;border-radius: 5px;position: absolute;pointer-events: none;bottom: 100px;opacity: 0;box-shadow: 1px 1px 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#komentar .gamen>span:before, #komentar .gamen>span:after{content: '';position: absolute;bottom: -15px;left: 50%;margin-left: -9px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid rgba(0,0,0,0.1);}
#komentar .gamen>span:after{bottom: -14px;margin-left: -10px;border-top: 10px solid #5858FA;}
#komentar .gamen:hover>span{opacity: 0.9;bottom: 55px;}
</style>

<div id="komentar">
<ul>
<script type="text/javascript">
//<![CDATA[
var jmlkomentar = 8;
var jmlkarakter = 60;
//]]></script>
<script src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar-Tooltip.js" type="text/javascript"></script> 
<script src="http://hendra-skb.blogspot.com/feeds/comments/default?alt=json&amp;callback=tampilkankomentar" type="text/javascript"></script>
</ul>
</div>
<small></small><br /> 
<div style="font-size: 90%; text-align: right; text-shadow: 2px 2px 2px #adadad;"> 
<small><a href="http://hendra-skb.blogspot.com” target="_blank" title="Widget Recent Comment">Get This Widget</a></small></div>

  1. 4. ganti URL di atas dengan URL blog anda , anda dapat mengedit warna widgetnya tinggal utak – atik saja cssnya.
  2. jika sudah , save template dan lihat hasilnya Demikian Tutorial membuat widget recent comment kali ini semoga bermanfaat :c:
Continue reading Widget recent comment dengan efek avatar dan tooltip

CARA TINGKATKAN PENGHASILAN GOOGLE ADSENSE


Trik Tingkatkan Pengahasilan Google Adsense - Setelah artikel sebelumnya membahas trik cepat di Approve Google Adsense, pada trik kali ini saya akan menerangkan bagaimana mengoptimalkan google adsense pada blog sobat. Mengutip artikel dari official Blog Google adsense,berikut ini adalah beberapa trik peletakan posisi adsense di blog untuk meningkatkan penghasilan dari klik adsense anda
Google AdSense is a free program from google to maximize revenue from your online content that empowers online publishers to earn revenue by displaying relevant ads on a wide variety of online content, including:
  • Site search results

    Easily add a custom search engine to your site, and earn from ads on the search results pages.
  • Websites

    Display ads on your website that are suited to your audience's interests, and earn from valid clicks or impressions.
  • Mobile webpages and apps

    Connect your mobile users with the right ad at the right time as they seek information on the go.
  • Feeds

    Display targeted ads in your RSS feeds, wherever they're viewed.
     
       
Now I will give trick and tips in video how to increase your google adsense in your site. This video create by the official adsense team.
The AdSense team has posted a six-part video series, with Top optimization tips and best practices that can help you in boosting the eCPM and revenue of your Adsense. Implementing these techniques into your website and Adsense ad layouts can help you in monetizing your traffic and let you quickly earn more revenue online.


Berikut ini Adalah Video Trik-Tips untuk meningkatkan penghasilan Google Adsense Anda. Video ini di posting oleh Tim Adsense dari Google, silakan disimak dan tingkatkan penghasilan adsense anda

1. Upgrade to high-performing units


2. Monetize more content


3. Optimize search box placement


4. Opt-in to text and image ads


5. Use link units


6. Opt-in to placement targetinghttp://bmccreative.blogspot.com/2012/10/cara-tingkatkan-penghasilan-google.html
Continue reading CARA TINGKATKAN PENGHASILAN GOOGLE ADSENSE

MENGISI DAN MENAMPILKAN ARTIKEL TERTENTU DI HALAMAN BLOG

Menampilkan artikel tertentu ini maksudnya adalah menampilkan artikel berdasarkan label dan memasukkannya ke halaman blog seperti yang ada di menu halaman blog ini atau seperti yang terlihat pada gambar berikut ini

Mengisi dan Menampilkan Artikel Tertentu di Halaman Blog

Mengisi dan menampilkan artikel tertentu di halaman blog ini memiliki tampilan yang sama dengan tampilan artikel yang ada di halaman depan blog, lengkap dengan gambar artikel (thumbnail) dan hanya menampilkan berdasarkan kategori label yang terpasang didalamnya yaitu yang terpasang pada kode script dari feed blog artikel yang sudah ada. Sebelum mengisi halaman blog dengan artikel tertentu, anda harus membuat halaman blog terlebih dahulu dan memasukkan kode html ini kedalamnya.

Cara Mengisi dan Menampilkan Artikel Tertentu di Halaman Blog
Kode yang ada dibawah ini merupakan hasil salinan yang saya ambil dari blogger senior kita, Kang Rohman yang terbit pada 23 Desember 2010 dan sedikit saya modifikasi agar tampilannya seperti yang terlihat pada gmbar diatas.
  1. Masuk ke akun Blogger anda
  2. Pilih menu Template >> Edit HTML >> tekan tombol Ctrl+F di keyboard
  3. Cari kode ]]></b:skin> Jika sudah ketemu, salin kode berikut tepat diatas atau sebelum kode ]]></b:skin>
    img.label_thumb{float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; margin-bottom:15px;height:100px; width:100px}
    img.label_thumb:hover{background:#f7f6f6}
    .label_with_thumbs{float:left; width:100%; min-height:110px; margin:0px 10px 2px 0px; adding:0}
    ul.label_with_thumbs li{padding:8px 0; min-height:105px; margin-bottom:15px}
    .label_with_thumbs a{font-size:20px;font-weight:bold;}
    .label_with_thumbs strong{}
    Keterangan :
    img.label_thumb adalah ID yang menampilkan gambar artikel (thumbnail), untuk mengatur besar kecil tampilan gambar, ganti ukurannya di bagian height dan width
    .label_with_thumbs adalah mengatur tampilan gambar agar sesuai dengan yang lainnya. Jika ukuran gambar di img.label_thumb 100px, maka ukuran di .label_with_thumbs harus lebih besar
    ul.label_with_thumbs li adalah mengatur tampilan gambar agar sesuai dengan yang lainnya. Jika ukuran gambar di img.label_thumbs 110px, maka ukuran di ul.label_with_thumbs harus lebih kecil
    .label_with_thumbs a adalah ID yang digunakan untuk menampilkan ukuran font pada judul artikel, disini saya menggunakan ukuran 20px dengan karakter font besar (bold)
    margin-bottom:15px adalah mengatur jarak di bagian bawah antar artikel
  4. Cari kode </head> dan salin kode berikut tepat diatas atau sebelum kode </head>
    <script type='text/javascript'>
    //<![CDATA[
    function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
    if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
    {s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcjWA-8JiyWAP2YqyHlTOMih7f8RG5yfIdEDT3xOB6YHdqQKm2hOjdp0y0m7KFQ2zkrROLS8ssoEZMjQslNOVkfcu2_NhLwxl7lhC4Dd_7NJR2fv6IQ2yVqVjX_TctaS_v7BBXMqHXjlCM/';}
    var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
    document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
    else
    if("summary"in entry){var postcontent=entry.summary.$t;}
    else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
    else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
    var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
    if(showcommentnum==true)
    {if(flag==1){towrite=towrite+' | ';}
    if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
    if(displaymore==true)
    {if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
    document.write(towrite);document.write('</li>');if(displayseparator==true)
    if(i!=(numposts-1))
    document.write('');}document.write('</ul>');}
    //]]>
    </script>
    Catatan :
    karena diatas merupakan kode script dan mungkin terlalu banyak untuk ditampilkan kedalam template, silahkan anda kompres kode tersebut agar lebih kecil. Jika di kompres, kode script diatas akan menjadi link script seperti contohhttp://namaanda.googlecode.com/files/namakode.js dan untuk panduannya, silahkan buka artikelmembuat link kode javascript
  5. Kalau sudah, simpan template
  6. Selanjutnya, buka menu Laman dan buatlah judul laman sesuai dengan label yang akan ditampilkan kedalaman halaman blog nantinya
  7. Masukkan kode berikut kedalam area penulisan artikel
    <script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>

    <script type="text/javascript" src="/feeds/posts/default/-/label?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

    <a href="http://judulbloganda.blogspot.com/search/label/template" style="float: right; font: normal 12px Arial; padding: 5px 0;">Artikel berikutnya »</a>
    Keterangan :
    var numposts » menampilkan jumlah postingan
    var showpostthumbnails » menampilkan gambar artikel (thumbnail)
    var displaymore » menampilkan readmore
    var showcommentnum » menampilkan jumlah komentar
    var showpostdate » menampilkan tanggal terbit
    var showpostsummary » menampilkan ringkasan artikel
    var numchars » menampilkan jumlah kata dalam ringkasan artikel
    label » ganti dengan label blog
  8. Jika laman blog sudah berhasil dibuat, klik pulish atau terbitkan
  9. Selesai. Lihat hasilnya..
  10. Tambahan:
    Pada hasil akan menampilkan 5 artikel sesuai dengan jumlah yang terpasang pada var numposts = 5, agar pengungjung bisa melihat artikel yang lainnya yang sesuai dengan label yang terpasang, silahkan anda tambahkan kode berikut ini dibagian bawah kode yang ada di laman artikel
    <a href="http://judulbloganda.blogspot.com/search/label/template" style="float: right; font: normal 12px Arial; padding: 5px 0;">Artikel berikutnya »</a>
Itulah cara mengisi dan menampilkan artikel tertentu di halaman blog yang jika dikembangkan lagi sesuai kreatifitas anda, tidak hanya digunakan di halaman blog tapi bisa digunakan dimanapun yang anda inginkan terpasang berdasarkan label blog yang telah anda. Okey, jika masih ada yang belum jelas mari kita diskusikan bersama dengan meninggalkan komentar untuk artikel ini, Mengisi dan Menampilkan Artikel Tertentu di Halaman Blog
Continue reading MENGISI DAN MENAMPILKAN ARTIKEL TERTENTU DI HALAMAN BLOG