Cara Membuat Ucapan Terimakasih pada Kolom Komentar

Artikel kali ini membahas tentang Cara Membuat Ucapan Terimakasih pada Kolom Komentar. Ucapan terimakasih ini akan membuat para pengunjung yang komentar di blog anda akan merasa senang berkomentar di blog anda dan serta merta membuat pengunjung menjadi betah di blog anda. Ucapan terimakasih ini tidak selamanya tampil, tapi hanya tampil pada komentar terakhir.

Ini contoh screenshotnya :

 

Catatan :

Tutorial ini untuk blog yang menggunakan threaded comment, dan ucapan terimakasih ini hanya akan muncul apabila pengunjung berkomentar menggunakan akun Google.

Untuk membuat ucapan terimakasih di kolom komentar terakhir, silahkan masuk ke Template lalu Edit HTML lalu ikuti cara-cara dibawah ini.

1.  Tambahkan kode dibawah ini sebelum ]]></b:skin>

.comments .thanks-comment{position:relative;margin:10px 0;padding-left:40px;font-style:italic;font-size:16px;quotes:"\201C""\201D""\2018""\2019"}
.comments .thanks-comment:before{content:open-quote;position:absolute;top:0;left:0;margin-top:15px;font-size:4em;color:#d80556} 

2.  Temukan kode ini.

(function() {
      var items = <data:post.commentJso/>;

     ganti dengan kode ini.

var items_copy=[];
(function() {
var items = <data:post.commentJso/>;
items_copy=items;

3.  Simpan kode dibawah ini setelah <data:post.commentHtml/>

<script type='text/javascript'>
//<![CDATA[
for(i=0;i<items_copy.length;i++){if(i==items_copy.length-1){d=document.getElementById('c'+items_copy[i].id).getElementsByTagName('p').item(0);e=d.innerHTML+'<div class="thanks-comment '+items_copy[i].deleteclass.replace(/ blog-admin/,'')+'">Terimakasih '+items_copy[i].author.name+' untuk komentarnya!</div>';d.innerHTML=e}}
//]]>
</script>

4.  Simpan template blog anda.

Catatan : huruf yang berwarna merah bisa anda ganti dengan kata-kata anda sendiri.

Untuk mencobanya lansung, silahkan komentar di kolom komentar pada blog saya ini.

Nah, sekian dulu nih artikel tentang Cara Membuat Ucapan Terimakasih pada Kolom Komentar, semoga bermanfaat bagi kita semua.

This article is originally created by http://www.tutorkeren.blogspot.com (please share this to the other and don't delete the credit link).

source http://tutorkeren.blogspot.com/2013/04/cara-membuat-ucapan-terimakasih-pada-kolom-komentar.html

Cara Mendaftarkan Blog Anda ke Chitika

Artikel kali ini membahas tentang Cara Mendaftarkan Blog Anda ke Chitika. Untuk mendaftarkan blog anda ke Chitika langkahnya sangat mudah. Berikut adalah cara untuk mendaftarkan blog anda ke Chitika.

1. Silahkan klik banner dibawah ini untuk lansung menuju halaman pendaftaran Chitika.
   
   


2. Setelah itu akan muncul form pengisian tentang diri anda.
   Untuk Website URL, anda isi dengan alamat website anda.
   Untuk Username, anda isi sesuai keinginan anda.
   Untuk First Name, anda isi dengan nama depan anda.
   Untuk Last Name, anda isi dengan nama belakang anda.
   Untuk Email Address, anda isi dengan alamat email anda.
   Untuk Comfirm Email Address, anda isi dengan pengulangan alamat email anda.
   Untuk Password, anda isi sesuai dengan keinginan anda.
   Untuk Comfirm Password, anda isi dengan pengulangan password.
   Untuk Country, anda pilih dengan negara anda berasal.
   Untuk Captcha, anda isi dengan gambar yang tertera.


3. Lalu klik Join Us!, Lalu akan tampil pemberitahuan bahwa anda berhasil mendaftar.


4. Bukalah email dan cek inbox email anda, jika ada email dari Chitika, bukalah email tersebut.


5. Di Email tersebut anda klik Verify Your Email Address.


6. Lalu akan tampil pemberitahuan bahwa Email anda sudah di konfirmasi (Your email address has been confirmed!).


7. Nah, tinggal anda tunggu saja Chitika untuk meng-review blog anda, akan membutuhkan waktu 1-5 hari, nanti akan ada pemberitahuan lewat email bahwa blog anda di terima atau tidak. Berikut adalah gambar jika anda di terima di Chitika.

 

Jika anda sudah diterima di Chitika, lansung saja anda login ke Publisher Page.

SERIAL ARTIKEL TENTANG CHITIKA :

1. Chitika, Alternatif dari Google Adsense
2. Cara Mendaftarkan Blog Anda ke Chitika
3. Panduan Untuk Memasang dan Mengatur Iklan dari Chitika
4. Panduan Memilih Metode Pembayaran pada Chitika

Nah, selesailah artikel tentang Cara Mendaftarkan Blog Anda ke Chitika, semoga artikel ini bermanfaat bagi kita semua.

This article is originally created by http://www.tutorkeren.blogspot.com (please share this to the other and don't delete the credit link).

source http://tutorkeren.blogspot.com/2013/04/cara-mendaftarkan-blog-anda-ke-chitika.html

Chitika, Alternatif dari Google Adsense

Artikel kali ini akan membahas tentang Chitika, Alternatif dari Google Adsense, Apa sih Chitika itu? Chitika itu adalah sebuah program/situs penyedia jasa pengiklanan online dengan metode pembayaran per klik (Pay Per Click). Chitika juga menyediakan pemasangan iklan bagi yang ingin memasang iklan (Advertiser) dan menyediakan penayangan iklan dari advertiser ke situs atau blog (Publisher) melalui jaringan Chitika dengan akun terdaftar.

Seperti layaknya PPC Google Adsense, setiap iklan yang diklik oleh pengunjung akan membuat anda mendapatkan dollar sesuai dengan kebijakan Chitika. Walaupun hanya support bahasa Inggris dalam artian iklan premium hanya tampil untuk pengunjung dari negara yang berbasis bahasa Inggris seperti United States, United Kingdom, Canada, dll. Tapi jangan kuatir  walaupun blog anda berbasis bahasa Indonesia tetap saja anda akan mendapatkan penghasilan dari Chitika.

Chitika mempunyai beberapa bentuk iklan yang beragam seperti text ads, list unit, dan mobile ads. Untuk tampilan Chitika juga mempunyai fitur keren seperti :

1. Linx : beberapa kalimat pada postingan anda akan mempunyai garis bawah berwarna biru, dan jika terkena pointer mouse maka akan terbuka iklan.
2. Hover : akan ada bar terbuka disidebar kanan blog anda, dan akan mengikuti arah scroll hingga diclose.
3. Highlight : setiap kalimat yang akan dicopy oleh pengunjung maka akan keluar iklan hingga pengunjung tersebut meng-copy kalimat yang lain.

Chitika juga merupakan program PPC yang sangat kecil untuk penarikan/payout. Hanya dengan memiliki 10 $ anda sudah bisa melakukan penarikan melalui paypal. Sebenarnya metode pembayaran dari Chitika ada 2 opsi yaitu : melalui paypal atau melalui check. Kalo melalui paypal hanya menunggu saldo hingga 10$ atau lebih sedangkan melalui check harus menunggu saldo dari 50$ hingga 10000$.

Bagaimana menurut anda? Tidak ada salahnya memasang iklan Chitika di blog anda. Palingan kalo masalah review itu hanya menunggu 1 hingga 5 hari, seperti blog saya ini, saya menunggu review dari Chitika sekitar 3 harian.

SERIAL ARTIKEL TENTANG CHITIKA :

1. Chitika, Alternatif dari Google Adsense
2. Cara Mendaftarkan Blog Anda ke Chitika
3. Panduan Untuk Memasang dan Mengatur Iklan dari Chitika
4. Panduan Memilih Metode Pembayaran pada Chitika

Nah, sekian dulu nih artikel tentang Chitika, Alternatif dari Google Adsense. Semoga artikel kali ini bermanfaat bagi kita semua.

This article is originally created by http://www.tutorkeren.blogspot.com (please share this to the other and don't delete the credit link).

source http://tutorkeren.blogspot.com/2013/04/chitika-alternatif-dari-google-adsense.html

Mencari Ide Postingan dengan Google Trends

Artikel kali ini akan membahas tentang Mencari Ide Postingan dengan Google Trends. Google Trends merupakan salah satu tools SEO yang menarik untuk dicoba. Google Trends adalah sebuah layanan dari Google yang akan mempermudah kita untuk menganalisa kata kunci yang sedang populer dalam pencarian Google.

Dengan mengetahui kata kunci yang sedang banyak dicari, maka kita dapat membuat artikel yang cocok untuk mendapatkan pengunjung dari kata kunci yang populer itu. Jika artikel yang anda buat berhasil masuk dalam hasil pencarian paling atas maka akan menjadikan sumber kunjungan bagi blog anda.

Berikut cara menggunakan Google Trends.

1. Silakan kunjungi http://www.google.com/trends/search/?hl=in atau lansung klik disini, untuk membuka Google Trends berbahasa Indonesia.


2. Setelah halamannya terbuka, silakan anda tulis kata kunci yang anda inginkan. Setelah selesai, klik tombol Jelajahi.
   


3. Selanjutnya akan tampil hasil analisis terhadap kata kunci yang anda pilih. Silakan amati hasil analisisnya.

Amatilah dengan seksama dari tampilan grafik minat seiring dengan waktu, minat kawasan, dan istilah terkait dengan kata kunci yang anda jelajahi.

Nah, dengan hasil tersebut anda akan dapat membuat postingan yang tepat dengan kata kunci tersebut dengan begitu postingan yang anda buat dapat masuk di hasil pencarian paling atas di Google. Sehingga dapat mendatangkan pengunjung menuju ke blog anda dan akan meningkatkan pageviews dan peringkat blog anda.

Nah, sekian dulu nih artikel tentang Mencari Ide Postingan dengan Google Trends, semoga bermanfaat untuk kita semua.

This article is originally created by http://www.tutorkeren.blogspot.com (please share this to the other and don't delete the credit link).

source http://tutorkeren.blogspot.com/2013/04/mencari-ide-postingan-dengan-google-trends.html

Cara Membuat Spoiler di Blog

Artikel kali ini membahas tentang Cara Membuat Spoiler di Blog. Wah, kalo anak-anak forum pasti tau spoiler itu. Spoiler itu berguna untuk menyembunyikan sebagian atau seluruh postingan, untuk menghemat space halaman posting. Spoiler bisa juga untuk menyembunyikan teks, gambar, kode HTML, dll.

Untuk membuat spoiler pada postingan, ubahlah ke mode HTML, copy kode dibawah ini.

<div style="margin-top: 10px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><b>Contoh spoiler teks</b></i>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Isi Spoiler
</div></div></div>

Ini contoh spoiler yang berhasil dibuat : 

Contoh spoiler teks:

Isi Spoiler

Kalo ingin menggunakan gambar, maka ganti teks Isi Spoiler dengan kode gambar.

Contoh kode gambar :

<div style="text-align: center;">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUTVgZO2E96FuYrHY0vk3F9bxxoH_dFSQ6e7vaFXlNs-TOzEAJH4zLx_KAN4YhvvnDCbdT_M8o9b4zihx8voSCGt93kw8xrRWFCSiPM7qRJ-VSSC22g14EvsC-rJCuTWa5IuCdMSBYuvc/s1600/images.jpg"

</div>

Maka kode spoiler diatas menjadi seperti ini :

<div style="margin-top: 10px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><b>Contoh spoiler gambar</b></i>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUTVgZO2E96FuYrHY0vk3F9bxxoH_dFSQ6e7vaFXlNs-TOzEAJH4zLx_KAN4YhvvnDCbdT_M8o9b4zihx8voSCGt93kw8xrRWFCSiPM7qRJ-VSSC22g14EvsC-rJCuTWa5IuCdMSBYuvc/s1600/images.jpg"
</div>
</div></div></div>

 Maka hasilnya seperti ini :

Contoh spoiler gambar:

Catatan :
Huruf yang berwarna biru tua anda ganti dengan judul spoiler yang anda inginkan dan yang berwarna merah bisa anda ganti dengan teks maupun kode gambar seperti cara diatas.

Sekian dulu nih artikel tentang Cara Membuat Spoiler di Blog, semoga bermanfaat bagi kita semua.

This article is originally created by http://www.tutorkeren.blogspot.com (please share this to the other and don't delete the credit link).

source http://tutorkeren.blogspot.com/2013/04/cara-membuat-spoiler-di-blog.html

Tutorial Untuk Mengganti Template Blogger

Artikel kali ini akan membahas tentang Tutorial Untuk Mengganti Template Blogger. Sebenarnya ini tutorial dasar yang harus dimengerti oleh semua pengguna blogger. Nah, maka dari itu tidak ada salahnya untuk mempelajari tutorial dasar ini.

Banyak template Blogger yang tersebar di internet, ada yang gratis ada yang berbayar, bermacam-macam templatenya tetap saja itu menjadi selera anda. Sebenarnya Blogger sendiri telah menyediakan template default yang sudah tersedia didalamnya, namun kita tetap boleh kok memakai template selain yang disediakan oleh Blogger.

Bagaimanakah cara mengganti template Blogger anda?. Yuk kita simak.

1. Login dulu ke akun Blogger anda.


2. Pada dashboard, pilihlah blog yang anda ingin ganti templatenya.


3. Klik bagian Template, dan pilih Cadangkan/Pulihkan.


4. Nah, jika anda telah mendownload salah satu template Blogger yang anda inginkan silahkan unggah dengan meng-klik Browse dan carilah file template Blogger dengan extensi file .xml (jika dalam keadaan rar ataupun zip silahkan diekstrak dulu).


5. Kalo sudah, klik tombol unggah dan tunggu proses peng-unggahannya.


6. Jika proses telah selesai anda dapat menyesesuaikan template tersebut di bagian Sesuaikan ataupun  Edit HTML untuk mengatur struktur kode HTMLnya.

Jika sudah selesai semua, lihatlah Homepage blog anda, gimana? cantik bukan ? kalo masih belum puas, download saja template Blogger yang lain dan silahkan memilih yang mana sesuai dengan selera anda.

Oh ya, jika anda sudah cocok dengan template yang anda gunakan jangan lupa untuk backup data template tersebut dengan meng-klik tombol Cadangkan/Pulihkan lalu klik Unduh template lengkap.

Sekian dulu nih artikel tentang Tutorial Untuk Mengganti Template Blogger, semoga bermanfaat bagi kita semua.

This article is originally created by http://www.tutorkeren.blogspot.com (please share this to the other and don't delete the credit link).

source http://tutorkeren.blogspot.com/2013/04/tutorial-untuk-mengganti-template-blogger.html

Mengatur Custom Permalink di Blogger

Artikel hari ini membahas tentang Mengatur Custom Permalink di Blogger. Apa sih tujuannya? tujuannya tidak lain tidak bukan yaitu membuat postingan kita lebih SEO friendly. Nah, dengan custom permalink ini juga kita bisa ubah URL judul postingan kita.

Masih belum mengerti? mari kita simak ilustrasi berikut ini.
Anda akan membuat postingan dengan judul : "Cara Terbaru Merubah URL Postingan di Blogger" ,dan anda lansung mem-publishnya, maka akan ada kemungkinan muncul permalink seperti ini :

http://namablog.blogspot.com/2013/04/cara-terbaru-merubah-url-postingan-di.html

Jika anda liat URL tersebut tidak sesuai dengan judul postingan anda alias terpotong. Nah, dengan fasilitas custom permalink, URL tersebut tidak akan terpotong. Bagaimanakah caranya? mari kita simak. 

Mari kita flashback sebelum postingan tersebut di publish, saat masih dalam mode Compose. Lihatlah bagian kanan tepatnya di Setelan entri. Klik Tautan permanen dan akan terbuka 2 opsi : ada Tautan Permanen Otomatis dan Tautan Permanen Khusus. Pilih opsi Tautan Permanen Khusus dan anda akan diminta untuk mengisi URL untuk postingan anda. Kemudian isilah dengan kata-kata yang anda inginkan (contoh:cara-terbaru-merubah-url-postingan-di-blogger). Jika sudah selesai klik tombol Selesai.

Nah, lansung saja anda mem-publish postingan tersebut, maka URL postingan anda akan seperti ini :

http://namablog.blogspot.com/2013/04/cara-terbaru-merubah-url-postingan-di-blogger.html

Lengkap bukan? sesuai dengan judul postingan anda. Tapi ada beberapa hal yang anda harus ketahui tentang custom permalink ini.

Catatan :

1. Tidak usah memakai alamat blog di awal lansung saja dengan judul postingan.
2. Gunakan pemisah dengan strip (-)
3. Hanya bisa dilakukan sebelum artikel di-publish. 

Nah, sekian dulu dari artikel tentang Mengatur Custom Permalink di Blogger, semoga bermanfaat bagi kita semua

This article is originally created by http://www.tutorkeren.blogspot.com (please share this to the other and don't delete the credit link).

source http://tutorkeren.blogspot.com/2013/04/mengatur-custom-permalink-di-blogger_20.html

Cara Menambahkan jQuery untuk Template Blogger

Artikel hari ini tentang Cara Menambahkan jQuery Pada Template Blogger. Apa sih jQuery itu? jQuery itu adalah sebuah Library Javascript yang cepat dan ringkas yang mana dapat menyederhanakan document traversing, event handling, animating, dan AJAX interactions untuk pengembangan web secara cepat.

Nah, jQuery ini sangat diperlukan untuk membuat web dinamis. jQuery sendiri akan menampilkan efek, animasi, dan fungsi-fungsi menarik lainnya. Jika ada plugin yang menggunakan jQuery dan di template blogger anda tidak ada jQuery yang terpasang, pastilah plugin tersebut tidak akan berjalan.

Apakah jQuery itu ukurannnya besar dan akan memberatkan blog kita? jawabannya tidak, karena ukurannnya sekitar 100KB jadi tidak usah takut.

Bagaimana sih caranya memasang jQuery di template blog kita? Begini nih caranya, lansung disimak aja ya.

1. Login ke akun Blogger anda.


2. Pada Dashboard, pilihlah blog yang anda ingin tambahkan jQuery.


3. Klik pada Template, lalu klik Edit HTML.


4. Lalu, tambahkan kode ini sebelum </head>

   <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'/>

5. Simpan template. 

Mudah bukan?, sekian dulu nih artikel kali ini, semoga artikel tentang  Cara Menambahkan jQuery Pada Template Blogger dapat memantapkan desain blog anda.

This article is originally created by http://www.tutorkeren.blogspot.com (please share this to the other and don't delete the credit link).

source http://tutorkeren.blogspot.com/2013/04/cara-menambahkan-jquery-pada-template.html