disebelah kiri URL kita, untuk blogspot default iconnya adalah huruf B seperti ini " 
". Mengganti Icon address URL sepertinya berkaitan dengan hiasan blog aja, atau identitas blog, atau ciri khas blog.
Cara untuk mengganti icon addres URL sangat mudah. Berikut caranya :
Tahap pertama :
- Seperti biasa--masuk ke blogger dengan id dan password anda
- Klik layout dan klik tab edit HTML
- Simpan kode dibawah ini yang berwarna biru diatas kode </head>
<link href=' http://img98.imageshack.us/img98/9617/image3cr0.gif ' rel='SHORTCUT ICON'/>
- Kemudian simpan template anda. Perhatikan pada icon addres URL anda.
Sekedar catatan : Untuk gambar iconnya bisa anda ganti, dengan cara mengganti URL untuk iconnya dengan URL Icon yang anda miliki... Selamat mencoba, kalo ada yang ngga ngerti silahkan berkomentar. Saya siap membantu sebisanya yee...hehe. selamat mencoba,,,
Membuat icon di url blog
Menambah or membagi header beberapa bagian
Saya akan memberikan ilmu kepada temen-temen yang memang ingin memodifikasi blognya supaya terlihat tampil beda.....dan menarik tentunya....
silahkan saja ikuti langkahnya......
contoh yang saya maksud seperti ini.
7. Jika ingin posisi kolom Tambah Gadgetnya seperti terlihat pada gambar dibawah ini :
Maka di bawah baris kode #under_header4{ tambahkan baris kode berikut margin:0 25%; dan rubah lebar width-nya, sehingga baris kodenya akan terlihat seperti dibawah ini : #under_header4{
float:left;
margin:0 25%;
width:50%;
} 8. Atau jika ingin semua posisi kolom sejajar seperti terlihat pada gambar di bawah ini :
Maka baris kode pada poin 3 akan menjadi seperti terlihat di bawah ini : 9. Jika ingin membuat lebih banyak lagi kolom di bawah Header, tinggal ikuti aja langkah-langkah yang telah dijelaskan sebelumnya. Misalkan ingin membuat beberapa kolom seperti terlihat pada gambar dibawah ini :
Maka susunan baris kode pada poin 3 akan menjadi seperti terlihat di bawah ini :
Untuk membuat 4 kolom di bawah header langkah-langkahnya adalah sebagai berikut :
1. Login ke Blogger --> Tata LeTak --> Edit HTML
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='Situs Informasi Internet (Header)' type='Header'/>
</b:section>
</div>
Lalu tambahkan kode di bawah ini dibawah kode di atas :
<div id="under_header1">
<b:section class='header' id='underheader1' preferred='yes'/>
</div>
<div id="under_header2">
<b:section class='header' id='underheader2' preferred='yes'/>
</div>
<div id="under_header3">
<b:section class='header' id='underheader3' preferred='yes'/>
</div>
<div id="under_header4">
<b:section class='header' id='underheader4' preferred='yes'/>
</div>
Sehingga susunan kodenya akan menjadi seperti terlihat pada gambar di bawah ini :
#under_header1{
float:left;
width:33.33%;
}
#under_header2{
float:left;
width:33.33%;
}
#under_header3{
float:right;
width:33.33%;
}
#under_header4{
float:left;
width:100%;
}
Sehingga susunan baris kodenya akan seperti terlihat pada gambar berikut :
#under_header1{
float:left;
width:25%;
}
#under_header2{
float:left;
width:25%;
}
#under_header3{
float:left;
width:25%;
}
#under_header4{
float:right;
width:25%;
}
#under_header1{
}
#under_header2{
float:left;
width:50%;
}
#under_header3{
float:right;
width:50%;
}
#under_header4{
float:left;
width:33.33%;
}
#under_header5{
float:left;
width:33.33%;
}
#under_header6{
float:right;
width:33.33%;
}
#under_header7{
float:left;
width:25%;
}
#under_header8{
float:left;
width:25%;
}
#under_header9{
float:left;
width:25%;
}
#under_header10{
float:right;
width:25%;
}
#under_header11{
float:left;
width:50%;
}
#under_header12{
float:right;
width:50%;
}
#under_header13{
float:right;
width:50%;
}
]]>
Sementara susunan baris kode pada poin 4 akan menjadi seperti :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='ali rachmad (Header)' type='Header'/>
</b:section>
</div>
<div id='under_header1'>
<b:section class='header' id='underheader1' preferred='yes'/>
</div>
aaa<div id='under_header2'>
<b:section class='header' id='underheader2' preferred='yes'/>
</div>
<div id='under_header3'>
<b:section class='header' id='underheader3' preferred='yes'/>
</div>
<div id='under_header4'>
<b:section class='header' id='underheader4' preferred='yes'/>
</div>
<div id='under_header5'>
<b:section class='header' id='underheader5' preferred='yes'/>
</div>
<div id='under_header6'>
<b:section class='header' id='underheader6' preferred='yes'/>
</div>
<div id='under_header7'>
<b:section class='header' id='underheader7' preferred='yes'/>
</div>
<div id='under_header8'>
<b:section class='header' id='underheader8' preferred='yes'/>
</div>
<div id='under_header9'>
<b:section class='header' id='underheader9' preferred='yes'/>
</div>
<div id='under_header10'>
<b:section class='header' id='underheader10' preferred='yes'/>
</div>
<div id='under_header11'>
<b:section class='header' id='underheader11' preferred='yes'/>
</div>
<div id='under_header12'>
<b:section class='header' id='underheader12' preferred='yes'/>
</div>
<div id='under_header13'>
<b:section class='header' id='underheader13' preferred='yes'/>
</div>
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
Selamat mencoba....jangan pusing buat mukirnya...
Buat teks area di blogger
kesempatan kali ini saya akan memberikan contoh cara pembuatan text area ( teks area ) untuk blogspot anda. Tapi sebelum saya langsung memberikan contoh pembuatannya.. ada baiknya saya akan jelaskan terlebih dahulu kegunaan dari teks area ini. Jika anda adalah seorang bloger, maksudnya orang yang suka ngeblog dan sering melakukan blog walking ( keliling keliling dari satu blog ke blog lainnya ) sangat cocok sekali jika anda menyiapkan teks area di blog anda yang berisikan tag pembentuk link yang menuju blog anda... tau kan cara membuat link..? kalo belom tau silahkan klik disini dan anda pelajari sebentar.. Nah setelah anda bisa membuat link buat blog anda sendiri ada baiknya jika link blog anda yang barusan anda buat anda suguhkan kepada pengunjung blog anda dengan menggunakan teks area ini, pasti dech pengunjung blog anda yang ingin bertukeran link dengan anda pasti tidak terasa kerepotan karena sudah anda siapakan. Nah udah taukan apa manfaat teks area..?, contoh yang barusan saya gambarkan barusan adalah cuman sebagai contoh aja dan bisa anda kembangkan dan manfaatkan lebih lanjut lagi
ini dia code langsung aja Kopy ke tambahy widget html anda <textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea> met mencoba.... Read More..
Menghilangkan angka label blogger
Label blogger merupakan hal yang sudah tidak asing lagi bagi para blogger.Label ini menunjukan ketegori - kategori yang ada di dalam blog,contohnya label tutorial,label komputer label bisnis dan masih banyak lagi yang lainnya.Pada blogger kadang bawaan template yang digunakan terdapat label yang di samping kanan nya terdapat angka label.angka itu menunjukan jumlah artikel yang terdapat dalam label tersebut.Tapi jika anda ingin menghilangkan angka label pada blog anda bisa dengan mengutak - atik template blogger anda. Nah langsung saja bagaimana sebenarnya cara kita para blogger "menghilangkan angka label blog" kita. Pertama kita login dulu ke akrab blogger kita.setelah itu klik tata letak halaman,dan klik edit HTML ,edit HTML merupakan fasilitas dari blogger untuk kita gunakan untuk mengedit template yang kita gunakan.Langsung saja berikan ceklist pada expand widget template pada kolom pojok kiri atas. Gunakan ctrl + f bila anda pengguna mozilla firefox untuk mencari kode,nah cari kode ini (<data:label.count>) Hapus kode tersebut lalu simpan template anda,maka angka pada label blog anda akan otomatis hilang. Selamat mencoba :) Sumber :mastegar.blogspot.com
Read More..
Memotong postingan dengan read more
Untuk versi template classic aku udah pernah bikin tutorialnya, akhir-akhir ini banyak banget yang nanya, akhirnya aku nyari info, malah ketemu di helpnya blogger, How can I create expandable post summaries?. Tapi jangan langsung di cobain, aku udah nyoba beberapa kali tapi gagal kalo ngikutin yang dari helpnya blogger, terutama pada bagian style/css nya.
Caranya:
1. Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
2. Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates
3.Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> seperti ini:
<p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose
sumber .isnaini
Read More..
Majalah Rohani
..::klik untuk mencari aneka ragam majalah rohani::..
click for download Nero 