Cara Membuat Headline News keren dibawah header Blog

OK, tanpa basa-basi lagi, berikut cara-caranya:
1. Login ka akun Blogger sobat.
2. Masuk pada bagian Template pada Blog yang diinginkan.

Cara Membuat Gallery Photo Viewer Keren Di Blog

Login ke akun blogger anda 
Pada dasbor pilih Template >> Edit HTML >> Proceed 
Klik Ctrl+F cari kode ]]></b:skin  
Tambahkan kode CSS berikut diatas kode ]]></b:skin>

Cara memberikan garis bawah pada judul posting

Cara Membuatnya, Ikuti Langkah-langkah Berikut :

• Login ke blog anda.

• Pilih Tata Letak 

• Klik Edit HTML 

• Untuk menjaga template anda, silakan anda Download dulu template anda, klik  
  Daownload Template Lengkap 

• Gunakan Ctrl + F Cari kode CSS yang mirip kode berikut :

  h3.post-title { 

  margin: 0; 

  font: $(post.title.font); 

  } 

 Hapus kode margin: 0; dan ganti dengan kode berikut margin: 0; border-bottom : 4px double #cadaef ; 

 Sehingga dalam penerapannya akan terbentuk seperti ini:

h3.post-title {

margin: 0; border-bottom : 4px double #cadaef ;

font: $(post.title.font);

}

• Klik Pritinjau untuk melihat hasilnya, jika sudah muncul, 

• Klik Simpan Template 

• Selesai.

Cara Memasang Social Bookmark di Bawah Judul Artikel/Posting

Kita mulai dengan langkah awal,

• Login ke BLOGGER kalian,
• Masuk ke "Edit Template",
• Beri centang "Expand Widget Templates"
• Gunakan ctrl-F untuk mencari kode di bawah ini,

]]></b:skin>

• Letakan kode CSS berikut ini sebelum/diatas kode di atas,

/* SET FACEBOOK LIKE AND BOOKMARK ON POST */
.icn-bm {float:right; padding-top:9px; border:none; padding-right:10px}
.icn-bm  h4{color:#333; font-family:'Helvetica Neue',Arial,sans-serif; font-size:16px !important; font-weight:bold}
.icn-sh{padding-top:2px}
.icn-sh img{width:16px; height:16px; border:none; margin:0 3px}
.fb-like{background:#FFFFD7;padding-left:10px; background-image:none; border:1px solid #FFFF00; margin-bottom:15px; padding-top:10px}
.fb-like iframe{margin-bottom:5px}
.fb-like h4{color:#333; font-family:'Helvetica Neue',Arial,sans-serif; font-size:16px !important; font-weight:bold}

•  Gunakan ctrl-F lagi untuk mencari kode di bawah ini,

<data:post.body/>

• Letakan kode HTML di bawah ini sebelum kode di atas,

<b:if cond='data:blog.pageType == &quot;item&quot;'>
	
	<div class='icn-bm '>
	<!--FECEBOOK LIKE AND SOCIAL BOOKMARK-->
	<h4>Do you want to share?</h4> 
	<div class='icn-sh'>
<a href='/feeds/posts/default/' rel='nofollow' target='_blank' title='Subscribe to RSS'><img alt='' border='0' height='16' src='http://3.bp.blogspot.com/_C6KkooKXCEw/SjNkbwPOHPI/AAAAAAAAEbQ/Sx1LmFVGZME/s400/feed.png' width='16'/></a>
<a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share on Facebook'><img alt='' border='0' height='16' src='http://2.bp.blogspot.com/_C6KkooKXCEw/SjNkb64JO4I/AAAAAAAAEbI/oALk2rlXwdg/s400/facebook.png' width='16'/></a>
<a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share on Twitter'><img alt='' border='0' height='16' src='http://3.bp.blogspot.com/_C6KkooKXCEw/SjNkr0eig7I/AAAAAAAAEbo/LAWvMThYRLs/s400/twitter.png' width='16'/></a>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Add to Delicious'><img alt='' border='0' height='16' src='http://3.bp.blogspot.com/_C6KkooKXCEw/S9rnmAvSxJI/AAAAAAAAFf8/8SYH5xUXMtI/s400/delicious.png' width='16'/></a>
<a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Digg This Post'><img alt='' border='0' height='16' src='http://1.bp.blogspot.com/_C6KkooKXCEw/S9rnmka6ZYI/AAAAAAAAFgE/QAHNU23FdN0/s400/digg.png' width='16'/></a>
<a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Stumble This Post'><img alt='' border='0' height='16' src='http://2.bp.blogspot.com/_C6KkooKXCEw/S9rnnDHl5xI/AAAAAAAAFgM/HhpgfRRssBY/s400/stumbleupon.png' width='16'/></a>
</div></div>

	<div class='fb-like' style='clear: none;'>
	<h4>Do you like this story?</h4> 
	<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_counter addthis_pill_style'/>
<script type='text/javascript'>var addthis_config = {&quot;data_track_clickback&quot;:true};</script>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=sodiyc' type='text/javascript'/>
<!-- AddThis Button END -->
	</div></div>
	</b:if>
	<!--END FECEBOOK LIKE AND SOCIAL BOOKMARK--> 

Note :
Jika sobat menggunakan fitur "Readmore" carilah kode <data:post.body/> dan pilih yang kedua,

• Terakhir, Simpan Template.

Tips agar postingan di blog juga otomatis tampil di halaman Facebook

Cara yang dapat kita terapkan agar postingan kita dapat terkirim secara otomatis ke facebook adalah dengan menggunakan aplikasi pihak ketiga bernama rssgraffiti. Nah aplikasi inilah nantinya yang akan membaca feed blog kita dan "meneruskannya" ke halaman facebook sobat. Berikut langkah - langkahnya :

• Login ke halaman facebook atau fanpage facebook sobat.
• Lalu sobat silahkan buka alamat https://apps.facebook.com/rssgraffiti/
• Jika ada notifikasi klik saja Goto Permission Dialog.
• Klik Add New Publishing Plan, lalu ketik namanya sesuka hati, tapi saran saya masukkan saja nama blog sobat agar tidak bingung nantinya.
• Kemudian di Sources klik Add New, ketikkan alamat blog sobat lalu klik Add Sources.
• Di Target klik Add New, pilih halaman Facebook sobat, lalu klik Save Changes.
• Langkah terakhir geser slider Off ke kanan sehingga berubah menjadi On.
• Selesai

Nah setelah semua langkah di atas, sobat tinggal memposting di blog dan postingan tersebut akan tampil juga di halaman facebook / fanpage facebook sobat.

Cara Membuat halaman Forum diskusi di blog

Cara membuatnya...

1. Login ke Blogger
2. Pilih Entri Baru
3. Kunjungi situs http://tal.ki/pricing/

Kalau punya uang lebih, pilih yang platinum, tapi kalau ga ada pilih yang free aja lalu klik
4. Silakan anda login / registrsi terlebih dahulu, setelah ke 3 tahap registrasi ringan nanti akan di beri kode

5.  Kembali lagi ke blogger  (tempat posting) pilih edit html lalu paste kan kode yang anda dapat tadi. lihat contoh di bawah.

6. Silakan Terbitkan dan lihat hasilnya.