Info Bege

Menambah 2 kolom sidebar

2010-12-24T20:54:00.000+07:00

Pada template standar biasanya hanya terdapat 1 kolom sidebar berukuran kira-kira 300 pixel. Untuk mempercantik tampilan blog, anda bisa menambah 2 kolom lagi dibawah sidebar utama tadi. Berikut cara membuatnya

1. Buka menu Layout kemudian pilih Edit HTML
2. Jangan lupa Backup Template anda agar mudah mengembalikan jika terjadi kesalahan.
3. Beri tanda centang pada cekbox “expand template widget”
4. Gunakan Ctrl F pada keyboard komputer anda untuk mencari kode: ]]></b:skin>
5. Setelah ketemu, letakkan kode berikut ini DIATASNYA

#lsidebar-wrapper {
float: left;
margin:0;
padding:0;
width:140px;
display:inline;
}
.lsidebar {
line-height: 1.5em;
}
.lsidebar .widget {
background:transparent;
float:left;
width: 135px;
margin: 0 0 10px 0;
padding:5px;
}
#rsidebar-wrapper {
float:right;
margin-right:10px 10px 10px 10px;
padding:0 10px 10px 10px;
width:140px;
}
.rsidebar {
line-height: 1.5em;
}
.rsidebar .widget {
background:transparent;
float:right;
width: 135px;
margin: 0 0 10px 0;
padding: 5px;
}

sesuaikan warna biru dengan ukuran sidebar anda

6. Selanjutnya cari kode ini atau yang mirip

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
</b:section>
</div>

7. Setelah ketemu hapus dulu kode </div> nya lalu letakkan kode berikut di bawahnya.

<div id='lsidebar-wrapper'>
<b:section class='lsidebar' id='lsidebar'preferred='yes'>
</b:section>
</div>
<div id='rsidebar-wrapper'>
<b:section class='rsidebar' id='rsidebar' preferred='yes'>
</b:section>
</div>
</div>

8. Save Template

Membuat Text Area

2010-12-24T20:23:00.000+07:00

Para blogger mungkin sudah tidak asing lagi dengan istilah text area. Ya, text area adalah kotak yang membatasi atau menandai sebuah teks atau kode tertentu yang diposting pada sebuah blog. Bagi yang belum tahu, berikut cara membuatnya:

1. Text Area biasa

<textarea rows="1" cols="30" style="display: inline;" name="txt">ini contoh text area biasa</textarea>

2. Text Area dengan mode scroll

<textarea cols="30" name="code" rows="3">ini contoh text area dengan mode scroll</textarea>

3. Text Area yang terpilih semua jika diklik

<textarea rows="2" cols="30" style="display: inline;" name="txt" onclick="this.focus();this.select()">ini contoh Text Area yang terpilih semua jika diklik</textarea>

CATATAN:

row adalah tinggi teks area
cols adalah lebar teks area
ubah warna biru sesuai kebutuhan anda

Membuat auto redirect URL

2010-12-24T10:51:00.000+07:00

Jika anda ingin mengarahkan atau mengalihkan pengunjung blog anda ke alamat lain, maka anda harus menggunakan fasilitas Auto Redirect. Fasilitas ini biasanya digunakan pada saat seseorang membuat blog baru dengan alamat yang berbeda, agar tidak kehilangan pengunjung maka pengunjung blog lama akan di redirect secara otomatis ke alamat blog/URL baru. Berikut cara membuat proses redirect berjalan secara otomatis.

Seperti biasa lakukan langkah berikut:

1. Masuk ke Dashboard Blog, pilih Rancangan lalu klik edit HTML.
2. Download template anda untuk menjaga jika ada kesalahan.
3. centang 'Expand Template Widget'
4. tekan Ctrl F pada keyboard untuk memudahkan pencarian kode <head>
5. Letakkan kode berikut DIBAWAHNYA

<meta content='0;url=http://gantikan URL blog anda pada teks ini' http-equiv='refresh'/>

Ganti warna merah dengan URL BLOG BARU anda

7. Save template

Menampilkan tanggal posting yang terbit dihari yang sama

2010-12-22T11:02:00.000+07:00

Secara Default, beberapa posting yang diterbitkan pada satu hari yang sama, tanggalnya hanya akan terlihat satu saja. Jika anda ingin menampilkan tanggal pada seluruh posting dihari yang sama, berikut triknya.

Contoh Default penayangan tanggal di posting:

Pada contoh diatas, tanggal akan tampil pada posting yang terakhir diterbitkan, dibawahnya adalah posting yang pertama diterbitkan.

Cara mengubahnya:

1. Pilih Edit HTML dan beri centang pada Expand Template Widget.
2. Ada baiknya anda backup dulu template anda dengan mengklik Download Template Lengkap. Hal ini dimaksudkan jika nanti menemui kesalahan dalam menghapus atau mengganti kode script maka anda dapat mengembalikan blog anda ke kondisi semula.
3. Gunakan Ctrl F untuk menemukan kode berikut:

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

4. Ganti kode tersebut dengan kode ini:

<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>

5. Klik Save Template

Menghilangkan link pada posting gambar

2010-12-14T11:51:00.003+07:00

Banyak blogger yang menyertakan gambar/foto pada posting mereka. Secara default, Blogspot selalu menyertakan link lokasi gambar tersebut saat mouse menyorot gambar. Bagaimana cara menghilangkan link tersebut? berikut tipsnya.

1. Setelah gambar dimasukkan kedalam posting, berpindahlan ke Edit HTML.
2. Pada bagian gambar biasanya terdapat kode berikut:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-DCrhtJ3NHN2HT5X_1cSgFUdAXn87s7ADnfNNKkOUW-YhOVv1kw0sdb2jmWo0UBIJEZ1ddZIMTWUMVp1-8wuOmGCN9stvUa-omi151KAY4IYXa05eYEImLp1j0iZwAYQtrqp3Dj5Mh0E/s1600/KTcilegon.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-DCrhtJ3NHN2HT5X_1cSgFUdAXn87s7ADnfNNKkOUW-YhOVv1kw0sdb2jmWo0UBIJEZ1ddZIMTWUMVp1-8wuOmGCN9stvUa-omi151KAY4IYXa05eYEImLp1j0iZwAYQtrqp3Dj5Mh0E/s1600/KTcilegon.jpg" /></a>

3. Hapus kode berwarna Biru hingga menjadi seperti ini:

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-DCrhtJ3NHN2HT5X_1cSgFUdAXn87s7ADnfNNKkOUW-YhOVv1kw0sdb2jmWo0UBIJEZ1ddZIMTWUMVp1-8wuOmGCN9stvUa-omi151KAY4IYXa05eYEImLp1j0iZwAYQtrqp3Dj5Mh0E/s1600/KTcilegon.jpg" />

4. Terbitkan Entri.

Membuat Widget hanya tampil di Homepage atau posting

2010-12-12T21:22:00.002+07:00

Agar blog tampil lebih dinamis dan terkesan profesional, sebaiknya beberapa widget yang dianggap pokok hanya ditampilkan di halaman utama atau Homepage. Bagaimana cara membuat sebuah widget hanya tampil pada Homepage atau hanya tampil pada Postingan, berikut triknya.

1. Buka menu Layout kemudian pilih Edit HTML
2. Jangan lupa Backup Template anda agar mudah mengembalikan jika terjadi kesalahan.
3. Beri tanda centang pada cekbox “expand template widget”
4. Gunakan Ctrl F pada keyboard komputer anda untuk mencari kode widget anda. Contoh: 'Artikel Terbaru'
5. Setelah ketemu, berikut cara memodifikasinya:

MEMBUAT WIDGET HANYA TAMPIL DI HOMEPAGE SAJA

a. Sisipkan kode: <b:if cond='data:blog.url == data:blog.homepageUrl'> dibawah kode <b:includable id='main'>
b. Sisipkan kode: </b:if> diatas kode </b:includable>

Contoh lengkapnya seperti ini:

<b:widget id='HTML10' locked='false' title='Artikel Terbaru' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>

MEMBUAT WIDGET HANYA TAMPIL DI POSTING SAJA

a. Sisipkan kode: <b:if cond='data:blog.pageType == "item"'> dibawah kode <b:includable id='main'>
b. Sisipkan kode: </b:if> diatas kode </b:includable>

Contoh lengkapnya seperti ini:

<b:widget id='HTML10' locked='false' title='Artikel Terbaru' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>

6. Save Template

Langkah-langkah sederhana meningkatkan ranking di Google

2010-11-29T09:18:00.000+07:00

Mendapat peringkat teratas di Google adalah dambaan bagi siapa saja yang memiliki blog atau situs web. Google trafik adalah iklan gratis dan sarana bagi sebagian besar blogger (terutama yang baru saja memulai) mencapai pengunjung dan lalu lintas ke situs mereka. Itu semua bermuara pada sebuah permainan angka sederhana. Pada dasarnya, lebih banyak lalu lintas = lebih banyak peluang membuat uang dari blog Anda. Pertanyaannya adalah, bagaimana Anda mendapatkan peringkat yang lebih tinggi untuk posting blog yang menggunakan Blogger?

Title tag adalah salah satu elemen yang paling menentukan peringkat sebuah blog di Google. Search engine seperti Google sangat mempertimbangkan pentingnya setiap kata dalam judul blog. Untuk memaksimalkan fungsi Title tag mari kita lakukan langka berikut:

1. Login di Blogger.
2. Pada Dashboard klik Layouts/Tata Letak, kemudian pilih Edit HTML.
3. Sebaiknya backup dulu template anda dengan meng-klik Download Template Lengkap. Hali ini bertujuan agar apabila terjadi kegagalan, maka hasil download tadi bisa untuk mengembalikan kondisi template seperti sebelumnya.
4. Beri tanda centang pada Expand Template Widget dan gunakan 'Ctrl F' untuk pencarian kode struktur dengan cepat.
5. Cari stuktur kode seperti bawah ini:

<title><data:blog.pageTitle/></title>

6. Ganti kode tersebut dengan kode berikut ini:

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

<b:else/>

</b:if>

7. Save Template

Manghapus tulisan Entri Lawas

2010-11-29T01:13:00.000+07:00

Bila anda klik pada label blog, anda akan melihat pesan berikut sebelum hasil pencarian label: Menampilkan pesan terbaru dengan label ..... Tampilkan posting lama. Juga ketika anda mencari di blog (default kotak pencarian), anda akan mendapatkan pesan berikut sebelum hasil pencarian: Menampilkan pesan terbaru untuk query ...... Tampilkan posting lama. Sebagian besar pemilik Blog ingin menghapus pesan ini. Hal ini juga dimaksudkan agar blog anda lebih terlihat profesional. Untuk menghapus tulisan tersebut cukup ikuti cara berikut.

1. Masuk ke Dashboard Blog, pilih Rancangan lalu klik edit HTML.
2. Download template anda untuk menjaga jika ada kesalahan.
3. centang 'Expand Template Widget'
4. tekan Ctrl F pada keyboard untuk memudahkan pencarian kode <b:includable id='status-message'>
5. Anda akan menemukan rangkaian script berikut:

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<data:navMessage/>

</div>

</div>

</b:if>

</b:includable>

6. Ganti semua kode tersebut dengan kode ini:

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<div>

</div>

</b:if>

</b:includable>

7. Save template

Membuat Artikel Terkait tanpa label

2010-11-26T11:17:00.005+07:00

Ingin membuat artikel terkait? di mesin perambah Google bertebaran blog yang menawarkan trik membuat Artikel terkait atau Related post. Kenapa kami ikut menukis juga? salah satu alasannya karena dari sekian banyak yang disuguhkan ternyata tidak semuanya sesuai dengan apa yang kita inginkan.

Dari sekian banyak tips yang pernah kami coba, masalah yang muncul biasanya Related post selalu dikelompokkan berdasarkan label. Jika anda ingin related post hanya menampilkan Judul-judul posting yang 'Tanpa Label', berikut caranya

1. Buka menu Layout kemudian pilih Edit HTML
2. Beri tanda centang pada cekbox “expand template widget”
3. Gunakan Ctrl F pada keyboard komputer anda untuk mencari kode ini ]]></b:skin>
4. Setelah ketemu letakkan kode berikut diatasnya:

#related-posts { float : left; width : 250px; margin-left : 5px; font-size: 12px; line-height : 1.8em; margin-bottom:10px; }
#related-posts a{ color:#0000CC; }
#related-posts a:hover{ color:#ca1717; }
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; }
#related-posts a { text-decoration : none; }
#related-posts a:hover { text-decoration : none; }
#related-posts ul { margin : 10px 5px 5px 20px; padding : 0; }

Ganti warna Biru dengan selera anda

5. Lalu cari kode </head> dan letakkan kode berikut diatasnya:

6. Kemudian cari kode <p><data:post.body/></p> atau <data:post.body/> (Jika ada dua kode, pilih yang pertama). Lalu letakkan kode berikut dibawahnya:

<div id='related-posts'>
<div style='font-size:18px'><b>Related Posts:</b></div>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'/>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if>
</b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>

Teks Related Post dengan selera anda. Ganti angka 5 dengan jumlah posting yang anda ingin untuk dimunculkan

7. Save Template

Menghilangkan logo Google pada Search Box

2010-11-26T09:28:00.001+07:00

Sudah pasang fasilitas search box pada blog anda? jika belum cobalah. Fasilitas yang didukung Google ini akan memudahkan pengunjung blog atau anda sendiri untuk mencari kata kunci dari semua posting blog anda. Karena fasilitas ini di dukung Google, maka biasanya di bagian bawah kotak pencarian terdapat tulisan Powered by Google.

Sebagian blogger membiarkan tulisan tersebut bertahan disana lantaran cukup eye catching dengan diterakannya logo Google disana, namun banyak juga yang ingin search box nya bersih tanpa embel-embel. Jika anda ingin menghapus tulisan Powered by Google tersebut berikut ini caranya:

1. klik 'Rancangan' (edit tata letak)
2. klik 'Edit HTML'
3. centang 'Expand Template Widget'
4. tekan Ctrl F pada keyboard untuk memudahkan pencarian kode ]]></b:skin>
5. Letakkan kode berikut ini diatas kode ]]></b:skin>

.gsc-branding-text, .gsc-branding-img-noclear,.gsc-branding-img {
display:none;
}

6. Klik Save Template

Membuat Read More

2010-11-22T13:39:00.001+07:00

Pada beberapa blog, sebuah posting yang panjang biasanya ditampilkan lebih dulu penggalan kalimat atau alinea dari isi posting tersebut, hal ini dimaksudkan agar halaman utama blog bisa menampilkan banyak posting yang memungkinkan pengunjung memilih sendiri posting mana yang hendak mereka baca dengan mengklik tulisan "Read More" atau "Baca Selengkapnya". Jika anda kesulitan membuat Read More, berikut ini caranya.

A. Memasang Script Read More

1. Buka menu Layout kemudian pilih Edit HTML
2. Beri tanda centang pada cekbox “expand template widget”
3. Gunakan Ctrl F pada keyboard komputer anda untuk mencari kode script berikut:

<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi 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><br/>
<a expr:href='data:post.url' style=' font-family: Verdana; font-size: 11px; float: right; text-decoration: none;' title='baca artikel selengkapnya'><b>Selengkapnya...</b></a>
</b:if>

5. Atur jenis Font, ukuran serta letak tulisan sesuai selera anda.
6. Ganti tulisan Selengkapnya... dengan tulisan lain yang anda kehendaki atau biarkan seperti itu.
7. Simpan hasil pengeditan dengan memilih Save Template
8. Kemudian anda masuk ke 'Pengaturan' dan pilih Tab 'Format'
9. Pada kotak Template Entri masukkan kode berikut:

<span class="fullpost"></span>

10. Kemudian Simpan Stelan.

B. Saat Posting

Ketika memulai posting baru pilih 'Edit HTML', maka secara otomatis akan tampak kode seperti berikut: <span class="fullpost"></span>

Letakkan penggalan kalimat atau alinea pertama diatas kode <span class=”fullpost”> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class=”fullpost”> dan </span>

Catatan Penting:

1. Artikel yg diposting sebelum pemasangan kode READ MORE di atas akan tetap tampil penuh di halaman muka, Anda bisa mengeditnya dg cara sbb:
a. Pada halaman 'Posting' klik menu 'Edit Entri'
b. Klik 'Edit' di artikel yg akan diedit lalu pilih 'Edit HTML'
c. Pasang kode <span class="fullpost"> di bawah paragraf yg akan ditampilkan. Dan pasang kode </span> di akhir artikel.

2. Perlu juga diingat bahwa hanya ada SATU kode <span class="fullpost"> dan </span>. Apabila terdapat lebih dari satu, dan biasanya menumpuk di bagian paling bawah artikel, maka dihapus saja.

Menghilangkan tulisan Diposkan Oleh, Label dan Jam

2010-11-22T10:56:00.001+07:00

Masih seputar Template yang di modifikasi, anda mungkin kesulitan menghapus tulisan "Diposkan Oleh", "Label", maupun "Jam", meskipun dalam konfigurasi setting anda telah meng-Uncheck fitur diatas. Jika hal itu anda alami, maka cara manual berikut layak untuk dicoba.

1. Seperti biasa masuklah ke Blog ID anda dan langsung pilih Rancangan
2. Pilih Edit HTML dan beri centang pada Expand Template Widget.
3. Ada baiknya anda backup dulu template anda dengan mengklik Download Template Lengkap. Hal ini dimaksudkan jika nanti menemui kesalahan dalam menghapus atau mengganti kode script maka anda dapat mengembalikan blog anda ke kondisi semula.
4. Gunakan Ctrl F untuk menemukan kode dengan mudah.

5. Untuk menghilangkan tulisan Diposkan Oleh:, cari dan HAPUS kode di bawah ini:

<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>

6. Untuk menghilangkan Label, cari dan HAPUS kode di bawah ini:

<span class='post-labels'>
<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,
</b:if></b:loop></b:if>
</span>

7. Untuk menghilangkan Jam, cari dan HAPUS kode di bawah ini:

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>

8. Setelah selesai, jangan lupa Save Template.

Menghilangkan angka pada Label

2010-11-22T07:57:00.001+07:00

Pada Template tertentu angka dibelakang Label tidak bisa dihilangkan meski pada pengaturan posting kita sudah mengosongkan centang pada "Show number of post per label". Jika anda menemui masalah tersebut cobalah cara berikut ini.

1. Login ke Blogger. Klik menu Design->Edit HTML
2. Lalu beri centang pada "Expand Template Widget"
3. Cari kode <data:label.count/>
4. Jika sudah ketemu, hapus kode tersebut lalu klik Save template
5. Selesai. Klik View Blog untuk melihat hasilnya

Memasang Meta Tag

2010-11-22T07:49:00.005+07:00

Istilah Meta Tag pastinya sudah sangat populer ditelinga para blogger, Meta Tag adalah sejumlah script yang diyakini dapat membuat sebuah blog atau website menjadi mudah ditemukan oleh mesin pencari (Search Engine) seperti Google, Yahoo, Dll. Bagi yang masih belum mengerti bagaimana cara memasang Meta Tag, berikut ini caranya.

1. Pertama masuk ke Edit HTML, jangan lupa centang Expand Template Widget.
2. Kemudian tekan Ctrl F pada keyboard untuk mencari kode berikut ini <title><data:blog.pageTitle/></title>
3. Jika sudah ketemu letakkan kode ini dibawah nya.

<meta name='title' content='Title blog' />
<meta name='description' content='Keterangan blog' />
<meta name='keywords' content='Keyword1, Keyword1, Keyword1, dst' />
<meta name='author' content='Penulis' />
<meta name='owner' content='Pemilik' />
<meta name='copyright' content='(c) 2010' />
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

4. Ganti kode berwarna merah sesuai dengan deskripsi blog anda, contohnya seperti berikut:

<meta name='title' content='Info Bege' />
<meta name='description' content='Berbagi tutorial, tips trik dan software tanpa basa basi' />
<meta name='keywords' content='cara, tutorial, tips trik, download, software, template, blog, website, SEO' />
<meta name='author' content='misterbege' />
<meta name='owner' content='Bege Foundation' />
<meta name='copyright' content='(c) 2010' />
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

5. Klik tombol Save Template.

Menghilangkan Title Blog pada Header dan Tab View

2010-11-21T10:34:00.003+07:00

Title atau Judul Blog biasanya selalu muncul pada Tab View komputer kita. Saat membuka halaman utama atau Home atau Beranda mungkin kemunculannya tidak masalah, namun saat kita membuka sebuah posting, Title Blog biasanya ikut muncul didepan judul posting seperti contoh berikut:

BEGE BERBAGI: Cara menghilangkan Title...

Jika anda hendak menghilangkan Title Blog dan yang muncul pada Tab View hanya judul posting saja, berikut caranya.

A. MENYEMBUNYIKAN TITLE/JUDUL BLOG PADA HEADER

1. Login di Blogger.
2. Pada Dashboard klik Layouts/Tata Letak, kemudian pilih Edit HTML.
3. Sebaiknya backup dulu template anda dengan meng-klik Download Template Lengkap. Hali ini bertujuan agar apabila terjadi kegagalan, maka hasil download tadi bisa untuk mengembalikan kondisi template seperti sebelumnya.
4. Beri tanda centang pada Expand Template Widget dan gunakan 'Ctrl F' untuk pencarian kode struktur dengan cepat.
5. Cari stuktur kode seperti bawah ini:

#header h1 {
margin:0;
padding:10px 30px 5px;
line-height:1.2em;
font: normal bold 354% 'Trebuchet MS',Verdana,Arial,Sans-serif;
display:none;
}

6. Tambahlah kode display:none; pada baris kode seperti contoh di atas.
7. Klik tombol 'PRATINJAU' untuk melihat perubahannya, jika terjadi kesalahan klik tombol 'BERSIHKAN EDIT' lalu coba lagi pada struktur kode lainnya yang mirip kode diatas.
8. Simpan Template.

B. MENYEMBUNYIKAN KETERANGAN/DESCRIPTION BLOG

1. Cari stuktur kode seperti bawah ini:

#header .description {
margin:0;
padding:5px 30px 10px;
line-height:1.5em;
font: normal normal 110% 'Trebuchet MS',Verdana,Arial,Sans-serif;
display:none;
}

2. Tambahlah kode display:none; pada baris kode seperti contoh di atas.
3. Klik tombol 'PRATINJAU' untuk melihat perubahannya, jika terjadi kesalahan klik tombol 'BERSIHKAN EDIT' lalu coba lagi pada struktur kode lainnya yang mirip kode diatas.
4. Simpan Template.

C. MENYEMBUNYIKAN TITLE/JUDUL BLOG PADA TAB VIEW

1. Cari stuktur kode seperti bawah ini:

<title><data:blog.pageTitle/></title>

3. Ganti dengan kode di bawah ini:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

4. Simpan Template.

Menghilangkan Navbar Blogger

2010-11-21T09:57:00.002+07:00

Salah satu ciri Blogger atau Blogspot adalah pada bagian atas terdapat kotak blok memanjang dengan beberapa warna pilihan, kotak ini akrab disebut 'Navbar'. Beberapa Blogger membiarkan navbar muncul pada halaman blognya, namun sebagian lainnya memilih menghilangkan navbar dengan alasan agar penampilan blog lebih terlihat profesional. Jika anda ingin menghilangkan Navbar, berikut ini caranya.

1. Login ke Blog anda.
2. Buka tab Rancangan atau Tata Letak.
3. Klik Edit HTML.
4. Centang Expand Template Widget.
5. Letakkan kode berikut ini dibawah tag 'head'.

#navbar-iframe {
display: none !important;
}

Contoh :

-----------------------------------------------
Blogger Template Style
Name: Bege Berbagi
Designer: Bege
URL: www.infobege.blogspot.com
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

6. Klik save / simpan.

Mendaftar FeedBurner dan setting di Blogger

2010-11-21T06:04:00.012+07:00

FeedBurner adalah penyedia layanan rss gratis (sekarang dimiliki oleh Google) yang memungkinkan pembaca dapat dengan mudah mengikuti/berlangganan konten blog anda. Oleh banyak pihak, FeedBurner diyakini dapat pula meningkatkan traffic sebuah blog. Pendek kata, FeedBurner menjadi sarana yang efektif dan gratis untuk mempromosikan sebuah blog. Berikut panduan cara berlangganan FeedBurner:

1. Login ke akun Blogger anda
2. Pada Tab lain, silahkan anda menuju FeedBurner

1. Setelah login di FeedBurner masukkan alamat blog anda. Tidak usah dicentang I am podcaster! kemudian klik Next

2. Pada halaman Identify Feed Source biarkan FeedBurner memilih sendiri alamat feed yang cocok untuk blog anda. Pada Blogspot biasanya digunakan pilihan Atom. lalu pilih Next

3. Pada halaman ini anda diminta mengisi Feed Title dan Feed Address. Biasanya Feed Title diisi dengan Title Blog yang kita miliki sementara feed address diisi dengan user name yang anda kehendaki.

4. Jika muncul halaman ini maka pendaftaran Tahap 1 FeedBurner anda telah selesai. Jangan lupa untuk mengcopy alamat Url yang muncul diatas untuk nanti anda terapkan pada setting blog anda. Selanjutnya klik Next untuk melakukan beberapa setting

5. Pada halaman konfigurasi ini anda cukup mengikuti sisa wizard setup. Disini anda beri centangan pada Clickthroughs agar nanti anda dapat melihat berapa banyak blog anda dilihat orang. Jangan lupa centang juga pada I want more! agar anda dapa menikmati layanan tambahan lainnya.

6. Tahap terakhir anda kembali ke Dasbor blog anda, kemudian pada tab Pengaturan pilih Feed Situs. Pada Izinkan Feed Blog pilih mode 'Penuh', sedangkan pada Posting URL Pengubahan silahkan anda masukkan feed yang sudah anda copy pada langkah 4 diatas lalu Save.

Selesai sudah langkah anda mendaftar FeedBurner dan mengintegrasikan blog anda kedalam layanannya. Sebenarnya masih banyak fungsi menarik dari FeedBurner yang dapat anda terapkan, dilain kesempatan kita akan membahasnya lebih dalam.

Membuat posting tidak bisa di copy paste

2010-11-21T00:55:00.003+07:00

Sebagian blogger menilai bahwa postingan adalah sebuah produk publik yang layak diakses, dipergunakan dan disebarluaskan secara bebas. Namun dalam konteks tertentu ada juga yang berpandangan bahwa postingan merupakan sebuah karya ilmiah yang hanya bisa pergunakan dengan akses terbatas, misalnya hanya untuk dibaca saja tanpa boleh digandakan.

Jika anda ingin posting yang anda buat tidak bisa di copy paste oleh pembaca, berikut tipsnya.

1. pertama login ke Blogspot
2. pada Dashboard pilih Rancangan dan masuk ke tata letak
3. lalu klik edit HTML dan jangan lupa beri tanda centang pada Expand Template Widget
4. copy code berikut dan letakkan codenya diatas <head>

<script type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</script>

5. Simpan Template dan cobalah untuk mengcopy isi postingan anda.

Mengembalikan Kotak Komentar yang hilang

2010-11-21T00:24:00.002+07:00

Secara default Blogspot telah menyematkan Kotak Komentar dibawah posting, namun saat kita mengganti Template diluar standar Blogspot ada kalanya kita menemui masalah dengan hilangnya Kotak komentar. Jika anda salah satu yang menghadapi masalah tersebut, begini cara mengatasinya

1. Masuk ke tab Rancangan lalu klik Edit HTML
3. Beri tanda centang pada kotak Expand Template Widget
4. Tekan Ctrl F pada Keyboard untuk memudahkan pencarian kode
5. Cari kode berikut:

<b:include data="post" name="comments">

jika kode tersebut tidak ditemukan, coba anda cari kode berikut:

<b:include data='post' name='comments'/>

6. Letakkan kode berikut tepat dibawah kode diatas:

<b:include data="post" name="comment-form">

atau jika tidak berhasil, gunakanlah kode:

<b:include data='post' name='comment-form'/>

7. Jangan lupa klik tombol Simpan Template, selesai.

Menghilangkan tulisan Langgan Entri (Atom) dan Poskan Komentar (Atom)

2010-11-20T22:30:00.002+07:00

Pada design standar Blogger, dibagian bawah posting biasanya muncul tulisan "Posting Baru" atau "Newer Post", "Home" atau "Halaman Muka" dan "Posting Lama" atau "Older Post". Jika anda merasa tulisan tersebut mengganggu penampilan blog anda maka anda dapat menghapusnya dengan cara berikut.

1. klik 'Rancangan' (edit tata letak)
2. klik 'Edit HTML'
3. centang 'Expand Template Widget'
4. tekan Ctrl F pada keyboard untuk memudahkan pencarian kode

Cara Menghapus Langgan: Entri (Atom)
Cari kode di bawah ini:

<b:include data='feedLinks' name='feedLinksBody'/>

Hapus/delete semua kode di atas, lalu Save Template, selesai.

Cara Menghapus Subscribe to: Poskan Komentar (Atom)
Cari kode di bawah 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 semua kode di atas, lalu Save Template, selesai.

Menghilangkan tulisan Posting Baru, Halaman Muka & Posting Lama

2010-11-20T21:46:00.004+07:00

Pada design standar Blogger, dibagian bawah posting biasanya muncul tulisan "Posting Baru" atau "Newer Post", "Home" atau "Halaman Muka" dan "Posting Lama" atau "Older Post". Jika anda merasa tulisan tersebut mengganggu penampilan blog anda maka anda dapat menghapusnya dengan cara berikut.

1. klik 'Rancangan' (edit tata letak)
2. klik 'Edit HTML'
3. centang 'Expand Template Widget'
4. tekan Ctrl F pada keyboard untuk memudahkan pencarian

Untuk menghilangkan “Posting baru” atau “Newer Posts”
Cari kode yang mirip seperti ini:

#blog-pager-newer-link {
float: left;
}

Ganti kodenya jadi seperti ini:

#blog-pager-newer-link {
display:none;
}

Untuk menghilangkan “Posting Lama” atau “Newer Posts”
Cari kode yang mirip seperti ini:

#blog-pager-older-link {
float:right;
padding-right:5px;
}

Ganti kodenya jadi seperti ini:

#blog-pager-older-link {
display:none;
}

Untuk menghilangkan “Home” atau “Halaman Muka”
Cari kode yang mirip seperti ini:

#blog-pager {
text-align: center;
}

Ganti kodenya jadi seperti ini:

#blog-pager {
display:none;
}

5. klik SAVE atau SIMPAN TEMPLATE