Subscribe:
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Selasa, 22 November 2011

Membuat Tag / Permalink di Blogger Blogspot


Saya berani bilang,permalink blogger yang akan kita ciptakan sendiri ini sangat seo friendly.
Percayalah!

Jika wordpress sudah menyediakan tag,lain halnya dengan blogger.
Meskipun platform blogspot tidak menyediakan fitur tag,namun fitur label pada blogger sudah dapat mewakili selayaknya tag pada blog wordpress.

Hanya saja,url yang dihasilkan dari label blogspot,belum dapat dibaca search engine alias belum begitu seo friendly.

Tapi ada tips dan trik cara membuat tag / permalink sendiri alias manual di blogger blogspot.
Membuat Permalink / Tag Sendiri(manual) pada Blogger

Saya berani bilang,permalink blogger yang akan kita ciptakan sendiri ini sangat seo friendly.
Percayalah!

Seperti yang anda lihat pada blog ini,setiap anda membuka suatu posting,diakhir posting akan tertera permalink yang mampu dibaca oleh mesin pencari,Google pada khususnya.

Yup!Tulisan 'Anda sedang membaca artikel tentang..dst' adalah permalink yang saya ciptakan sengaja untuk mendongkrak postingan di posisi serp.

Berminat untuk membuat seperti itu?

Langkah Cara Membuat Permalink Tag Otomatis untuk Blogger Blogspot
  • Pertama,pergilah ke Dashboard blogger anda,selanjutnya pilih Tata Letak dan kemudian pilih tab Edit HTML.

    Pelajaran Blog Membuat Permalink Blogger
  • Seperti biasa,jangan lupa contreng tulisan Expand Widget Templates ya :D

    Pelajaran Blog Membuat Tag Otomatis Blogger
  • Berikutnya,cari kode ]]></b:skin> (gunakan Ctrl+F untuk membantu pencarian),setelah ketemu kode tersebut,persis diatasnya letakkan kode css berikut :
    .membuatpermalinkblogger
    {border: 1px solid #EFF0F1;
    padding: 5px;
    background: #ffffff;-moz-border-radius:5px;}

    .membuatpermalinkblogger a
    {background:none;}
    img.float-right {margin: 5px 0px 0 10px;}
    img.float-left {margin: 5px 10px 0 0px;}

  • Selanjutnya,cari kode berikut:
    <data:post.body/> atau <p><data:post.body/></p>
    Jika sudah ketemu,hapus kode tersebut dan gantilah dengan kode berikut:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <p><data:post.body/></p>
    <div class='membuatpermalinkblogger'>
    <center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sumbernya.</small></center></div>
    <b:else/>
    <p><data:post.body/></p>
    </b:if>

  • Lalu simpan Templates,selesai :D


Bagaimana jika saya menemukan dua(2)kode <data:post.body/>,misal karena saya telah membuat read more/baca selengkapnya?

Memang,setelah anda merubah template menambahkan fasilitas read more,akan ada 2 kode <data:post.body/>,seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>


Betul tidak,ada dua kode ? solusinya,tinggal menyelipkan kode permalink diatas diantaranya,jadi kira-kira kodenya akan menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<div class='membuatpermalinkblogger'>
<center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sumbernya.</small></center></div>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>


Lalu simpan templates dan lihat hasilnya.

Permalink blogger ini hanya akan terlihat saat anda membuka suatu posting bukan halaman utama blog anda.

Cara menampilkan iklan adsense di blog bahasa indonesia, 100% works

Pusing 7 keliling, kenapa iklan adsense tidak muncul di postingan yang berbahasa indonesia,
googling kesana kemari, akhirnya nyampe juga di blonya rofingi, di blog itu dikatakan konten dari blog haruslah berbahasa inggris, wah bisa stress kalo gitu, wong saya aja ga ngerti bahasa inggris.


Cara Menampilkan Iklan Google Adsense di Blog Bahasa Indonesia adalah hal yang tidak sulit. Cuma butuh sedikit waktu untuk menampilkan Google Adsense di blog indo. Kalau kita ambil kode adsense di Akun GA kita, dan kita pasang di blog indo, maka iklan tidak akan keluar. Cara mengatasinya agar iklan keluar adalah merubah kode tersebut. Cara merubahnya bukan mengedit manual, tetapi mengambil kode adsensenya di Google friend Connect.

  • Login ke Google FC dengan akun yang digunakan untuk GA (www.google.com/friendconnect/ )
  • Akan ada banyak Opsi menu, seperti tampilan gadget, nawala, Adsense dan sebagainya. Pilih Adsense.
  • Nah disinilah kita tinggal memilih ukuran adsense kita atau memilih yang sudah pernah dibuat. kemudian di bawahnya ada Get Kode.clik dan akan keluar kode Adsensenya.
Masukkan kode tadi di blog dan Insya Allah iklan Adsense sudah keluar. Tinggal bagaimana mendatangkan banyak pengunjung untuk mengklik iklan kita. mudah2an aja laris manis ya.. hehhhe

Cara mudah bikin Read more di blogspot, dijamin berhasil. !

Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.
PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :




cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
KEDUA, cari kode html berikut ini : <data:post.body/> atau <p><data:post.body/></p> ganti kode tersebut dengan kode di bawah 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:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

KETIGA, klik save templateSelanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.
Related Posts Plugin for WordPress, Blogger...