Menampilkan Widget Tertentu Di Halaman Tertentu

Widget Tertentu Di Halaman Tertentu

1. Menampilkan widget hanya di halaman depan saja (homepage)

<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>

2. Menampilkan di semua halaman kecuali homepage.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>

3. Menampilkan widget hanya di halaman Archive saja.

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if>

4. Menampilkan widget di semua halaman kecuali halaman archive.

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
......................................................
</b:if>

5. Menampilkan widget hanya di halaman posting.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if>

6. Menampilkan widget di semua halaman, kecuali halaman posting.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
......................................................
</b:if>

7. Menampilkan widget hanya di postingan tertentu saja.

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
......................................................
</b:if>

8. Menampilkan widget selain di postingan tertentu.

<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
......................................................
</b:if>

9. Menampilkan widget hanya di halaman staticpages.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>

10. Menampilkan widget di semua halaman, kecuali halaman staticpages.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................................................
</b:if>

Catatan : Tanda Titik - titik di atas adalah kode widget yang harus di tempatkan

Sebagai Contoh perhatikan di bawah ini.
Coba anda menuju Dunia Sarah. Di halaman depan Widget Fan Facebook tidak muncul. Lalu di halaman kedua ketika klik sebuah artikel, maka Widget Fan Facebook muncul. Untuk melakukan hal itu silahkan coba ikuti langkah berikut.

Menampilkan Widget Tertentu Di Halaman Tertentu
1. Tentunya anda harus buka akun blog anda sendiri.
2. Masuklah ke Elemen Template. Lalu klik Edit HTML
3. Carilah widget yang anda sembunyikan (sebelumnya anda sudah memasang widget di dalam blog anda).
4. Misalnya Widget Fan Facebook. Silahkan cari tulisan "Fan Facebook" (gunakan Ctrl + F untuk mencari secara cepat)
5. Setelah ketemu, maka akan muncul kode persis seperti dibawah ini.

<b:widget id='HTML4' locked='false' title='Fan Facebook' type='HTML'> <b:includable id='main'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/> </b:includable> </b:widget>

6. Selanjutnya tambahkan kode

<b:if cond='data:blog.pageType == &quot;item&quot;'>

sebelum kode

<!-- only display title if it's non-empty -->

7. Setelah ditambahkan lalu masukkan kode </b:if> sebelum kode

</b:includable>
</b:widget>

8. Maka hasilnya akan persis seperti di bawah ini.

<b:widget id='HTML4' locked='false' title='Fan Facebook' type='HTML'> <b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/></b:if> </b:includable> </b:widget>

9. Selesai. Simpan Template blog anda.

Catatan : Huruf yang berwarna biru adalah Kode yang ditambahkan. Ingat satuhal, penempatannya jangan salah yah. Harus pas. Kalao gak pas, maka eror. Untuk mengantisipasinya, sebaiknya sebelum memulai langkahlangkah di atas, Simpan Template Blog anda terlebih dahulu.

Tambahkan URL Anda Sumbit Add Google Search

Sumbit Add Google Search Tambahkan URL Anda Dan Tambah/Update URL Anda. Kami menambah dan memperbaharui situs untuk index kami setiap kali kami menjaring, dan kami mengundang Anda untuk mengirimkan URL Anda di sini. Kami tidak menambahkan semua URL yang dikirimkan ke index kami, dan kami tidak bisa memperkirakan atau menjamin kapan atau apakah mereka akan muncul.

Sumbit Add Google Search
Sumbit Add Google Search

Mohon kirimkan URL lengkap Anda, termasuk awalan http://. Sebagai conoth: http://www.google.com/. Anda juga boleh menambahkan tanggapan atau kata kunci yang menerangkan isi dari halaman Anda. Ini digunakan hanya untuk informasi kami dan tidak mempengaruhi bagaimana halaman Anda di-index atau digunakan oleh Google.

Catatan:Hanya halaman tingkat-atas dari sebuah host yang dibutuhkan; Anda tidak perlu mengirimkan masing-masing halaman. Jaring kami, Googlebot, akan mampu menemukan sisanya. Penting: Google melakukan pembaharuan terhadap indexnya secara teratur, jadi pengiriman link baru atau lama tidakah dibutuhkan. Link mati akan hilang dari index kami pada penjaringan berikutnya ketika kami melakukan pembaharuan terhadap keseluruhan index.

URL:Url Anda Blabla...
Tanggapan:
Hapus Isi dari Index Google

Google memperbaharui seluruh index secara otomatis secara teratur. Saat kami menjaring web, kami menemukan halaman baru, kami membuang link-link mati, dan kami memperbaharui link secara otomatis. Link yang outdate akan hilnag dari index selama penjaringan berikutnya.

Google menambahkan situs baru ke indeks kami, dan memperbarui yang sudah ada, setiap kali kami merayapi web tersebut. Jika Anda memiliki URL baru, beri tahu kami mengenai hal itu di sini. Kami tidak menambahkan semua URL yang dikirimkan ke indeks kami, dan kami tidak dapat memprediksi atau menjamin kapan atau apakah URL yang dikirimkan akan muncul dalam indeks kami.
URL:

Jika Anda ingin informasi lebih mengenai cara menghilangkan isi tertentu dari index Google, silahkan klik di sini.
http://www.google.co.id/add_url.html
http://www.google.co.id/remove.html

Template Blog Valid XHTML

Cara Membuat Template Blog Valid XHTML/ Valid HTML5

Template Blog Valid XHTML
Template Blog Valid XHTML

1. Login ke akun blogger > masuk menu Templates > Edit HTML > beri centang Expand Template Widget
2. Ubah 'deklarasi DOCTYPE, cari kode dibawah

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

hapus semua kode diatas dan ganti dengan kode berikut

<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>

setelah itu ubah kode </html> menjadi </HTML>

3. Menghapus comment declaration yang ada pada CSS, cari kode dash ( ----- ) dan hapus semuanya. contoh:

/* ----------------------
Name: Simple Faster Blogger Templates
Date: 1 Maret 2013
Edited by: Template Hasbi Htc
-------------------------*/

hasilnya menjadi

/* Blogger Template Style
Name: Simple Faster Blogger Templates
Date: 1 Maret 2013
Edited by: Template Hasbi Htc */

4. Hapus meta tag <b:include data=’blog’ name=’all-head-content’/>

5. Menghapus Navigasi Bar bawaan blogger, cari kode <body> dan tambahkan kode berikut tempat diatasnya

<!-- <body><div></div> -->

Nanti akan muncul peringatan untuk menghapus navbar, langsung klik hapus saja.

6. Menghapus Icon Quickedit atau gambar obeng, cari kode <b:include name='quickedit'/> kalo sudah ketemu hapus semua, jangan lupa jika kelak menambahkan widget baru hapus lagi kode tersebut.

7. Menghapus Post icon, cari kode berikut

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>

hapus dan ganti dengan kode berikut

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>

8. Menambahkan jenis type="text/javascript" pada semua kode JavaScript dan type type="text/css" untuk semua css yang ada, baik di templates, posting maupun di widget. Contoh:

<script src="https://bloggergubug.googlecode.com/files/sumbercopas.js"></script>
<script src="https://bloggergubug.googlecode.com/files/coba.css"></script>

ubahlah menjadi

<script type="text/javascript" src="https://bloggergubug.googlecode.com/files/sumbercopas.js"></script>
<script type="text/css" src="https://bloggergubug.googlecode.com/files/coba.css"></script>

9. Menyembunyikan page navigation di halaman utama, cari kode <b:include name='nextprev'/> ganti dengan kode berikut

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>

10. Menambahkan atribut Alt pada semua gambar, contoh

<img height='75' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4lcX6XbsA90BpQgqiPodtAXvNkV5bQyk3uyLsR7U6jLxcmOhq0PAZhEdwf1A8N_X8jLH7Q5CM8WnacHFC3iXeavDGBHyeEuYxKoIXfg0EOS7ANzNWBH5qugXv1-CUpie_mHpkOq086BlG/s1600/BloggerGubug.jpg' width='75'/>

ganti menjadi seperti berikut

<img alt='no image' height='75' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4lcX6XbsA90BpQgqiPodtAXvNkV5bQyk3uyLsR7U6jLxcmOhq0PAZhEdwf1A8N_X8jLH7Q5CM8WnacHFC3iXeavDGBHyeEuYxKoIXfg0EOS7ANzNWBH5qugXv1-CUpie_mHpkOq086BlG/s1600/BloggerGubug.jpg' width='75'/>

11. Hapus semua Meta tag yang mengakibatkan Error pada template blog. Gunakanlah meta tag Valid HTML 5 berikut

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<meta content='Kumpulan Informasi Internet' name='description'/>
<meta content=’Keyword blog anda’ name=’keywords’/></b:if>
<link href=’http://bloganda.blogspot.com/atom.xml’ rel=’alternate’ title=’Atom’ type=’application/atom+xml’/>
<link href=’http://bloganda.blogspot.com/feeds/posts/default’ rel=’alternate’ title=’RSS Feeds’ type=’application/atom+xml’/>
<link href=’http://www.blogger.com/openid-server.g’ rel=’openid.server’/>
<link href=’http://bloganda.blogspot.com/favicon.ico’ rel=’icon’ type=’image/x-icon’/>
<meta content=’kode verifikasi dari google webmaster’ name=’google-site-verification’/>
<meta content=’kode verifikasi alexa’ name=’alexaVerifyID’/>
<meta content=’kode verifikasi dari bing’ name=’msvalidate.01&#8242;/>
<meta content=’Nama Anda’ name=’Author’/>


12. Mengatasi error css bundle templates, hapus code <b:skin><![CDATA[ ganti dengan kode berikut

<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' /> &lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]] <style>


13. Menyembunyikan widget dihalaman utama.

<b:if cond='data:blog.homepageUrl != data:blog.url'>
Widget Yang Mau DiSembunyikan
</b:if>

14. Taruh Script dibawah dibawah tepat dibawah <head>

<!--[if IE]><script type='text/javascript' src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script><![endif]-->

15. Pada saat posting gambar hapus atribut Anchor='1' dan Border='0' ganti tambahkan atribut alt dan title. contoh berikut adalah format gambar standart blogspot

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4lcX6XbsA90BpQgqiPodtAXvNkV5bQyk3uyLsR7U6jLxcmOhq0PAZhEdwf1A8N_X8jLH7Q5CM8WnacHFC3iXeavDGBHyeEuYxKoIXfg0EOS7ANzNWBH5qugXv1-CUpie_mHpkOq086BlG/s1600/BloggerGubug.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4lcX6XbsA90BpQgqiPodtAXvNkV5bQyk3uyLsR7U6jLxcmOhq0PAZhEdwf1A8N_X8jLH7Q5CM8WnacHFC3iXeavDGBHyeEuYxKoIXfg0EOS7ANzNWBH5qugXv1-CUpie_mHpkOq086BlG/s1600/BloggerGubug.jpg" /></a></div>

Rubah menjadi

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4lcX6XbsA90BpQgqiPodtAXvNkV5bQyk3uyLsR7U6jLxcmOhq0PAZhEdwf1A8N_X8jLH7Q5CM8WnacHFC3iXeavDGBHyeEuYxKoIXfg0EOS7ANzNWBH5qugXv1-CUpie_mHpkOq086BlG/s1600/BloggerGubug.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Template Hasbi Htc" title="Template Hasbi Htc" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4lcX6XbsA90BpQgqiPodtAXvNkV5bQyk3uyLsR7U6jLxcmOhq0PAZhEdwf1A8N_X8jLH7Q5CM8WnacHFC3iXeavDGBHyeEuYxKoIXfg0EOS7ANzNWBH5qugXv1-CUpie_mHpkOq086BlG/s1600/BloggerGubug.jpg" /></a></div>

16. Jangan pernah menggunakan tag <center> untuk membuat tulisan ataupun gambar rata tengah, pakailah kode berikut jika tidak ingin mengakibatkan error html baik di postingan maupun di widget html.

<div style="text-align: center;">Isi Widget</div>

Kira nya itu dulu Membuat Template Blog Lebih Valid XHTML, saya juga pun masih belajar untuk masalah validasi xhtml. Mungkin jika ada yang mau menambahkan bisa tulis di kotak komentar :)