Home » , , » Cara Membuat Kotak Permalink Di Bawah Postingan Blog

Cara Membuat Kotak Permalink Di Bawah Postingan Blog

Written By Ku Copas on Wednesday, 15 August 2012 | 8/15/2012 04:02:00 am

KUCOPAS - Cara Membuat Kotak Permalink Di Bawah Postingan Blog. Permalink atau permanen link adalah merupakan alamat URL atau link yang permanen tentang suatu postingan, biasanya permalink dipasang dibawah postingan dan akan muncul disetiap postingan suatu blog itu sendiri.

Cara membuat link internal dalam suatu blog tentu tidak akan ada habisnya, banyak cara untuk kita melakukanya pada blog kita agar lebih dominan dan dapat tampil di page one search engine, salah satu cara adalah kita bisa memasang permalink otomatis pada blog kita.

Fungsi dari memasang permalink di bawah postingan blog ini bagus digunakan, karena dapat untuk menambah link internal suatu blog, dan Permalink ini juga sangat SEO dan juga bisa mendongkrak artikel postingan kita agar lebih mudah ditemukan atau mudah di indek oleh (search engine) mesin pencari seperti google.

Bagi sobat yang masih penasaran dan belum tahu mengenai permalink pada blog, sobat dapat melihat contoh permalink tersebut di bawah setiap postingan blog Demo Kucopas, lebih tepatnya di atas form komentar, dan contoh gambarnya seperti dibawah ini.

Cara Membuat Kotak Permalink Dibawah Postingan Blog

Jika sobat tertarik untuk membuat dan memasang permalink di blog sobat, silahkan ikuti langkah-langkahnya sebagai berikut:

1. Silahkan sobat >> Login/Masuk >> ke Blogger.com menggunakan akun sobat.
2. Pada Dasbor tampilan Blogger baru, klik pilihan Menu >> Template.
Lihat gambar tutorial berikut.

Cara Membuat Dan Memasang Permalink Di Bawah Postingan Blog

Keterangan:
  • Lingkaran No 1 adalah Tombol Menu pada dasbor blog.
  • Lingkaran No 2 adalah Pilihan Menu pada dasbor blog.
3. Setelah sobat masuk pada Template, klik >> Edit HTML.
4. Langkah selanjutnya sobat cari kode ]]></b:skin> (Gunakan CTRL + F pada keyboard sobat, untuk mempermudah pencarian).
5. Setelah ketemu, silahkan sobat copy dan paste semua kode dibawah ini tepat sebelum atau diatas kode ]]></b:skin>
.permalink {border: 1px dotted #EFF0F1; padding: 5px; background: #AAFFA0;-moz-border-radius:5px;} .permalink a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}
Catatan:
  • AAFFA0 adalah Warna Background Permalink, silahkan sobat ganti sesuai dengan keinginan sobat, Kode Warna yang lain bisa sobat lihat pada artikel Kode Warna HTML.
6. Masih dalam Edit HTML, langkah yang selanjutnya silahkan sobat cari lagi kode <data:post.body/> (Gunakan CTRL+F lagi pada keyboard sobat, untuk mempercepat pencarian).
7. Kemudian sobat copy dan paste semua kode dibawah ini tepat setelah atau dibawah kode <data:post.body/>

Bila pada blog sobat menggunakan READ MORE, maka taruh kodenya tepat setelah atau dibawah kode <data:post.body/> yang kedua.
<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='permalink'> <center><small> <u>PERHATIAN:</u> Sobat sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan sobat bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>, sobat boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman sobat, namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya. By KUCOPAS Terima Kasih <img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/></small></center></div></b:if>
Keterangan:
  • Warna PINK adalah Bagian Kalimat yang akan keluar pada Permalink. Silahkan sobat ganti kata-katanya sesuai dengan keinginan sobat.
8. Setelah semua langkah-langkah diatas sudah sobat lakukan dengan benar, silahkan klik >> Preview (Pratinjau) terlebih dahulu, demi untuk menghindari kesalahan Error waktu Edit Template pada blog sobat.
9. Jika hasil dari Preview (Pratinjau) sudah seperti yang sobat inginkan, maka silahkan sobat klik SAVE (Simpan Template).
10. Selesai dan lihat hasilnya.

Selamat, blog sobat kini sudah ada permalinknya di bawah setiap postingan. Semoga trik artikel tentang Cara Membuat Kotak Permalink Di Bawah Postingan Blog yang saya share ini bisa sangat bermanfaat untuk sobat KUCOPAS semua.

Artikel Terkait:

thumbnail Title: Cara Membuat Kotak Permalink Di Bawah Postingan Blog
Posted by:Ku Copas
Published :2012-08-15T04:02:00+07:00
Rating: 5
Reviewer: 737 Reviews
Cara Membuat Kotak Permalink Di Bawah Postingan Blog
Comments
7 Comments

7 comments:

  1. Kalo nggak pake ''read more'' pakenya spoiler yang pertama ya?

    ReplyDelete
    Replies
    1. Kodenya harus terpasang semua sob.
      Karena kode yang pertama adalah kode Css dan kode kedua adalah kode pemanggil agar bisa muncul css nya.

      Jika pada blog sobat tidak menggunakan Readmore, maka cukup tempel kode spoiler yang kedua tepat di bawah kode

      Delete
  2. wah bagus nih buat referensi.....

    ReplyDelete
  3. ko di blog saya gak muncul yah sob?
    di sini
    http://afriduarchan.blogspot.com

    ReplyDelete
    Replies
    1. Mungkin ada beberapa kode yang belum terpasang. Karena kode css harus sepenuhnya terpasang.
      tak terkecuali kode (.) titik
      Coba sobat teliti sekali lagi.

      Delete
  4. kok di blogku kok gak ada warnanya ya mas
    di cek mas
    www.k-a-salatiga.blogspot.com

    ReplyDelete
  5. thanks yah sobat

    sangat bermanfaat karena saya masih pemua dalam hal ini

    thanks

    ReplyDelete

 
Support : Google | Yahoo | Bing
Copyright © 2011-2013. KUCOPAS - All Rights Reserved
Sitemap | About Me | Contact Us | Privacy Policy
Proudly powered by Blogger