Menghilangkan Tulisan Posting Lama,Posting Baru Dan Beranda Di Bawah Postingan

Menghilangkan tulisan Posting Lama/Older Post
Langkah pertama untuk menghilangkan tulisan Posting Lama : Masuk ke Dasbor blog anda, pilih Tata Letak, kemudian pilih Edit HTML, selanjutnya tandai kotak kecil di sebelah kanan yang ada tulisan Expand Template Widget, lalu cari kode seperti di bawah ini :

<data:olderPageTitle/>

Hapus kode tersebut
Klik pratinjau untuk melihat hasil
Jika sudah klik Simpan Template


Menghilangkan tulisan Posting Baru/Newer Post
Langkah pertama untuk menghilangkan tulisan Posting Baru : Masuk ke Dasbor blog anda, pilih Tata Letak, kemudian pilih Edit HTML, selanjutnya tandai kotak kecil di sebelah kanan yang ada tulisan Expand Template Widget, lalu cari kode seperti di bawah ini :

<data:newerPageTitle/>

Hapus kode tersebut
Klik pratinjau untuk melihat hasil
Jika sudah klik Simpan Template


Menghilangkan tulisan Beranda/Home
Langkah pertama untuk menghilangkan tulisan Beranda : Masuk ke Dasbor blog anda, pilih Tata Letak, kemudian pilih Edit HTML, selanjutnya tandai kotak kecil di sebelah kanan yang ada tulisan Expand Template Widget, lalu cari kode seperti di bawah ini :

<data:homeMsg/>

Hapus kode tersebut
Jika terdapat 2 kode , hapus kode yang berada di bagian atas
Klik pratinjau untuk melihat hasil
Jika sudah klik Simpan Template


Keterangan : Agar lebih mudah cara mencari code tersebut, gunakan Ctrl+f kemudian Copas code yang akan di cari tadi pada kotak yang muncul kemudian tekan next
Selamat mencoba,Semoga bermanfaat


Sumber: www.kolom-pengetahuan.com

lihat Tutorialnya Disini_+_

Postingan Tampil Dengan Bentuk Kotak Kotak

Bukan hanya sidebar saja yang bisa tampil dalam bentuk kotak-kotak, postinganpun tidak mau kalah, ingin tampil dam bentuk kotak juga. Untuk contoh cobalah anda buka link ini. Jelaskan kan...setiap artikel dari postingan ada didalam sebuah kotak.
Anda mau memiliki postingan dalam kotak seperti itu...? Simak langkah-langkahnya :

1. Sign ke Blogger.
2. Pilih Rancangan.
3. Pilih Edit HTML
4. Cari kode ini
   
   .post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
5. Ganti kode diatas dengan kode dibawah ini.
   .post {
padding:10px; /* Jarak antara text post dengan garis pinggir */
Border-top: 3px solid #C3D9FF; /* warna garis pinggir atas */
Border-bottom: 3px solid #C3D9FF; /* warna garis pinggir bawah */
Border-left: 3px solid #C3D9FF; /* warna garis pinggir kiri */
Border-right: 3px solid #C3D9FF; /* warna garis pinggir kanan */
Margin-bottom: 15px; /* jarak antara post yang satu dengan yang lainnya */
}
   
   Kode #C3D9FF merupakan kode dari warna biru muda . Anda bisa mengganti kode warna tersebut dengan kode warna yang anda sukai.
6. Klik tombol Simpan Tempate ...lihat blog anda yang baru.

Jika ingin menamplkan border melengkung pada keempat sudut seperti pada contoh tadi buatlah seperti kode dibawah ini :

.post {
padding:10px; /* Jarak antara text post dengan garis pinggir */
Border-top: 3px solid #C3D9FF; /* warna garis pinggir atas */
Border-bottom: 3px solid #C3D9FF; /* warna garis pinggir bawah */
Border-left: 3px solid #C3D9FF; /* warna garis pinggir kiri */
Border-right: 3px solid #C3D9FF; /* warna garis pinggir kanan */
Margin-bottom: 15px; /* jarak antara post yang satu dengan yang lainnya */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

Sumber:  http://epg-studio.blogspot.com/2009/05/postingan-tampil-dalam-bentu-kotak.html#ixzz1glscLOuF

lihat Tutorialnya Disini_+_

MENGHILANGKAN LANGGAN: ENTRI/SUBSCRIBE : TO POST (ATOM)

Pada Blogspot banyak tampilan yang kadang-kadang tidak disukai kemunculannya. Seperti tampilan Langgan : entri (atom) atau Subsribe :to post (atom) yang letaknya dibawah postingan.
Sebenarnya penampilan itu memiliki fungsi tersendiri yaitu agar pengunjung bisa dengan mudah menemukan alamat feed anda. Tetapi tulisan tersebut menjadi tidak penting lagi jika anda sudah menggunakan layanan feed dari Feedburner.
Anda ingin menghilangkan tampilan tulisan itu. Simak caranya...!!

• Sign ke Blogger.
• Pilih Tata Letak.
• Pilih Edit HTML.
• Back up template dulu, untuk menjaga jika terjadi kegagalan.
• Beri tanda centang pada Expand Widget Template.
• Cari kode seperti dibawah ini :
  
  

  <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div>

• Hapus/delete kode diatas.
• Klik tombol Simpan Template.
• Lihat Blog anda sekarang

Sumber: http://epg-studio.blogspot.com/2009/05/menghilangkan-langgan-langgan.html#ixzz1glrojJv3

lihat Tutorialnya Disini_+_

Cara Membuat Auto Read more (Thumbnails) Blogspot V2

Script auto readmore blogger/blogspot dengan thumbnails (gambar preview) ini adalah penyempurnaan dari script auto readmore V1, di mana ditemukan adanya masalah pada halaman statis. Ketika halaman statis ditampilkan, auto readmore ikut muncul, sehingga harus diberi pengecualian (b if cond & b else) untuk static pages pada scriptnya. Selain itu, javascript dlm auto readmore ini juga bersifat internal jadi tidak perlu lagi memuat file .js eksternal yang diupload ke hosting lain. Meskipun file template menjadi sedikit lebih besar, namun loading  page menjadi lebih cepat daripada auto readmore sebelumnya.

Langkah-langkahnya:

1. Masuk ke dahboard > Design/Rancangan > Edit HTML. Jangan lupa centang 'Expand Widget Templates'. Download/back up file XML template terlebih dahulu agar nanti bisa mengembalikan seperti semula jika ada kesalahan.

2. Jika dulu sudah diisi script auto  readmore yang pertama, hapus terlebih dahulu, gunakan panduan dari posting auto readmore V1 untuk mengetahui mana saja yang harus dihapus.

3. Copy-paste script berikut tepat DI BAWAH </head> (gunakan Ctrl+F):

<!-- Auto read more script -http://buka-rahasia.blogspot.com- Start -->
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
            }
        }
        strx =  s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
}

function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
    if(img.length>=1) {   
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script -http://buka-rahasia.blogspot.com- End -->

Yang berwarna merah adalah jumlah dan ukuran tampilan, summary_noimg=jumlah karakter tanpa gambar, summary_img=jumlah karakter dengan gambar, sedangkan img_thumb_height dan img_thumb_width adalah ukuran gambar (dalam pixel). Ubahlah sesuai dengan keinginan.

3. Kemudian cari <data:post.body/> (gunakan Ctrl+F), dan GANTI dengan:

<!-- Auto read more -http://buka-rahasia.blogspot.com- Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<a class='more' expr:href='data:post.url'>Read More >></a>
</b:if>
</b:if>
<!-- Auto read more -http://buka-rahasia.blogspot.com- End -->

Kostumisasi:
Ganti Read More >> dengan kata-kata yang diinginkan. Atau jika ingin menggantinya dengan gambar, ganti tulisan berwarna merah tersebut dengan:

Setelah itu save template 

Sumber: www.buka-rahasia.blogspot.com

lihat Tutorialnya Disini_+_