Membuat Kotak Pencarian (Search Box)

Membuat Kotak Pencarian (Search Box) | Tutorial Blog

Tutorial kali ini saya akan berbagi cara Membuat Kotak Pencarian (Search Box).
Berikut caranya :
  • Login ke Dasbor blogger, klik Design (Rancangan) > Edit HTML, Taruh kode ini di atas kode  ]]></b:skin>
    berikut kodenya:
    #search {
    width: 280px;
    font-size: 11px;
    float: right;
    margin: 0;
    padding: 6px 0 0;
    }
    #searchform {
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: inline;
    }
    #searchbox {
    background: #84CAF6;
    width: 220px;
    color: #000;
    margin: 0;
    padding: 4px 0 3px 5px;
    border: 1px solid #005BC3;
    display: inline;
    font: normal 12px Georgia, Times New Roman, Trebuchet MS;
    }
    #searchbutton {
    background: #84CAF6 !important;
    color: #000;
    margin: 0 0 0 5px;
    padding: 3px 3px 2px;
    border: 1px solid #005BC3;
    font: bold 11px Georgia, Times New Roman, Trebuchet MS;
    }
  • Save Template.
  • Sekarang ke Page Element, klik Add a Widget > HTML/Javascript Masukkan kode ini di dalam area content.
  • <div id='search'>
    <form action='/search/' id='searchform' method='get' style='display:inline;'>
    <input id='searchbox' maxlength='200' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/>
    <input class='btn' type='submit' value='Go'/>
    </form>
    </div>
  • Save dan lihat hasilnya.
Semoga bermanfaat...!

Artikel lainnya :

Membuat Related Post (Artikel Terkait)

Membuat Related Post (Artikel Terkait) | Tutorial Blog

Related post atau Artikel Terkait sangat bermanfaat untuk memberitahu pengunjung tentang artikel yang lain dalam satu label / category pada blog kita.
Berikut cara Membuat Related Post :
  • Login ke Blogger, Klik Design/Rancangan > Edit HTML.
    Membuat Artikel Terkait
  • Beri tanda centang pada Expand Template Widget.
    Membuat Artikel Terkait
    Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
  • Cari kode </head>, lalu Copy kode dibawah ini dan letakkan diatas kode </head>.
    <!--Simple Related Posts Scripts Start-->
    <script type='text/javascript'>
    //<![CDATA[
    var relatedTitles = new Array();
    var relatedTitlesNum = 0;
    var relatedUrls = new Array();
    function related_results_labels(json) {
    for (var i = 0; i < json.feed.entry.length; i++) {
    var entry = json.feed.entry[i];
    relatedTitles[relatedTitlesNum] = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    relatedUrls[relatedTitlesNum] = entry.link[k].href;
    relatedTitlesNum++;
    break;
    }
    }
    }
    }
    function removeRelatedDuplicates() {
    var tmp = new Array(0);
    var tmp2 = new Array(0);
    for(var i = 0; i < relatedUrls.length; i++) {
    if(!contains(tmp, relatedUrls[i])) {
    tmp.length += 1;
    tmp[tmp.length - 1] = relatedUrls[i];
    tmp2.length += 1;
    tmp2[tmp2.length - 1] = relatedTitles[i];
    }
    }
    relatedTitles = tmp2;
    relatedUrls = tmp;
    }
    function contains(a, e) {
    for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
    return false;
    }
    function printRelatedLabels() {
    var r = Math.floor((relatedTitles.length - 1) * Math.random());
    var i = 0;
    document.write('<ul>');
    while (i < relatedTitles.length && i < 5) {
    document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
    if (r < relatedTitles.length - 1) {
    r++;
    } else {
    r = 0;
    }
    i++;
    }
    document.write('</ul>');
    }
    //]]>
    </script>
        <!--Simple Related Posts Scripts and Styles End-->
  • Kemudian silakan Sobat cari kode seperti berikut
    <div class='post-footer-line post-footer-line-1'>
    Lalu letakkan kode berikut dibawah kode tersebut.
    <!-- Simple Related Posts Code Start-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'>
    Related Post on <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
    </b:if></b:loop>
    <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script></div></b:if>
    <!-- Simple Related Posts Code End-->
  • Terakhir klik Save / Simpan Template.
    Membuat Artikel Terkait
Selamat mencoba dan semoga berhasil Membuat Related Post (Artikel Terkait).

Membuat Auto Read More

Membuat Auto Read More | Tutorial Blog

Auto Read More adalah opsi yang otomatis memotong artikel Sobat saat di tampilkan pada home page blog Anda. Auto Read More ini dilengkapi dengan pengaturan jumlah karakter, Ada 2 pengaturan jumlah karakter yaitu jumlah karakter Read More tanpa gambar dan jumlah karakter Read More dengan gambar.
Berikut cara membuat auto read more :
  1. Login ke akun Blogger Sobat, klik Design / Rancangan  > Edit HTML.
    Penting!!! Biasakan men-Download / membackup template blog Anda sebelum mengedit template.
  2. Beri tanda centang pada Expand widget template, kemudian letakkan kode berikut ini di atas kode </head> (tekan Ctrl+F untuk mempermudah dalam pencarian kode)
    <script type="text/javascript">
    var thumbnail_mode = &quot;float&quot; ;
    summary_noimg = 250;
    summary_img = 220;
    img_thumb_height = 120;
    img_thumb_width = 220;
    </script>
    <script type="text/javascript">
    //<![CDATA[
    function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf("
    ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>
    "+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
    //]]>
    </script>
    Anda juga dapat merubah kode berikut:
    var thumbnail_mode = "float";
    summary_noimg = 250;
    summary_img = 250;
    img_thumb_height = 120;
    img_thumb_width = 120;
    Ganti angka pada summary_noimg untuk mengatur jumlah karakter yang tampil pada kutipan artikel tanpa gambar.
    Ganti angka pada summary_img untuk mengatur jumlah karakter yang tampil pada kutipan artikel dengan gambar.
    Ganti angka pada img_thumb_height untuk mengatur tinggi gambar yang tampil pada kutipan artikel.
    Ganti angka pada img_thumb_width untuk mengatur lebar gambar yang tampil pada kutipan artikel.
  3. Selanjutnya cari kode <data:post.body> lalu ganti dengan kode ini;
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span class='rmlink' style='float:left'><a expr:href='data:post.url'><b>More about</b> &#8594;</a></span>
    </b:if>
  4. Ganti kata left dengan right untuk menampilkan link readmore di bagian kanan.
    Ganti kata More about dengan kata yang Anda inginkan. Misalnya Read More,Baca Selengkapnya, Selanjutnya atau Seterusnya.
  5. Terakhir klik Pratinjau / Preview untuk melihat hasilnya. Jika Anda rasa sudah sesuai, klik tombol Simpan / Save Template.
Catatan : Jika Sobat menggunakan opsi ini, Artikel pada halaman juga akan terpotong.
Semoga tutorial ini bisa berguna buat sobat yang ingin Membuat Auto Read More.

Cara Membuat Schedule / Jadwal Postingan di Wordpress

Cara Membuat Schedule / Jadwal Postingan di Wordpress | Tutorial Blog

Pada postingan kali ini saya akan berbagi cara membuat Jadwal Postingan di WordPress. Jika kita menggunakan opsi ini maka postingan yang kita buat akan dipublish secara otomatis sesuai pengaturan yang kita lakukan. Untuk Blogspot silakan baca Membuat Schedule / Jadwal Postingan Blogspot.

Berikut Cara Membuat Schedule / Jadwal Postingan di Wordpress :
  1. Login ke Dashboard Wordpress Anda, klik Posts > Add New, dan buat sebuah postingan.
    Post Addnew WP
  2. Sebelum di Publish klik Edit yang terletak disamping Publish immediately.
    Schedule Post
  3. Atur tanggal dan jam kapan postingan Sobat ingin dipublish.
    Jadwal Postingan
  4. Terakhir klik tombol Schedule.
    Jadwal Postingan
Semoga tutorial diatas bermanfaat buat sobat yang ingin Membuat Schedule / Jadwal Postingan di Wordpress.

Cara Membuat Schedule / Jadwal Postingan

Cara Membuat Schedule / Jadwal Postingan | Tutorial Blog

Schedule atau Jadwal dalam memposting artikel memang penting. Dengan jadwal posting yang teratur, berarti kita konsisten, ini menandakan kita rajin dan aktif dalam ngeblog. Tutorial kali untuk blogspot, untuk wordpress.com silakan baca Cara Membuat Schedule / Jadwal Postingan di Wordpress.

Cara ini bisa digunakan buat sobat yang sibuk dan tidak sempat untuk posting artikel setiap harinya, misalkan Anda membuat 4 postingan, akan lebih baik jika Sobat terbitkan satu persatu, daripada Anda terbitkan sekaligus. Blogger akan menyimpan postingan Anda sampai waktu yang telah Anda tetapkan.

Berikut cara Membuat Jadwal Postingan di Blogspot :
  1. Login ke akun Blogger milik Anda, pilih New Post / Entri Baru, dan buat sebuah postingan.
  2. Sebelum diterbitkan klik Post Options.
    Schedule Post
  3. Akan muncul opsi-opsi di bawah Post Editor, pilih Scheduled at / Dijadwalkan pada lalu isi tanggal dan jam sesuai keinginan Anda.
    Jadwal Postingan
  4. Terakhir klik Publish Post / Terbitkan Entri. Maka Postingan tersebut akan diterbitkan sesuai tanggal dan jam yang telah ditentukan.
    Publish Post
Sekian tutorial tentang Cara Membuat Schedule / Jadwal Postingan.

Memasang Jam di Blog

Memasang Jam di Blog | Tutorial Blog

Untuk mempercantik tampilan blog, baik itu Wordpress maupun Blogspot, mungkin Anda ingin memasang aksesoris berupa widget jam pada sidebar blog Sobat, Bagi Sobat yang ingin memasang widget jam di Wordpress.com, Silakan baca Memasang Jam di Wordpress. Buat Blogspot dapat Anda ikuti tutorial berikut ini :
  • Kunjungi www.clocklink.com
  • Lalu klik pada menu Gallery (kita bisa memilih kategori-kategori yang ingin kita pilih), sebagai contoh kategori Digital yang di pilih.
    Memasang Jam
  • Kemudian klik View HTML Tag.
    Memasang Jam
  • Akan timbul halaman baru. disitu ada ketentuan-ketentuan yang memakai bahasa inggris, pilih Accept.
    Memasang Jam
  • Selanjutnya kita diminta memilih warna (color), time zone, serta ukuran jam agar sesuai dengan sidebar blog.
    Memasang Jam
  • Kemudian Copy kode HTML yang diberikan.
    Memasang Jam
  • Langkah selanjutnya pasang pada widget HTML/Javascript blog Sobat, jika belum bisa memasang widget silakan baca Memasang Widget / Gadget di Blogspot
Silakan dicoba Sob, semoga berhasil...

Memberi Tag dan Kategori Postingan di Wordpress

Memberi Tag dan Kategori Postingan di Wordpress | Tutorial Blog

Tutorial kali ini tentang memasang / memberi Tag dan Kategori pada postingan di wordpress. Berikut caranya :
  • Login ke WordPress anda.
  • Pada Dashboard klik menu Post > Add New.
    Post Addnew WP
  • Lalu Check List kategorinya sesuai dengan isi postingan anda.
    Tutorial Blog
  • Tulis Tag yang ingin Anda berikan pada kolom tag, dan klik Add.
    Tutorial Blog
  • Setelah selesai membuat postingan klik Publish.
Artikel Yang Lain :
Semoga tutorial ini bermanfaat buat Sobat yang masih belum tau cara Memberi Tag dan Kategori Postingan di WordPress.

Cara Mengetahui Blog Kena Banned

Cara Mengetahui Blog Kena Banned | Tutorial Blog

Istilah “Banned Google“ pasti tidak asing lagi buat Sobat-sobat yang selama ini bergelut dengan dunia blog dan website. Banned google merupakan sebuah istilah dari tindakan google yang terhadap blog atau website yang dicurigai oleh mesin pencari google melakukan spam atau teknik black hat SEO. Jika Blog Sobat sampai di banned oleh Google berarti website anda dianggap google 100% telah melakukan spam dan isi website anda tidak sesuai dengan apa yang diindex google. akibatnya website anda 100% tidak diindex google. Juga istilah yang ini, “Penalty Google” merupakan sebuah peringatan menuju banned google. Artinya website tersebut tidak 100% spam, hanya direktori yang dianggap spam saja yang dikeluarkan indexnya dari google. misalkan halaman posting anda 100% copy-paste dan melakukan tindakan spam lainnya maka sedikit demi sedikit index single posting anda akan hilang dari index google

Untuk melihat website / blog kita dibanned google atau kena penalty google, caranya mudah, Coba Sobat ketik site:namadomainanda.com di form pencarian Google, jika hasilnya tidak ada itu berarti akun atau blog Sobat terkena banned google, jika berkurang di bandingkan dengan hari-hari sebelumnya, itu berarti akun / blog anda terkena penalty google atau Sobat jarang posting. untuk mengetahui page index blog anda setiap harinya akan lebih mudah jika Sobat menginstal WebRank Toolbar.

Untuk mengetahui sebuah blog atau website terkena banned dan penalty google, Sobat dapat mengikuti cara berikut :
  • Masuk ke www.bannedcheck.com.
  • Ketikkan url blog Sobat dalam form dan klik Submit, anda akan diberi keterangan hasil dari bannedcheck apakah blog Sobat di banned oleh Google atau tidak.
Semoga penjelasan singkat ini bisa bermanfaat buat sobat untuk Mengetahui Blog Kena Banned.

Kode Script Anti Klik Kanan

Kode Script Anti Klik Kanan | Tutorial Blog

Selain Kode Script Anti Copas, Sobat dapat menggunakan Kode Script Anti Klik Kanan untuk melindungi artikel Anda dari Copaser.
Untuk dapat menggunakannya silakan ikuti tutorial berikut :
  • Login ke Blogger Sobat, Klik Design > Page Elements.
    Tutorial Blog
  • Lalu klik Add a Gadget.
    Tutorial Blog
  • Pilih HTML/Javascript.
    Tutorial Blog
  • Kemudian copy kode di bawah ini:
    <script> var message="Eits,, Klik Kanan Sementara Ini Tidak Diperbolehkan !!";
    ///////////////////////////////////
    function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false")</script>
  • Lalu paste pada area content.
    Tutorial Blog
  • Terakhir klik SAVE.
    Tutorial Blog
Silakan dicoba Sob, dan semoga berhasil...
Sekian tutorial kali ini mengenai Kode Script Anti Klik Kanan.

Cara Instal WebRank Toolbar

Cara Instal WebRank Toolbar | Tutorial Blog

Webrank toolbar - Toolbar ini berfungsi untuk menunjukan pagerank,alexa rank,backlink dan berbagai info lainnya mengenai web atau situs yang sedang kita kunjungi, toolbar ini akan secara otomatis memberitahukan kepada kita berapa Rank blog yang sedang kita kunjungi.
Sebagai contoh ketika kita membuka situs facebook maka di Toolbar Webrank browser mozilla akan muncul nilai rank dari facebook. Lihat gambar ;
WebRank Toolbar
disitu tertulis bahwa facebook memiliki Google pagerank : 10, Alexa rank : 2, Compete rank : 2, Quantcast rank : 2, dll.

Berikut cara menginstal WebRank Toolbar :
  • Silakan klik addons.mozilla.org.
  • Pada laman selanjutnya klik Add To Firefox
    WebRank Toolbar
  • Akan tampil jendela add-on
    WebRank Toolbar
    Setelah selesai Sobat akan di minta me-Restart firefox.
  • Restart firefox Sobat dan Toolbar WebRank sudah terinstal di Firefox.
Semoga penjelasan singkat ini bisa bermanfaat buat Sobat yang ingin mengInstal WebRank Toolbar.

Kode Script Anti Copas

Kode Script Anti Copas | Tutorial Blog

Buat Sobat yang tidak ingin Artikelnya di copy oleh blogger lain, mungkin cara ini bisa Sobat gunakan. Berikut Tutorialnya :
  1. Login ke blogger Sobat, Klik Design / Rancangan > Edit HTML.
    Kode Script Anti Copas
  2. Beri centang pada Expand Widget Templates. Lalu cari kode <head>
    Kode Script Anti Copas
  3. Copy kode berikut :
    <SCRIPT type='text/javascript'> if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT>
    Dan letakkan tepat dibawah kode <head>
    Kode Script Anti Copas
  4. Terakhir Klik Save Template / Simpan Template.
    Kode Script Anti Copas
    Selesai...
Silakan di coba Sob, semoga tutorial ini bisa membantu Sobat yang ingin memasang Kode Script Anti Copas.

Tips Meningkatkan Ranking Blog

Tips Meningkatkan Ranking Blog | Tutorial Blog

Untuk meningkatkan Google pagerank dan Alexa rank Blog Anda secara manual, Sobat dapat mengikuti beberapa tips dibawah ini :
  1. Isi yang segar dan bagus
    Buat postingan yang menarik agar banyak pengunjung yang datang, bisa dengan tutorial , tips , trik atau info yang sedang hangat / trend .Google akan mengindex situs kita harian, jika pengunjung situs kita selalu bertambah tiap harinya. Bagaimana sih agar pengunjung selalu bertambah tiap harinya? Jadi usahakan selalu menambahkan isi (content) yang segar di situs kita secara berkala dan teratur sebisa mungkin.
  2. Daftarkan blog ke search engine
    lakukan verifikasi dan daftar blog di google sitemap agar mudah terindex.
  3. Meta Tag yang bagus
    Meskipun kegunaan kata kunci di meta tag dalam hal meraih peringkat atas pada hasil pencarian di google masih diperdebatkan, tapi jangan sampai kita mengabaikan title tag dan meta description tag.
  4. Link Popularity
    Google bank sangat bergantung pada berapa banyak orang yang telah benar-benar terhubung ke situs Anda. Logika Google adalah bahwa jika lebih banyak orang telah menghubungkan ke situs Anda, mereka telah jelas menemukan situs Anda menjadi situs yang baik. Kalau tidak kenapa mereka harus terkait dengan hal itu? Juga jika Anda terhubung dari situs yang lebih populer daripada Anda, peringkat Anda tiba-tiba akan melonjak.
  5. Cari backlink berkualitas sebanyak-banyaknya
    jika page rank blog anda 2 cari backlink pada blog yang page rank 3 , 4 , dan yang lebih tinggi ( sebaiknya sesuai kategori blog anda , karena google menilai berdasarkan kuantitas dan kualitas link).
  6. Buatlah link (anchor text) yang mengarah ke postingan
    tempatkan link tersebut di menu bar atau di side bar atau di tempat yang mudah di klik oleh pengunjung (direkomendasikan di menu bar /menu navigasi karena lebih mudah di deteksi oleh robot google).
  7. Memberi komentar
    Memberi komentar pada blog yang banyak pengunjungnya dan mempunyai page rank tinggi, beri komentar yang bagus supaya bisa menarik perhatian pemilik blog atau pengguna lain , sertakan link sehingga orang lain bisa dengan mudah menuju ke blog anda ( hal ini diharapkan dapat meningkatkan traffik blog anda).
  8. Update blog secara berkala
    jika anda ingin membuat 4 postingan saya sarankan sebaiknya mengupdate 2 saat ini dan 2 lagi besok atau anda bisa memanfaatkan publish postingan berkala ( terjadwal) , karena google lebih senang dengan situs yang sering di update karena google menganggap ada kegiatan yang kontinyu dalam blog anda . Catatan: 2 postingan minggu ini kemudian 2 lagi postingan minggu depan ( lebih disenangi google daripada 4 postingan dalam minggu ini, dan 4 postingan 2 minggu berikutnya / ada vakum dalam 1 minggu ).
  9. Daftarkan blog anda ke web direktori atau blog direktori gratis
    Open Directory memberikan hasil direktori ke Google. jika Anda terdaftar dalam direktori, dan di kategori yang tepat juga, dengan deskripsi yang memiliki istilah pencarian Anda, apakah Anda beruntung! Situs Anda akan mendapatkan motivasi dalam rank untuk istilah pencarian Anda. semakin banyak tautan dari blog lain ke blog anda , maka google akan semakin menganggap blog anda berbobot.
  10. Aktif dalam forum diskusi
    seperti google grup,yahoo answer , atau social networking seperti friendster, yuwie, buat artikel atau jawaban disana yang berisi ringkasan dan link ke blog anda 
  11. Daftarkan blog anda ke social bookmark.
  12. Kata kunci yang relevan
    Jika Anda memiliki halaman tentang ”Customer Relationship Management”/”CRM” dan Anda menemukan bahwa lebih banyak orang mencari postingan Anda dengan menggunakan “Customer Relationship Management” daripada ”CRM”, maka lebih baik bagi Anda untuk menggunakan “Customer Relationship Manajemen “di halaman bukan ” CRM “. Hal ini sangat meningkatkan lalu lintas situs Web dan juga meningkatkan peringkat Anda untuk kata kunci Anda.
  13. Jangan mengganti judul postingan
    Jika postingan anda telah terindex oleh google dan muncul dihalaman pertama google search , jangan pernah ganti judulnya dengan alasan untuk menyesuaikan dengan kategori atau judulnya kurang menarik tata bahasanya, karena halaman tersebut akan dapat pinalti dari google , peringkat halamannya bisa turun akibat google menganggap halaman tersebut adalah halaman baru. 
  14. Menginstal Alexa toolbar
    instal Alexa toolbar pada browser anda, atau memasang widget alexa pada blog.
  15. Biasakan masuk ke blog menggunakan google search.
  16. Jaga kredibilitas blog anda
    jangan sekali-kali melakukan penipuan terhadap search engine , hal ini ada saya temukan pada beberapa blog yang hanya berisi tag dan link yang menjebak pengunjung karena situs tersebut tidak ada postingan yang ada hanya iklan penuh 1 halaman , mungkin dengan harapan bahwa pengunjung terjebak untuk mengklik iklannya sehingga menambah penghasilan pemilik situs. Padahal secara psikologis dalam jangka panjang situs tersebut akan ditinggalkan oleh pengunjung.
  17. Jangan sekali- kali membuat anggapan blog anda dimengerti oleh google
    lakukan sebaliknya yaitu buatlah situs anda bersahabat dengan google . Usahakan buat judul postingan yang frasenya sudah dikenal google , hal ini bisa anda lihat pada saat menggunakan google search , misalkan di kotak teks pencarian pada saat mengetik s akan muncul pilihan SEO , SEO Tools , gunakan kata -kata yang sudah dikenal oleh google tersebut jika postingan anda berhubungan dengan SEO jangan modifikasi menjadi SEOS , atau SEOTools agar tampil beda dengan yang lain , karena google akan bingung dengan judul postingan seperti di atas.
  18. Buat link antar halaman
    Buat link antar halaman dan link dari halaman Home ke sub halaman dan sebaliknya , anda bisa menggunakan link navigasi atau link di dalam postingan yang mengarah ke postingan lain.
  19. Jangan gunakan terlalu banyak kode javascript dalam blog anda
    sebaiknya gunakan html script, karena google lebih peka terhadap kode html . Anda juga bisa memilih template yang mudah loadingnya, biasanya template yang berat loadingnya jika banyak menggunakan javascript atau background image , multimedia atau flash untuk menghias blog agar kelihatan cantik. Tujuam kita bukan menghias tampilan blog tetapi merampingkan /membutuhkan template yang ringan loadingnya agar memudahkan robot google menelusuri script yang ada dalam blog .
  20. Gunakan situs dengan domain sendiri ( berbayar)
    Google lebih senang dengan situs yang mempunyai domain sendiri dibanding blog gratisan seperti blogger,wordpress dll.
Tips diatas saya dapat dari beberapa blog dan ada sebagian yang saya tambahkan, Silahkan dicoba dan mudah-mudahan bermanfaat.

Source : dari berbagai sumber.

MagzEvo Blogger Template

MagzEvo Blogger Template | Tutorial Blog

Template Features :
Platform TypeBlogger / Blogspot
Template NameMagzEvo Blogger Template
DescriptionMagzEvo is a free blogger template with 3 columns, right sidebar, rounded corners, exclusive design for Blogger, footer columns, posts thumbnails and drop down menu.
Template Authorhttp://www.freebloggertemplate.info
DesignerFree Blogger Template
Instructions URL How to install MagzEvo Blogger Template



magzevo blogger template

I Tech Blogger Template

I Tech Blogger Template | Tutorial Blog

Template Features :

Platform TypeBlogger / Blogspot
Template NameI Tech Blogger Template
Template author:NBTemplate
Description:I Tech is a free blogger template with 2 columns, right sidebar and exclusive design for Blogger.
Excellent layout for blogs about business.
Download I Tech for free in BTemplates.
Instructions:How to install a blogger template

Blogger Templates
Source : btemplates.com

Mozzie WordPress Theme

Mozzie WordPress Theme | Tutorial Blog

Template Details :
Platform TypeWP / WordPress
Template Name Mozzie WordPress Theme
DescriptionsMozzie is a free WordPress theme with featured content option and supports the post thumbnails. Suitable for any niche. Theme Options at admin panel.
Template Authorhttp://newwpthemes.com
DesignerNew WP Themes

Mozzie WordPress Theme
Source : probloggertemplate.com

Membuat Menu Dropdown

Membuat Menu Dropdown | Tutorial Blog

Menu Dropdown merupakan kumpulan beberapa data berupa text dan link, yang di ringkas menjadi menu tunggal. Pada Tutorial kali ini saya akan berbagi tentang kode untuk membuat menu dropdown.
Berikut caranya : Login ke blogger, Kemudian Masukkan script berikut ini di area "Content" widget HTML/JavaScript blog Sobat.
<select onChange="document.location.href=this.options[this.selectedIndex].value;"> <option value=”http://alamat-url1.com“>Menu1</option> <option value=”http://alamat-url2.com“>Menu2</option> <option value=”http://alamat-url3.com“>Menu3</option> </select>
Hasilnya akan seperti ini; Jika sobat ingin link yang diklik akan dibuka di window baru, silakan ganti kode <select onChange="document.location.href=this.options[this.selectedIndex].value;">dengan kode berikut ini : <select onchange="javascript:window.open(this.options[this.selectedIndex].value);"> Sebagai contoh saya akan menggunakan kode tersebut untuk Link Teman. Berikut kodenya;
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);"> <option selected="selected" value="0">Link</option> <option value="http://bakulatz.wordpress.com/">BakulatZ</option> <option value="http://m4d13.blogspot.com/">m4d13_blog</option> </select>
Maka hasilnya seperti ini; Tutorial Blog Semoga Artikel diatas bisa membantu sobat yang ingin Membuat Menu Dropdown.

Sunset Travel WordPress Theme

Sunset Travel WordPress Theme | Tutorial Blog

Template Details :
Platform TypeWP / WordPress
Template Name Sunset Travel WordPress Theme
DescriptionsSunset Travel is a free Magazine Style WordPress Theme with features such as latest tweets, featured gallery, post thumbnail, featured video, popular posts and lots more. Suitable for travel and all niche.
Template Authorhttp://wpthemesgallery.net
DesignerWP Themes Gallery

Sunset Travel WordPress Theme
Source : templatebloggers.com

Memasang Opsi Reply Komentar

Memasang Opsi Reply Komentar | Tutorial Blog

Pada blog dengan platform Wordpress, tool ini sudah otomatis terpasang dalam form komentarnya, Beda dengan blogger, Namun Anda juga dapat memasang opsi reply di blogspot. Buat Sobat yang ingin memasang opsi reply di form komentar blog. Berikut tutorialnya :
  • Login ke dashboard blogger. Buka menu Design > Edit HTML
  • Beri centang pada 'Expand Widget Templates'
  • Cari kode
       <data:commentpostedbymsg>
    atau
       <data:comment.timestamp>
  • Letakkan kode berikut diatas atau dibawahnya
        <span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=BloggerIdAnda&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=yes, width=400, height=450&quot;); return false;'>[Reply Comment]</a></span>
    Ganti tulisan yang berwarna merah dengan id blog anda. Untuk mengetahui id blog anda klik menu Design lalu perhatikan digit angka pada address bar anda.
    Tutorial Blog
  • Kemudian klik Save Template, dan lihat hasilnya.
Selamat mencoba...

Memindahkan Blog ke Gmail Lain

Memindahkan Blog ke Gmail yang Lain | Tutorial Blog

Tutorial kali ini akan saya bahas cara memindahkan blog ke akun Gmail yang lain, berikut caranya :
  • Buka akun blogger anda dengan akun A, lalu pada dashboard blog anda pilih Settings / Setelan. lalu klik Permissions / Izin.
    Tutorial Blog
  • Pada blog authors anda tambahkan author baru dengan mengklik Add Author,
    Tutorial Blog
    lalu masukan email B anda, dan klik Invite.
    Tutorial Blog
  • Selanjutnya Signout dari email A anda dan buka email B anda, akan ada email dari gmail, dan klik link yang ada disitu, secara otomatis email B anda sudah aktif menjadi author pada blog yang tadi anda pindahkan.
  • Karena mau dipindahkan semuanya, jadi kita harus mengubah status author pada email B menjadi ADMIN, caranya kembali singout email B tersebut dan login kembali dengan email A. Pada menu settingan permissions tadi ubah status email B menjadi admin dengan mengklik Grant admin privileges.
    Tutorial Blog
    Kalau sudah delete email A dari admin blog tersebut.
    Tutorial Blog
  • selesai, sekarang akun blog anda sudah pindah ke akun email B.
Sekian tutorial tentang Memindahkan Blog ke Gmail Lain.

Sensitivity WordPress Theme

Sensitivity WordPress Theme | Tutorial Blog

Template Details :
Platform Type WP / WordPress
Template Name Sensitivity WordPress Theme
DescriptionsSensitivity is a free WordPress theme with featured content option and supports the post thumbnails. Suitable for any niche. Theme Options at admin panel.
Template Authorhttp://fthemes.com
DesignerFThemes

Source : probloggertemplate.com

Membuat ReadMore Pada Postingan

Membuat ReadMore Pada Postingan | Tutorial Blog

Fungsi read more adalah untuk memotong / mempersingkat artikel di halaman awal, sehingga tidak menampilkan keseluruhan isi dari artikel pada halaman awal blog, dengan begitu akan mempercepat loading blog dan tampilan blog akan lebih rapi.
Berikut cara membuat Read more :
  • Di anggap Anda sedang membuat sebuah postingan,
    Kemudian pada pada halaman posting blogspot pilih tab Compose,
    Tempatkan posisi mouse (kursor) pada akhir tulisan yang akan dibuat read more
    Tutorial Blog
    Lalu klik Insert Jump Break.
    Tutorial Blog
  • Untuk Wordpress pilih tab Visual, kemudian tempatkan posisi mouse (kursor) pada akhir tulisan yang akan dibuat read more, lalu klik Insert More Tag (Alt+Shift+T). Tutorial Blog
Selesai,,, Silakan Anda klik publish.
Gampang kan!?, Semoga artikel ini bermanfaat...

    Menghapus Blog dari Google Friend Connect

    Menghapus Blog dari Google Friend Connect | Tutorial Blog

    Berikut Cara Menghapus Blog dari Google Friend Connect :
    • Login ke akun Google
    • Masuk ke http://www.google.com/friendconnect
    • Pilih blog yang mau dihapus kemudian klik Settings / Setelan.
      Tutorial Blog
    • Setelah itu klik tab Advanced / Tingkat Lanjut.
      Tutorial Blog
    • Geser ke bawah sampai pada pilihan untuk menghapus blog dan Klik di sini / Click here.
      Tutorial Blog
    • Setelah itu muncul halaman konfirmasi penghapusan blog, ketik Yes pada kolom yang disediakan dan terakhir klik Submit / Kirim.
      Tutorial Blog
    • Selesai,,, sobat sudah berhasil menghapus blog dari akun google friend connect.
    Semoga bermanfaat...

    Widget IP Address

    Widget IP Address | Tutorial Blog

    Buat Sobat yang ingin mempercantik tampilan blog dengan menampilkan IP address pengunjung, Sobat dapat menggunakan widget berikut ini :
    IP
    Berikut cara memasang widget IP Address :
    • Masuk ke www.wieistmeineip.de
    • Klik pada widget IP Address.
      Tutorial Blog,Widget
    • Lalu pilih Widget yang ingin Anda tampilkan, terdapat dua versi; bahasa Jerman dan bahasa Inggris.
    • Kemudian Copy kode yang ada dibawahnya. dan pasang pada widget Html blog Sobat.
      Tutorial Blog,Widget
    Jika belum bisa memasang widget silakan baca
    Data yang di tampilkan pada widget tersebut hanya dapat dilihat oleh pengunjung, dan tidak dicatat atau disimpan oleh anda.
    Kiranya cukup segini artikel saya tentang memasang widget IP Address.
     
    Support : PING by :Ping-o-Matic | Pusat Promosi
    Copyright © 2011. Tutorial dan Free Download - All Rights Reserved
    Template Modify by Creating Website
    Re Design by Bang Aris