Membuat permalink blog untuk Seo On Page

Cara membuat permalink blog sangat bermanfaat untuk SEO On Page. Sekilas tentang permalink yang telah gaptek32 ambil poin-poin dari sobat blogger yang lain. permalink adalah salah satu optimasi On Page yang berguna untuk memasang permanen link dan bertujuan untuk menambah internal link pada posting blog. Jadi, memasang permalink seo di blogspot sangat bermanfaat untuk optimasi blog kita.

Membuat permalink blog untuk Seo On Page



Cara membuat Permalink ini tidak terlalu sulit dan tidak begitu memakan waktu yang lama. baik langsung saja
Langkah pertama ;

  • Log In Blog, Menu template -> Edit HTML -> Kasih tanda centang pada menu "expand widget tempate".
  • kemudian Copas CSS dibawah ini di atas kode script ]]></b:skin>
.admin-tulisan{width:auto;background:#f2f2f2;border:2px solid #000000;margin:30px 0 10px 0;display:block;font-family:"julee";
color:#000;}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{background:#000000;border:none;border-bottom:1px solid #000000;color:#fff;font-family:"julee";text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);padding:5px 10px;margin:0 0 0 0;display:block;}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{background:#000000;width:90px;height:100px;border:1px solid #000000;margin:3px 10px 0 0;float:left;padding:2px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}

Note :
  1. kode yang berwarna biru adalah lebar dari permalink
  2. Kode warna hijau adalah tinggi dari permalink

  • Kemudian cari kode <data:post.body/>
  • Jika sudah masukkan kode dibawah ini tepat dibawah kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4>
<div class='kontainer'>
<img alt='Christian angkouw' src='http://i1247.photobucket.com/albums/gg623/Gaptek32/photo.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://gaptek32.blogspot.com/' target='_blank'>:: Like this widget ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

Note :
  1. Kode yang berwarna merah adalah URL gambar sobat.
  2. Bila sobat menggunaka Auto readmore, taruh permalink ini dibawah <data:post.body/> pada kode auto readmore yang sobat gunakan.

Terkait dengan ini

20 komentar:

  1. betul sekali penjelsan diatas tentang PERMALINK BLOG
    saya juga sudah memasangnya....nice share sob
    sukses selalu buat anda

    BalasHapus
  2. Ijin pasang di blog gue gan..

    BalasHapus
  3. artikel yg menarik dan bagus mas, saya pikir cukup menarik dan juga bagus dan salam kenal ya dari mico nie. Dan sekalian bagi teman2 yg suka dengan film box office terbaru silakan kunjungi situs film gue, karena banyak film gratis baru tiap harinya. thanks juga buat admin ini loe, gbu

    BalasHapus
  4. Info yg menarik...
    1 follow telah tertancap!
    follow back ya bro..
    http://riefsaz.blogspot.com
    Thx U

    BalasHapus
  5. Just mampir ... ^____^"

    Blog yang keren, menarik & sangat manfaat.
    Thanks atas Semua info yang uda dikasi
    mampir juga ke blog gw ya...


    Tutorial Menjadi Alpha Male

    BalasHapus
  6. wah bermanfaat banget gan terimakasih.

    visit gan : Cara membuat webserver di debian

    http://novanpeace.blogspot.com/2012/10/membuat-web-server-di-linux-debian.html

    BalasHapus
    Balasan
    1. sama sama gan.

      oia barusan ane udah berkunjung ke blog juragan novan. ane sempet mo kirim pesan, tapi kotak verifikasi katanya kaga bisa diisi gara" kaga bisa di scroll. oia gini rincian pesan ane di Cara membuat webserver di debian


      kunjungan balik...

      Wah artikel yang bagus beserta screenshootnya jadi jelas penjelasannya. yang tau kegunaannya pasti langsung ngarti nih gan, sayangnya ane kaga punya basic jadi ngeblank deh :D .

      Hapus
  7. ane masih pemula gan kalo soal SEO. tapi sekarang mau mulai belajar dengan cara buat blog tentang SEO juga.. hha :D

    kunjungi balik yaa gan.
    http://mkzhackers.blogspot.com/

    BalasHapus
  8. gan, saya kok gak ada "]]>" ni gan ?
    minat banget dah, tolong dong gan :-d

    BalasHapus
    Balasan
    1. oh ia, maaf sob. maksud dari artikel di atas cari kode
      ]]></b:skin> dan taruh di atasnya bukan
      ]]></b:script>

      sekarang bisa di coba :-bd

      Hapus
  9. selamat malam muhamad nurarif, aku pingin pakai kode gambar maupun kode teks, tapi aku masih belum paham benar pasangnya gimana... mohon petunjuknya....
    adalagi, aku cari ]]> di Expand Template Widget sudah dapat, tapi yang saya sudah cari secara teliti namun ngak dapat.... mohon petunjuknya bro...
    tanks sebelumnya, saya tunggu ya....

    BalasHapus
    Balasan
    1. Sudah saya betulkan sob. Bisa dicoba lagi dari ulang

      Untuk mempermudah dalam pencarian elemen yang ada ditubuh template, silahkan manfaatkan ctrl+f atau f3, lalu masukkan kode yang ingin kita cari. sebagai contoh yaitu ]]></b:skin>

      http://1.bp.blogspot.com/-MLBB8e28stM/UQapMGAMc4I/AAAAAAAABWE/a2O4adezbdQ/s320/Capture.PNG

      Hapus
  10. Terima kasih muhamad nurarif, nanum yang saya cari untuk data post body tidak ada di dalam template... saya sudah buat seperti muhamad nurarif contohin, tapi tetap tidak ada, alias tidak mucul dalam pencarian... bantu dong.... tanks....

    BalasHapus
    Balasan
    1. Setiap template blog pasti memiliki <data:post.body/> , jika tidak ada, maka isi kontent/posting akan blank.
      Kemungkinan besar sobat belum mencentang kotak Expand Template Widget yang berada disamping atas kiri Edit HTML. (saya tidak dapat menjelaskan secara pasti mengapa kita diharuskan mencentak kotak tersebut, tapi yang pasti bila kita tidak mencentangnya, maka seluruh elemen penting akan tertutup/hidden tidak terkecuali <data:post.body/> :vocalist: )

      http://2.bp.blogspot.com/-tAwlJJufSeY/UQfKQKemmrI/AAAAAAAABWU/HuPvpM82G7k/s320/expand.PNG

      Semoga dengan screenshot diatas sedikit membantu :)

      Hapus
  11. Terima Kasih Gan, Izin Terapkan ya

    BalasHapus
  12. sip numpang yoba di http://puji-share.blogspot.com

    BalasHapus
  13. mantap artikelnya patut dicoba dan dipelajari

    BalasHapus
  14. Dari demo nya aja udah kelihatan keren, mantab nih. :D

    BalasHapus
  15. wah ternyata cara ini menunhang seo juga yah...? thanks infonya.... :)

    BalasHapus
  16. Tititp artikel... arep di waca ya monggo Obat wasir

    BalasHapus

Saya mohon maaf atas ketidak terurusnya blog ini, dan saya pun tidak tahu kapan ada waktu luang agar blog ini dapat membalas kritik dan pertanyaan, apalagi untuk melanjutkan postingan saya yang sempat tertunda pada akhir-akhir ini.
Kemungkinan besar blog ini tidak akan aktif selama paling sebentar 2-3bulan karena saya (admin) sibuk mencari nafkah di dunia nyata.
Saya mohon maaf yang sebesar-besarnya karena tidak bertanggung jawab dalam hal yang seperti ini.

Untuk menyisipkan kode <i rel="pre">KODE ANDA YANG TELAH DI PARSE...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>

Link hidup akan terhapus secara otomatis
Convert kode terlebih dahulu bila komentar anda mengandung kode HTML/JScript pada tombol di bawah ini

Parse HTML