Cara Mudah Membuat Popup Link Blogspot

cara-membuat-popup-blogspot

Popup link memang bisa membuat blog kita jadi terlihat lebih hidup, kamu bisa memanfaatkan ini untuk keperluan seperti menampilkan dialog bantuan, dialog informasi dan lain-lain.

Popup link yang akan kita bahas kali ini berbeda dengan auto Popup, jadi jenis Popup ini akan muncul ketika kita melakukan klik pada link yang kita buat untuk menampilkannya.

Untuk lebih jelasnya silahkan klik contoh Popup link di bawah ini.
Contoh Popup Link Blogspot


Berikut langkah-langkah membuat Popup Link untuk Blogspot :

  • Backup terlebih dahulu template kamu, bagi yang belum tahu caranya silahkan lihat Cara Backup Template, jika sudah lanjutkan ke tahap berikutnya.
  • Pilih Template > Edit HTML > Lanjutkan
  • Setelah kode html muncul jangan lupa centang Expand Template Widget di bagian kiri atas
  • Tekan Ctrl + F di keyboard kamu lalu cari penggalan kode ini ]]></b:skin>
  • Jika sudah ketemu, paste kode dibawah ini setelah kode ]]></b:skin>


  • Simpan Template
  • Buat satu post / artikel baru lalu pindah dari mode Compose ke mode html
  • Copy kode dibawah ini lalu simpan posting dan lihat hasilnya
<a href="http://berjuta-cara.blogspot.com/?m=1" onclick="NewWindow(this.href,'name','470','400','yes');return false">Belajar Membuat Popup di Blogspot</a>

Keterangan sesuai warna :

  • Merah : link halaman yang akan ditampilkan di Popup, sesuaikan dengan link kamu sendiri
  • Kuning : untuk mengatur ukuran Popup, sesuaikan dengan kebutuhan 
  • Biru : Teks yang akan dijadikan link untuk menampilkan Popup

Cara Jitu Jika Tombol Balas Komentar Tidak Berfungsi


Bagi sobat blogger yang sedang mengalami masalah karena tidak berfungsinya tombol Balas pada komentar mungkin bisa mencoba cara ini. Hanya ada 2 langkah untuk membuatnya normal kembali. OK langsung aja...

Cara agar tombol Balas di komentar bisa berfungsi :


  • Seperti biasa Backup Template kamu terlebih dahulu.
  • Setelah itu langsung pilih Template > Edit HTML > Lanjutkan dan jangan lupa untuk centang Expand Template Widget.
  • Tekan Ctrl + F lalu cari kode :
 <script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/> 

  • Blok kode mulai dari kode di atas sampai dengan kode di bawah ini. Keseluruhan kode yang di blok memang lumayan panjang :)

window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>

  • Langkah selanjutnya adalah delete kode yang sudah kamu blok tadi dan ganti dengan kode di bawah ini :

<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>

  • Terakhir, tekan tombol Simpan Template dan lihat hasilnya, semoga bermanfaat...

Cara Membuat Breadcrumbs di Blogspot

Banyak yang bilang kalau memasang breadcrumbs pada blog atau blogspot akan berpengaruh pada SERP dan SEO Google. Secara logika benar juga, kenapa? Fungsi dari Breadcrumbs sendiri adalah memberikan navigasi tambahan pada blog kita, navigasi jenis breadcrumbs sangat detail menjelaskan sedang di halaman mana dan di kategori mana kita berada, ini tentunya akan memberikan kemudahan pengunjung blog kita.

Seperti yang dikatakan juga oleh Google, bahwa navigasi yang baik pada sebuah website akan memberikan nilai plus di mata Google. Jadi, tidak ada salahnya kan mencoba?

Berikut langkah-langkah membuat breadcrumbs di blogspot :

  • Backup Template kamu terlebih dahulu.
  • Setelah itu pada menu sebelah kanan pilih Template > Edit HTML > Lanjutkan
  • Setelah kode html muncul, centang Expand Template Widget di bagian kiri atas.
  • Tekan Ctrl + F lalu cari kode <b:include data='top' name='status-message'/> 
  • Paste kode dibawah ini tepat dibawah kode <b:include data='top' name='status-message'/>



  • Selanjutnya tekan Ctrl + F lagi dan cari kode <b:includable id='main' var='top'> 
  • Lalu copy kode dibawah ini dan paste tepat diatas kode <b:includable id='main' var='top'>


















  • Langkah terakhir tekan Ctrl + F kembali dan cari kode ]]></b:skin>
  • Paste kode dibawah tepat diatas ]]></b:skin> lalu Simpan Template

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;}

DONE! breadcrumbs sudah terpasang di blog kamu, selamat mencoba... :)

Cara Menggunakan OpenID di Blogspot

Cara Setting OpenID blogspot

Berkomentar antar sesama blogger memang memberikan banyak manfaatnya, selain terjalinnya tali silaturahmi sesama blogger kita bisa juga memperoleh manfaat lain seperti mendapatkan backlink gratis, mempromosikan blog kita dan masih banyak lagi. Oh ya, untuk mendapatkan backlink syaratnya kita harus berkomentar di blog jenis Dofollow.

Kalo kita bicara soal SEO atau backlink, yang bakal menjadi masalah adalah ketika kita menjumpai blog yang tidak menyediakan fitur komentar standar seperti menuliskan nama dan URL untuk kita isikan, atau contoh kendala yang lain yaitu ketika kita hendak berkomentar ke blog yang berbeda platform, seperti misalnya dari blogspot ke wordpress, atau sebaliknya.

Dengan OpenID semua masalah diatas bisa teratasi dengan sangat mudah, cukup dengan satu akun OpenID saja maka kita sudah bisa menggunakannya untuk berkomentar di hampir semua blog yang mendukung OpenID.

Berikut langkah-langkah menggunakan OpenID di Blogspot

  • Daftar dulu di myOpenID 
  • Isi semua fields lalu catat username yang baru saja kamu isikan, sebagai contoh kamu memilih username dengan nama berjuta-cara, maka alamat URL OpenID kamu menjadi http://berjuta-cara.myopenid.com/
  • Jika pendaftaran sudah selesai silahkan kembali ke blog kamu dan backup dulu template kamu dengan cara klik ini Backup Template
  • Langkah selanjutnya pilih Template kembali lalu > Edit HTML > Lanjutkan. Centang pada bagian Expand Template Widget 
  • Tekan Ctrl + F pada keyboard lalu cari kode </head>
  • Paste kode dibawah ini tepat diatas kode </head> tadi.


  • Pada penggalan kode diatas, ganti username-baru dengan username kamu saat mendaftar tadi.
  • Simpan Template and DONE! Sekarang kamu sudah bisa berkomentar ke blog teman menggunakan OpenID.

Untuk berkomentar dengan OpenID kamu cukup masukkan username dengan alamat blog kamu, contoh blog kamu adalah http://berjuta-cara.blogspot.com, maka isikan username dengan berjuta-cara.blogspot.com saja, lalu tulis password dengan password OpenID yang tadi kamu isikan saat mendaftar.

Mudah dan jelas kan? Selamat mencoba...


Cara Membuat Kotak Scrollbar di Blogspot

cara-membuat-scrollbar

Menambahkan kotak Scrollbar pada posting atau artikel memang terkadang sangat diperlukan. Biasanya kita membuat scrollbar tujuannya untuk merampingkan isi konten agar tidak terlalu panjang kebawah, seperti misal untuk penulisan source code, list untuk link blog teman-teman dan masih banyak lagi fungsinya.

Berikut cara membuat scrollbar untuk blogspot :


Tulis artikel seperti biasanya, saat akan menambahkan silahkan beralih dari Mode Compose ke Mode HTML, lihat gambar :

cara membuat scrollbar blogspot

Lalu paste kode dibawah ini :

Cara membuat scrollbar di Blogspot

Kalau kamu ingin scrollbar terlihat lebih panjang atau pendek kamu bisa merubah angka 300 pada kode height: 300px; sesuai dengan kebutuhan, lalu untuk merubah warna border sesuai selera, kamu bisa rubah pada bagian #eee.

Kode diatas akan menghasilkan scrollbar seperti ini :

Cara membuat scrollbar di Blogspot
Cara membuat scrollbar di Blogspot
Cara membuat scrollbar di Blogspot
Cara membuat scrollbar di Blogspot
Cara membuat scrollbar di Blogspot
Cara membuat scrollbar di Blogspot
Cara membuat scrollbar di Blogspot
Cara membuat scrollbar di Blogspot
Cara membuat scrollbar di Blogspot

Mudah bukan? Selamat mencoba... :)

Daftar PPC Indonesia Terbaik


Bagi para blogger yang ingin mendalami bisnis online dengan jalan monetize blog biasanya pertama kali yang dicoba adalah mendaftar beberapa PPC luar negeri seperti Google Adsense, Chitika, Clicksor, Adhitz atau Bidvertiser dan lain-lain.

Kalau saya pribadi menyarankan untuk mengutamakan memilih Google Adsense terlebih dahulu, tapi tentunya kamu harus memenuhi persyaratan-persyaratan untuk mendaftar Google Adsense. Kenapa GA (Google Adsense) harus yang utama? Alasannya jelas sekali, karena GA adalah PPC terbaik saat ini.

Bagi blogger yang sampai sekarang belum juga di approve GA atau yang lainnya jangan lantas putus asa dulu, kamu bisa mencoba untuk mendaftar ke PPC lokal atau PPC Indonesia. Pada dasarnya sama saja dengan GA atau PPC luar negeri yang lainnya, hanya saja yang membedakan adalah iklan-iklan yang muncul semuanya dari Advertiser lokal dan harga per klik yang kita dapat tentunya tidak sebesar PPC LN.

Berikut daftar PPC lokal terbaik di Indonesia :

Daftar PPC Lokal

Semoga bermanfaat, dan selamat mendulang rupiah :)

Cara Memasang Linkwithin di Blogspot

Sebenarnya fungsi dari linkwithin tidak jauh berbeda dengan Related Posts atau Artikel terkait yang pernah saya tulis di artikel Cara Membuat Related Posts Blogspot, perbedaannya hanya pada thumbnail saja.

Memasang linkwithin sangatlah mudah, kita tidak harus melakukan hard coding pada kode HTML, kenapa? karena ini widget :)

Oke langsung aja, berikut cara memasang widget linkwithin di blogspot :

Buka link ini Pasang Linkwithin dan isi fields yang ada, lihat gambar dibawah :

    Cara Pasang Linkwithin di Blogspot 1 

    • Email : isi email valid kamu
    • Blog Link : isi alamat blog kamu
    • Platform : pilih Blogger
    • Width : tentukan berapa jumlah post yang akan ditampilkan
    • My blog has light text on a dark background : centang ini jika blog kamu menggunakan background warna gelap
    Kalau sudah kamu isi semua, lanjutkan dengan klik tombol Get Widget! Lalu akan tampil halaman seperti gambar dibawah :


    Cara Pasang Linkwithin di Blogspot 2


    Klik Install Widget, kamu akan mendapati halaman seperti gambar dibawah :

      Cara Pasang Linkwithin di Blogspot 3


      Khusus di bagian ini silahkan klik Edit Template seperti yang saya lingkari warna merah diatas, lalu akan tampil dialog box seperti gambar dibawah :


      Cara Pasang Linkwithin di Blogspot 4


      Hapus semua kode yang saya lingkari merah lalu gantilah dengan kode dibawah, setelah itu baru kamu klik tombol Menambah Widget. Apa fungsi kode tersebut? Kode dibawah berfungsi agar linkwithin hanya tampil di individual posting saja, karena secara default linkwithin akan tampil di homepage dan kategori.


      Setelah kamu klik tombol Menambah Widget maka kamu akan berada di halaman Tata Letak Blog kamu, Pada bagian widget sebelah kanan pastinya sudah terdapat widget dengan nama linkwithin, bukan? Kalau sudah ada langsung kamu drag dan geser ke bagian bawah Posting Blog, lihat gambar dibawah :


      Cara Pasang Linkwithin di Blogspot 5


      Jika sudah benar berada pas dibawah Posting Blog, silahkan klik tombol Simpan Setelan, dan lihat kembali halaman posting kamu...Linkwithin seharusnya sudah terpasang dengan benar.

      Oh ya, ini saya tambahkan cara untuk mengganti text You might also like: menjadi text yang kamu inginkan.

      Cara Pasang Linkwithin di Blogspot 6


      • Template > Edit HTML > Lanjutkan
      • Centang Expand Template Widget 
      • Tekan Ctrl + F lalu cari kode ]]></b:skin>, kalau sudah ketemu copy code dibawah ini dan paste dibawah kode ]]></b:skin>

      <script>linkwithin_text='Tulis Text sesuai pilihanmu...'</script>

      Selamat mencoba... :)

      Cara Membuat Related Posts Blogspot

      Cara Membuat Artikel Terkait
      Related Posts atau Artikel terkait bisa membantu memudahkan pengunjung blog kamu dalam menemukan apa yang sedang dicari, selain itu Related Posts bisa juga menguntungkan kita karena pengunjung biasanya akan kembali membaca artikel yang memang terkait dengan artikel yang sedang dibacanya, singkat kata pengunjung bisa lebih lama di blog kita, syukur-syukur akan betah.

      Ok, berikut beberapa cara membuat Related Posts atau Artikel terkait :

      • Backup dahulu template kamu, lihat caranya disini : Backup Template
      • Jika sudah kamu backup, silahkan lanjutkan dengan pilih Template > Edit HTML lalu klik Lanjutkan.
      • Centang Expand Template Widget di bagian kiri atas setelah kode html muncul.
      • Tekan Ctrl + F lalu cari kode </head>, paste kode dibawah ini tepat diatas </head> :

      
      
       


      • Selanjutnya tekan Ctrl + F kembali dan cari kode <div class='post-footer'> 
      Pada beberapa template kemungkinan kode ini ada 2 buah, jadi perhatikan kode yang pertama saja, setelah itu paste kode dibawah ini setelah <div class='post-footer'>


      <b:if cond='data:blog.pageType == &quot;item&quot;'>
       <div id='related-posts'>
       <font face='Arial' size='3'><b> Artikel Terkait : </b></font><font color='#FFFFFF'><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=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
       <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
       </script>
       </div></b:if>

      Selamat mencoba...

      Cara Membuat Blogspot Menjadi Dofollow

      Sebelumnya mari kita sedikit lebih memahami apa itu blog jenis dofollow atau sebaliknya yaitu blog jenis nofollow.

      Blog Dofollow

      Blog jenis ini akan memberikan keuntungan berupa 1 backlink bagi siapapun yang berkomentar di blog tersebut. Mereka melakukannya dengan cara meninggalkan komentar dan membubuhkan link menuju blog dia sendiri. Biasanya blog dengan jenis dofollow akan memasang slogan “You Comment, I follow".

      Lalu apa keuntungannya buat kita? Pastinya jika blog kamu sudah cukup populer, dengan menerapkan dofollow maka akan semakin banyak saja blogger yang bakal menuliskan komentar agar mendapatkan backlink dari blog kamu. Hal ini tentunya bisa menjadikan blog kita semakin luas dikenal. Selain itu, para pemburu backlink juga biasanya menerapkan dofollow juga untuk blog-nya, jadi kamu bisa juga dong tulis komentar di blog tersebut dan gratis mendapatkan 1 backlink. :)

      Blog Nofollow

      Blog jenis ini adalah kebalikan dari blog dofollow, jadi sebanyak apapun link yang pengunjung tulis di komentar kita, mesin pencari tidak akan menganggap itu sebagai backlink.

      Semoga sudah jelas ya apa itu Blog Dofollow dan Nofollow. Mari kita lanjut cara membuat blogspot menjadi dofollow, berikut langkah-langkahnya :

      • Backup Template kamu
      • Seperti biasa, Pada menu sebelah kanan pilih Template > Edit HTML > Lanjutkan
      • Setelah kode html muncul, centang Expand Template Widget di bagian kiri atas.
      • Tekan  Ctrl + F pada keyboard lalu paste kode dibawah ini :
      'data:comment.authorUrl'  rel='nofollow'
      • Ganti kode diatas dengan kode dibawah ini :
      'data:comment.authorUrl'
      • Tekan Simpan Template, dan sekarang blog kamu sudah jadi Blog jenis Dofollow.
      Selamat mencoba... Oh ya, Sekedar informasi kalo blog ini juga termasuk dofollow  :)
      cara membuat blog dofollow

      Cara Mengganti Template atau Themes Blogspot

      Cara Mengganti Themes Blogspot

      Mengubah tampilan blog memang wajib hukumnya, sepertinya kurang sreg aja jika template blog kita masih standar bawaan pabrik :p

      Sekedar saran dari penulis, sebaiknya perhatikan beberapa point penting ini sebelum kamu memutuskan themes blogspot mana yang akan kamu pasang.

      • Hindari template dengan perpaduan warna yang bisa bikin mata kita sakit atau lelah, misalnya warna background gelap ditambah dengan warna text yang gelap juga, atau malah mungkin dengan warna yang super kontras, ada juga yang memoles dengan warna link atau judul posting hijau menyala, kenapa? Selain membuat mata kita lelah, hal ini juga bisa bikin pengunjung blog kita kapok untuk berkunjung kembali. Lah wong capek bacanya :)
      • Hindari template dengan gambar background yang terlalu banyak warna, ini akan menjadikan tampilan blog kamu seperti kotor atau tidak rapi.
      • Kompres gambar background agar ukuran file maksimal sekitar 50-100 kb, kenapa? Agar loading blog kamu bisa terasa cepat. Kamu bisa coba Smush.it untuk mengkompres gambar untuk hasil yang Oke.
      Sepertinya cuma itu saran penulis, Oke kita lanjut ke cara mengganti template blogspot, berikut caranya :

      • Setelah kamu download template pilihan kamu, silahkan extract terlebih dahulu, setelah itu pastikan ada 1 file dengan format .XML. File ini yang nanti akan kita upload.
      • Jika sudah, pada blogspot kamu pilih Template > Cadangkan/Pulihkan (ada di menu sebelah kanan atas)
      • Backup terlebih dulu template asli kamu dengan cara klik tombol Unduh Template Lengkap. Kalau sudah kamu download baru kita lanjut ke proses penggantian template, caranya cari file .XML di PC kamu pada bagian Unggah template dari file di hard drive Anda lalu tekan tombol Unggah.
      • Tunggu hingga proses upload selesai, jika sudah berhasil dan tidak ada pesan error berarti template lama kamu sudah berganti dengan yang baru.
      Selamat mencoba...


      Cara Memasang Syntax Highlighter di Blogspot

      Cara Memasang Syntax Highlighter

      Apakah Syntax Highlighter seperti ini yang kamu maksud?

      Cara Memasang Syntax Highlighter di Blogspot

      Jika benar, berikut cara memasangnya :
      • Backup Template kamu dulu
      • Pada menu sebelah kanan pilih Template > Edit HTML > Lanjutkan
      • Setelah kode html muncul, centang Expand Template Widget di bagian kiri atas.
      • Tekan Ctrl + F pada keyboard lalu tulis</head>
      • Kalau sudah ketemu paste kode dibawah tepat diatas </head>
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      

      Lalu bagaimana cara penggunaannya? Saat kamu menulis artikel, kamu cukup berpindah dari mode Compose ke mode HTML lalu paste code berikut :

      Tulis code/source code kamu disini

      Kamu juga bisa mengganti themes untuk disesuaikan dengan tampilan blog kamu, caranya cukup mengganti bagian code yang saya bold dibawah ini:

      <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>

      Dengan pilihan themes :

      • shThemeDefault.css
      • shThemeDjango.css
      • shThemeEclipse.css
      • shThemeEmacs.css
      • shThemeFadeToGrey.css
      • shThemeMidnight.css
      • shThemeRDark.css

      Mudah bukan? Selamat mencoba... :)

      Cara Memasang Meta Tag Keyword dan Deskripsi di Blogspot

      Cara Memasang Meta Description
      Meta Tag Keyword dan Meta Tag Description adalah dua syarat wajib yang harus kita pasang di blog agar SEO kita bisa lebih optimal. Sebelum kamu menerapkannya, sebaiknya pahami terlebih dulu fungsi dari masing-masing Tag ini. Berikut penjelasannya...

      Meta Tag Keyword

      Berfungsi untuk memberitahukan niche dari blog kita, sebagai contoh Anda mempunyai blog yang membahas tentang cara-cara SEO, maka pengisian pada keyword harus ada beberapa kata yang mengandung unsur tersebut. Jumlah maksimal keyword yang baik adalah tidak lebih dari 15 keyword. Perlu dicacat juga agar kamu tidak melakukan pengulangan kata yang sama lebih dari 3 kali.

      Meta Tag Description

      Berguna untuk memberikan penjelasan singkat mengenai blog kita, apa yang kita tulis di Tag ini nantinya akan ditampilkan sebagai deskripsi singkat pada hasil pencarian Google. Disarankan penulisan deskripsi tidak lebih dari 150 karakter.

      Sudah paham dengan aturan dasarnya? OK, berikut cara memasang meta tag keyword dan meta tag description di blogspot :

      • Login blogspot
      • Sebelumnya Backup Template kamu terlebih dahulu.
      • Pada menu sebelah kiri pilih Template > Edit HTML > lalu pilih Lanjutkan. Setelah ini Anda akan melihat beberapa kode html bukan?
      • Centang Expand Template Widget di sebelah kiri atas. Lalu cari kode seperti dibawah ini
      <data:blog.pageTitle/>
      
      • Paste kode dibawah persis dibawah kode diatas.
      
      
      
      

      Contoh penulisan keyword dan deskripsi :

      
      
      

      Selamat mencoba... :)