Menghilangkan Navbar Blog Sangat Mudah

Menghilangkan navbar Blogger  atau kotak mini berbentuk toolbar yang memanjang di bagian paling atas blog ternyata sangat mudah. Cara Menghilangkan navbar Blogger  adalah cukup dengan menambahkan script di atas kode ]]></b:skin>. Berikut Cara Menghilangkan Navbar Blog :

1. Login Ke Blog Anda

2. Klik Templat > Edit HTML > Lanjutkan (centang Expands Template Widget)

3. Cari Kode ]]></b:skin> kemudian copy kode dibawah ini lalu letakkan tepat diatas kode ]]></b:skin>

#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}

5. Save template.

Meng-Update Status Facebook Melalui Blog

Update Status Facebook Melalui Blog tentunya sudah tidak asing lagi, dengan memanfaatkan fitur sebuah aplikasi yang akan memungkinkan anda untuk Update Status Facebook Melalui Blog. Aplikasi ini adalah Live Stream, yang berfungsi untuk melakukan update status tanpa masuk kedalam situs facebook. Kelebihan Live Stream adalah selain anda bisa update status melalui aplikasi tersebut (jika anda pasang dalam blog), aplikasi tersebut bisa di manfaatkan untuk menanamkan link blog anda di facebook. Dengan aplikasi tersebut anda bisa update status facebook dari blog dengan tampilan keterangan status yang bisa anda buat seperti logo dan keterangan ‘melaluinya’, tentunya link tersebut akan mengarah ke blog anda.

Untuk menanamkan link blog ke dalam facebook sekaligus update status, berikut cara membuat Update Status Facebook Melalui Blog :

1. Membuat Aplikasi

• Masuk ke Facebook Developers.
• Klik menu Aplikasi.
• Konfirmasi Izinkan aplikasi.
• Klik Create New App di pojok kanan atas.
• Isi App Name.
• Ceklist persetujuan (maaf tidak menggunakan gambar, karena ini wizard jadi akan menggunakan gambar yang banyak).
• Lanjutkan > Facebook akan meminta verifikasi melalui ponsel atau kartu credit (pilih salah satu). Jika pilih ponsel isikan nomor ponsel anda yang aktif.
• Konfirmasi masukan kode yang dikirimkan melalui ponsel.
• Aplikasi selesai dibuat.

2. Setting Aplikasi

• Ganti Icon yang nantinya akan tampil pada facebook.
• Pada Basic Setting bagian Hosting URL - Website : Masukan url anda
• App on Facebook - Canvas URL : masukan URL blog anda.
• Settingan standar sudah cukup, sisanya anda tambah sendiri.

3. Membuat Widget Live Stream

• Kembali ke Facebook Developer
• Masukan App ID yang tadi dibuat seperti ini: 289293011171736 (lihat di address bar lalu  ambil yang bagian angka saja, contoh: https://developers.facebook.com/apps/289293011171736/summary)
• Anda setting tampilannya
• Klik Get Code (Intruksi penempatan code sudah jelas, anda bisa memasangnya sendiri)
• Selesai.

Sekarang nikmati update status melalui blog anda tanpa harus membuka facebook.

Cara Membuat Scroll Pada Archive Blog

Cara Membuat Scroll Pada Archive Blog - Mengingat banyaknya widget yang terdapat di sidebar blog, tentunya akan memakan banyak ruang untuk menampilkan widget tersebut. Makanya usahakan untuk membuat widget sidebar menjadi seminimal mungkin. Salah satu cara tersebut adalah dengan membuat scroll pada widget. Membuat scroll pada archive blog merupakan salah satu langkah tepat untuk meminimalisir kemungkinan pada sidebar blog agar lebih tertata. Cara membuat scroll pada archive blog sangat mudah simple dan hanya dengan menyisipkan sedikit kode pada template blog. Untuk lebih jelasnya, berikut adalah tutorial Cara Membuat Scroll Pada Archive Blog:

1. Login ke akun Blogger.
2. Klik Template >> Edit HTML >> Lalu cari kode dibawah ini.

<div id='ArchiveList'>

Untuk memudahkan pencarian gunakan CTRL+F.

3. Jika sudah ketemu, Copy lalu Paste kode berikut ini tepat diatasnya:

<div style='overflow:auto; width:ancho; height:200px;'>

Keterangan:

Ganti angka 200 dengan tinggi yang di inginkan.

5. Sehingga tampilan kode secara akan seperti ini:

<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>

6. Simpan Template.

Fungsi Meta Tag Open Graph Protocol di Blog

Meta Tag Open Graph Protocol berguna untuk menampilkan gambar atau logo blog anda ketika di share, like atau send ke facebook jika artikel anda yang di posting tidak memiliki gambar, maka secara otomatis gambar yang ditampilkan nantinya adalah logo blog anda.

Berikut cara Memasang meta tags Open Graph Protocol di Blog :

1. Login ke blogger > Template > Edit HTML > Lanjutkan

2. Kemudian Cari kode:

xmlns:expr='http://www.google.com/2005/gml/expr'>

3. Tambahkan kode dibawah ini sebelum kode penutup >

xmlns:og='http://ogp.me/ns#'

4. Sehingga hasilnya akan terlihat seperti ini:

xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>

5. Cari kode <head> kemudian taruh meta tag berikut ini tepat dibawah kode <head> atau dibawah kode meta tag blog anda yang sudah ada sebelumnya.

<b:if cond='data:blog.pageType != "item"'><meta expr:content='data:blog.title' property='og:title'/><meta expr:content='data:blog.homepageUrl' property='og:url'/><meta content='blog' property='og:type'/><b:else/><meta expr:content='data:blog.pageName' property='og:title'/><meta expr:content='data:blog.url' property='og:url'/><meta content='article' property='og:type'/></b:if><b:if cond='data:blog.postImageThumbnailUrl'><meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/><b:else/><meta content='http://s1327.beta.photobucket.com/user/Andes_Rizky/media/New-Blogger-Logo-Facebook-Style-Blogger-Template.gif.html' property='og:image'/></b:if><meta content='faceblog' property='og:site_name'/><meta content='andestyle' property='fb:app_id'/><meta content='andesrizky' property='fb:admins'/>

Keterangan:

• Ganti http://s1327.beta.photobucket.com/user/Andes_Rizky/media/New-Blogger-Logo-Facebook-Style-Blogger-Template.gif.html dengan icon blog anda.
• Ganti faceblog dengan Nama Blog anda.
• Ganti andestyle dengan ID Fanspage facebook anda.
• Ganti andesrizky dengan ID profil facebook anda.

6. Save Template.