Wednesday, June 15, 2011

Cara Mudah Membuat Permalink di Blogspot

Permalink atau permanen link adalah link permanen yang menuju pada halaman tertentu (wikipedia). Sebenarnya saya tiak akan mempublikasikan cara membuat permalink di blogspot pada blog saya, karena itu bukan hasil keratifitas saya. Alhasil saya juga dapat dari blog orang lain.

Ada banyak blog yang membahas cara mudah membuat permalink di blogspot, sehingga tidak ketahui siapa pendahulunya. Jadi maaf nih saya tidak bisa menyebutkan ini hasil karya siapa. Posting cara membuat permalink ini semata-mata karena permintaan dari pembaca di blog sederhana ini.

Langsung aja, ke cara mudah membuat permalink di blogspot. Langkah petama tentu harus login ke blogger dan masuk ke Edit HTML, kemudian klik atau centang Expand Widget Tempalates.



  • 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.

    Nah itulah cara mudah membuat permalink di blogspot yang mudah-mudahan bisa membantu anda yang sedang mencari tutorial cara membuat permalink.

    No comments:

    Post a Comment