Kamis, 10 September 2009

blog tutorial

blog tutorial


Pasang Iklan di bawah posting

Posted: 10 Sep 2009 05:04 PM PDT

Seperti yang diinformasikan pada posting terdahulu, bahwa blogger sekarang telah mempunyai sistem read more sendiri, oleh karena itu semua posting kang Rohman terdahulu yang berhubungan dengan kode read more yang lama menjadi usang atau out of date, sehingga artikel-artikel tersebut harus diperbaharui atau di update. Salah satu postingan yang telah usang tersebut adalah tentang cara memasang iklan di bawah posting. Kenapa kang Rohman langsung menyoroti hal ini? ini di karenakan pada posting tentang sistem read more bloger yang baru kemarin ada beberapa komentar yang bernada khawatir bahwa apabila memakai sistem read more baru blogger maka iklan yang di pasang di bawah setiap posting akan terganggu.

Satu yang harus di ingat adalah teknik ini tidak hanya untuk memasang iklan saja tapi bisa juga memasang banner, pesan, informasi subscribe serta yang lainnya yang ingin di pasang dibawah posting. Yang perlu di ingat pula yaitu iklan atau pesan yang terpasang tidak akan tampil dihalaman depan, namun akan tampil dibawah setiap posting apabila pembaca meng klik link "Read more" atau baca "selengkapnya" atau dengan kata lain artikel anda di baca secara keseluhan.

Teknik yang dipakai adalah sebagai berikut, biasanya kode untuk posting adalah seperti ini :

 

<div class='post-body entry-content'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

atau ada juga yang seperti ini

 

<div class='post-body entry-content'>
      <p><data:post.body/></p>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

 

Dua-duanya sama saja karena kode tambahan <p></p> itu adalah kode html untuk "paragrap" atau dengan kata lain agar kode posting mempunyai paragrap yang berbeda dengan yang lain.

 

Untuk memasang iklan atau pesan atau apapun sesuai keinginan anda di bawah posting, maka anda hanya perlu menambahkan kode tambahan seperti ini :

 

<div class='post-body entry-content'>
      <data:post.body/>

      <b:if cond='data:blog.pageType == "item"'>

     <p> Kode iklan, banner, pesan atau apapun di pasang disini! </p>

     </b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

 

Nah, ternyata gampang bukan. jadi anda tidak perlu khawatir dengan sistem read more baru blogger, karena kita bisa beradaptasi.

 

Namun ingat, beberapa kode iklan seperti kode iklan adsense, adbrite dan yang lainnya tidak bisa langsung di pasang disitu tapi harus di parse terlebih dahulu seperti yang pernah kang Rohman terangkan dahulu pada posting tentang  Pasang Iklan Google Adsense di Bawah Posting.

 

Masih bingung tentang cara pasang iklan di bawah posting, berikut sebagai gambaran agar lebih gampang di praktikan :

 

  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik Tab Edit HTML. lalu backup dahulu template anda.
  4. Beri tanda centang pada kotak kecil di sampil tulisan " Expand Template Widget "

    expand-template-widget

  5. Carilah kode yang mirip seperti Ini :


    <div class='post-body entry-content'>
          <data:post.body/>
          <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>

  6. Silahkan tambahkan kode yang di cetak dengan warna merah serta hijau;

    <div class='post-body entry-content'>
          <data:post.body/>

          <b:if cond='data:blog.pageType == "item"'>

         <p> Kode iklan, banner, pesan atau apapun di pasang disini! </p>

         </b:if>

    <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>

  7. Klik tombol SIMPAN TEMPLATE
  8. Selesai.

Untuk teknik yang berhubungan dengan read more yang baru, mudah-mudahan bisa diposting berikutnya.

Blogger sudah support fungsi Readmore

Posted: 10 Sep 2009 01:23 AM PDT

Untuk melengkapi hadiah perayaan hari ulang tahunnya yang ke 10, kini blogger menambahkan satu tombol yang sangat di tunggu-tunggu oleh ribuan blogger didunia yaitu tombol "Jump Breaks" atau tombol "More" atau tombol "Read more" yang mempunyai fungsi untuk memotong tulisan di halaman depan (home page) atau lebih populer dengan sebutan "fungsi read more".

read more

Ini artinya, untuk memotong artikel agar tidak terlalu panjang tampil di halaman depan, anda hanya tinggal klik tombol " Read more" saja dan anda tidak harus repot lagi mengetikkan kode read more hasil hack atau apapun.

Namun, sepertinya tombol ini hanya muncul pada post editor baru dan dalam posisi mode "Compose" dan tidak muncul pada mode "Edit HTML". Walaupun seperti itu, anda masih tetap bisa menggunakan fungsi "read more" pada post editor lama serta dalam posisi mode "Edit HTML" yaitu dengan mengetikkan secara manual kode    

 

<!-- more -->

edit HTML

 

Untuk anda yang memakai template asli yang disediakan blogger akan langsung bisa menikmati fasilitas ini dan hasilnya akan muncul tulisan " Read more » "  seperti ini :

read more

 

Bagi anda yang memakai template bukan yang disediakan oleh blogger atau template hasil download dari situs lain, fungsi "  Read more " akan tetap berfungsi secara baik atau dengan kata lain artikel anda akan tetap terpotong namun tulisan " Read more » " tidak akan muncul. Untuk hal ini anda harus menambahkan kode tambahan pada template anda. Berikut langkah-langkahnya :

 

  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML.
  4. Beri tanda centang pada kotak kecil di sampil tulisan " Expand Template Widget "

    expand-template-widget

  5. Carilah kode yang mirip seperti Ini :


    <div class='post-body entry-content'>
          <data:post.body/>
          <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>

  6. Copy lalu paste kode berikut persis di bawah kode yang tadi :

    <b:if cond='data:post.hasJumpLink'>
          <div class='jump-link'>
            <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a> 
          </div>
        </b:if>

    code

  7. Klik tombol SIMPAN TEMPLATE
  8. Selesai.

Dengan cara tersebut, tulisan " Read more » " akan muncul walaupun anda tidak menggunakan template yang disediakan oleh blogger.

 

Secara default tulisan yang akan muncul adalah " Read more » ", namun anda bisa mengubahnya sesuai keinginan anda, caranya seperti ini :

 

  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Elemen Halaman.
  4. Klik "Edit" pada elemen "Posting Blog" atau "Blog post" untuk yang bahasa inggris.

    posting-blog-element

  5. Setelah muncul jendela baru, gantilah tuisan Read more »  menjadi tulisan sesuai dengan keinginan anda.

    edit read more

  6. Klik Tombol SIMPAN

  7. Selesai.

Untuk anda yang menggunakan trik membuat read more seperti yang kang Rohman posting disini! sebaiknya di hilangkan saja karena blogger sekarang sudah mempunyai sistem read more sendiri. Cara mengembalikannya silahkan baca saja trik tersebut secara terbalik yaitu di baca dari bawah ke atas.

0 komentar: