Sebuah Header blog juga sangat mempengaruhi menariknya suatu blog . Jika Header blog dibuat semenarik mungkin . Pengunjung pasti akan sangat betah dan suka bahkan akan memfolow anda . Nah .. disini saya akan memberikan Tipas cara membuat header blog menggunakan xheader.com

Berikut cara-cara dalam membuat header blog menggunakan xheader.com :
1. Buka www.xheader.com

2. kemudian download xheader.com, dengan mengklik click here to download..

isi semua kotak kosong

First Name:
Last Name:
E-mail:

kemudian isi semua kotak kosong lalu klik submit.












3.

One-Time Offer - 5,000 Headers For Only $37...

For a very limited time, we're offering the full version of XHeaderPro - featuring a whopping 5,000 professionally designed header graphics for the rock-bottom discount price of only $37.00.
To take advantage of this offer - and you'll only see it once! - simply click the button below labeled "Yes Please!".

No Thanks 

pilih No thank's (karena gratis)

4.lalu klik download Now ! yang berwarna hijau

5. Tunggu hingga Proses downloading selesai, jika sudah selesai buka data yang telah di download tadi .

6. Buatlah header sesuka anda .
<> pilih load from template library (jika kamu ingin membuat header dengan gambar yang telah ada di xheader.com
<> pilih create a blank header (jika kamu inginmembuat header sendiri )

7. jika sudah selesai , klik save header dan pilih save as JPG. kemudian pilih/klik yang paling atas atau yang bertanda 100% , karena kualitas gambarnya paling bagus .


8. langkah selanjutnya ialah menempatkan header blog kamu tadi pada blog kamu .

9. Loggin blogger dengan id kamu . pilih Rancangan > Edit Laman  kemudian klik header 

10. kemudian pilih masukkan gambar on computer , ya udah masukkan lah gambar header tadi

11. klik Simpan

....................readmore

Template sangatlah mempengaruhi apakah sebuah blog itucantik atau tidak. Template juga berguna untuk lebih memperindah blog dan agar juga pengunjung betah berlama-lama di blog kamu .

Berikut cara-cara dalam mengganti template blog :

1. Pertama-tama kamu harus mempersiapkan template baru nya (template nya harus kamu download kemudian di ekstrak) gak ngerti cara ngekstrak ? gini aku kasih tahu ..contoh nya kamu mendownload template dari alamat http://www.besttheme.net . setelah itu kamu buka data tersebut CTRL-O kemudian klik kanan lalu pilih ekstrak file . proses ekstrak selesai

2. Loggin Blogger dengan id kamu , pilih Rancangan > Edit Html

3. klik download Template ( untuk berjaga-jaga jika ada kesalahan) lalu centang expand template widget

4. Kemudian masukkan template baru kamu tadi yang sudah di ekstrak dengan mengklik browse.. lalu unggah

5.  Klik simpan Template

....................readmore

Sebuah tutorial tidak mungkin bisa ditampilkan seseluruhnya dalam satu layar penuh. Nah .. dengan anda membuat nomor halaman , anda bisa bernafas lega karena tutorial anda bisa tampil lebih sedikit dan bila ingin melihat tutorial yang lain kamu hanya tinggal mengklik pada nomor halaman selanjutnya . nahh muda dan efisien kan ..

Berikut cara-cara dalam membuat nomor halaman versi google :
1. Loggin ke blogger dengan id anda

2. Pilih Rancangan > Edit Html

3. Cari kode

]]></b:skin>

4. letakkan kode berikut diatas kode nomor 3

#blog-pager,.blog-pager{ background-color: #FFFFFF;width:100%,text-align:center;}
td.showpageOf{display:none;}
#nav{font-family: Arial, Helvetica, sans-serif; font-size:12px;margin:0 auto;}
#nav a{display:block; text-decoration:none; color: #0066FF}
#nav a:hover{ text-decoration:underline;}
#nav .b a,#nav .b a:visited{color: #0000CC; text-decoration: underline; font-weight:bold}
.cur{ font-weight:bold;}
.csb{background:url(http://www.google.com/images/nav_logo7.png) no-repeat 0 0;

height:26px;display:block;}
.csb.cur{background-position: -44px 0pt; width: 16px;}
.csb.movenext{color:#20c;background-position: -76px 0pt; margin-right: 42px; width: 66px;}
.csb.moveprev{color:#20c;background-position: 0pt 0pt; margin-left: 42px; width: 44px;}
.csb.ch{background-position: -60px 0pt; width: 16px;}
#nav td{padding:0;text-align:center}

5.kemudian cari kode

</body>

6. letakkan kode berikut diatas kode nomor 5

<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>;

<script src='http://accordion-template.googlecode.com/

svn/trunk/jsnavigoogle-packer.js' type='text/javascript'></script>

Ubah berdasarkan pengaturan blog Anda:
var postPerPage = 7;
var numshowpage = 4;

PostPerPage: Berapa banyak Post Page setiap blog Anda
numshowpage: bagaimana Banyak nomor akan ditampilkan dalam halaman Anda Navigasi

7. kemudian cari kode 

'data:label.url'

8. Terakhir masukkan kode berikut di samping kanan kode nomor 7

+ "?&max-results=7"

 sehingga hasilnya akan seperti ini

'data:label.url + "?&max-results=7"' 

....................readmore

favicon, favicon apa itu ya ??? Favicon adalah gambar/logo sebuah website atau blog yang tujuannya untuk memperindah blog dan blog kita menjadi lebih dikenal orang . Sebenernya membuat favicon blog itu sangatlah mudah.
Berikut cara-cara dalam membuat favicon blog  :

1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon
2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs http://www.favicongenerator.com 
3. Klik pada tombol Browse...
4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon  
5. Klik pada tombol Generate Favicon. 
6. Setelah proses selesai, klik pada Click Here to Download your favicon. 
7. Save ke komputer kamu
8. Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi ke tempat hosting gamabar, contoh adalah ke htttp://www.ripway.com
9. jika anda belum punya akun ripway , anda dapat mendaftar yaitu dengan cara klik sign up , lalu isi semua kotak kosong , contoh :

Create Your Account
*Username (letters and numbers Only!)	*Required *Only A-Z or numbers
*Password	*Required
*Password (verify)	*Required *Passwords must match
*Email	*Required *Invalid email address
*Email (verify)	*Required *Email addresses must match.
Country	United States Canada Other
Gender (optional)	Select One Male Female
Year Born (optional, YYYY)
Zip/Postal Code (required) *Reqired

10. klik sign  up  now jika sudah selesai. kemudian klik log in untuk membuka alamat ripway kamu tadi . setelah dibuka , klik my files, kemudian klik upload files 
11. kemudian upload gambar favicon yang telah kamu simpan tadi .. jika sudah kamu masukkan , klik upload. sudah belum ??  sudah kan . kemudian lihat file yang telah didownload tadi dengan mengklik return to my files
12. copy code yang ada pada kotak gambar . contoh: http://h1.ripway.com/ethanfeel/favicon(2).ico 
13. Kamu harus mengubah alamat URL favicon anda menjadi seperti ini :

<link rel="shortcut icon" href=" http://h1.ripway.com/ethanfeel/favicon(2).ico"/>
14. Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda. 
15. Klik pada Tata Letak. 
16. Klik Edit HTML. 
17. Silahkan cari kode </head>
18. Simpan kode favicon yang tadi  di atas kode </head>    
19. klik simpan template 
20. Selesai. Sekarang anda sudah mempunyai favicon di alamat URL blog anda.  

....................readmore

Hi, 'kaptenfilsuflovers' jumpa lagi nih .. kali ini saya akan memberikan tips tentang cara membuat readmore Otomatis.
Berikut Cara-cara membuat Readmore Otomatis :

 Pastikan loggin Ke Blogger Terlebih dahulu

1. Klik Tata Letak

2. Kemudian Klik edit HTML

3. Berikan Tanda Centang pada expland template widget

 4. Letakkan kode Berikut diatas Kode </head>

 <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 450; summary_img = 360; img_thumb_height = 120; img_thumb_width = 150; </script>

    <script type='text/javascript'>

    //<![CDATA[

    /******************************************

    Auto-readmore link script, version 2.0 (for blogspot)

    (C)2008 by Anhvo

    visit http://en.vietwebguide.com to get more cool hacks

    ********************************************/

    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(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>

       5. Klik Simpan Template


Keterangan :

• summary_noimg = 450 –-> untuk tinggi postingan tanpa gambar.
• summary_img = 360 –-> untuk tinggi postingan dengan gambar.
• img_thumb_height = 120 –> tinggi gambar.
• img_thumb_width = 150 –> lebar gambar.
• Read More… –> bisa sobat ganti dengan tulisan Baca Selengkapnya / Baca Selanjutnya / atau apa saja yang sobat inginkan.

 Oke KFlovers ... Gimana ? mudah kan cara nya ?? Good Luck ya ..

....................readmore