membuat daftar isi blog

Dalam sebuah buku ada yang namanya daftar isi.daftar isi ini berguna untuk menampilkan semua isi yang ada didalam buku tersebut.tentunya daftar isi ini akan sangat berguna sekali untuk pembaca.karena jika banyak tulisan dalam buku itu,mereka akan kesulitan mencari artikel jika mereka harus mencarinya satu persatu.daftar isi ini juga bisa anda tampilkan didalam blog,sehingga akan sangat memudahkan pembaca dalam mencari artikel dalam blog anda.jadi ketika ada pengunjung yang mengklik blog kamu maka akan tampil semua judul postingan beserta tanggal postingan.ok tanpa berlama lama,saya akan ajarkan cara membuatnya
A.langkah pertama
1.sigin ke blogger
2.masuk ke layout-edit html...sebelum kita mengedit blog sebaiknya anda copy dulu semua code html anda ke notepad..supaya jadi backup kalo nanti kita gagal
3.copy kode dibawah ini tepat diatas kode ]]></b:skin>

#toc { border: 0px solid #000000; background: #ffffff; padding:2px; width:495px; margin-top:10px;}

.toc-header-col1, .toc-header-col2,

.toc-header-col3 { background: #B5CBFA; color: #000000; padding-left: 5px; width:250px;}

.toc-header-col2 { width:75px;}

.toc-header-col3 { width:125px;}

.toc-header-col1 a:link, .toc-header-col1 a:visited,

.toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link,

.toc-header-col3 a:visited { font-size:100%; text-decoration:none;}

.toc-header-col1 a:hover,

.toc-header-col2 a:hover,

.toc-header-col3 a:hover { font-size:100%; text-decoration:underline; color:#3D3F44;}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:100%; background:#f0f0f0;}

4.simpan template itu

B.langkah kedua
1.klik page element
2.tambah sebuah element halaman
3.tambah kode html/javascript
4.copy kode dibawah ini dan masukkan kedalam element halaman yang muncul

<div id="toc"></div>

5.letakkan element halaman tersebut tepat diatas element post
6.kemudian simpan
7.tambahkan sebuah elemet halaman lagi
8.beri judul element halaman tersebut..bisa daftar isi atau terserah kamu
9.copy code dibawah ini dan masukkan kedalam element itu

<div id="toclink"><a href="javascript:showToc();"><img src="http://amen24.googlepages.com/folder.gif"/>
&nbsp;&nbsp;Lihat Daftar Isi !</a><br/><br/></div>
<script style="text/javascript" src="http://amen24.googlepages.com/daftarisi.js">
</script><script src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>

ganti tulisan yang dicetak tebal dengan alamat blog kamu

10.letakkan element daftar isi tersebut ditempat dimana sering dilihat oleh pengunjung
Read More..

Membuat text area

Text area berfungsi untuk menyimpan kode kode html.contohnya seperti ini:

test cara membuat text area...anda bisa menuliskan kode kode HTML di dalam kolom tersebut..bisa meletakkan link banner ataupun pesan tertentu

didalam kolom tersebut kamu bisa menyimpan kode kode HTML yang bisa di copy oleh pengunjung blog.sekarang akan saya ajarkan cara membuatnya.


anda cukup copy code berikut :

1.Text area biasa

<p align="center"><textarea name="code" rows="6" cols="20"> test cara membuat text area...anda bisa menuliskan kode kode HTML di dalam kolom ini</textarea></p>

catatan:
1.kamu bisa mengganti tulisan yang di cetak tebal dengan kode kode yang ingin anda letakkan dalam kolom tersebut.anda bisa meletakkan dalam postingan atau bisa juga diletakkan di dalam page element

2.row="6" ini menunjukkan tinggi dari kolom tersebut.jika ingin kotaknya lebih tinggi,silahkan ganti dengan angka yang lebih besar

3.cols="20" ini menunjukkan lebar kolom


2.Text area Highlight
dengan menggunakan text area ini.pengunjung cukup mengklik tombol highlight all
maka semua text yang ada didalam kolom akan langsung terseleksi,ini sangat memudahkan pengunjung,karena takutnya nanti ada text yang tertinggal jika di seleksi secara manual.

contohnya seperti ini

dengan menggunakan text area ini.pengunjung cukup mengklik tombol highlight all<br /><br />maka semua text yan gada didalam kolom akan langsung terseleksi,ini sangat memudahkan pengunjung,karena takutnya nanti ada text yang tertinggal jika di seleksi secara manual.<br /><br /><br /><br />

cara membuatnya..copy code dibawah ini:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">dengan menggunakan text area ini.pengunjung cukup mengklik tombol highlight all maka semua text yan gada didalam kolom akan langsung terseleksi,ini sangat memudahkan pengunjung,karena takutnya nanti ada text yang tertinggal jika di seleksi secara manual.</textarea></p></div></form>

catatan:
1.ganti tulisan yang dicetak tebal dengan tulisan yang anda inginkan
2.<div align="center"> --> itu menunjukkan tombol highligh akan berada di tengah,jika ingin tombol itu berada di kanan atau kiri,tinggal ganti dengan left atau right
3.Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.
4.<p align="center"> menunjukkan bahwa text area berada ditengah,jika ingin berada di kanan atau kiri tinggal ganti dengan right atau left
5.<text style="WIDTH: 300px"> menunjukkan lebar kolom
6.HEIGHT: 144px menunjukkan tinggi kolom


Read More..

Memasang kotak shoutbox

kotak shoutbox,kotak cuap cuap,kotak komentar,kotak curhatan dan masih banyak lagi istilah yang dipakai oleh para blogger.tapi intinya kotak ini berguna untuk menuliskan uneg uneg atau jejak kamu setelah berkunjung kesalah satu blog.jadi nanti pemilik blog bisa membacanya dan kemudian bisa langsung membalas di kotak itu juga.kota ini lebih praktis ketimbang kotak komentar.karena kalo kotak ini bisa diletakkan dihalaman depan,sedangkan kotak komentar adanya di setiap postingan.

cara memasang shoutbox atau kotak ngoceh:

1. Buka situs Shoutmix terlebih dahulu kamu harus daftar.tenang saja gampang kok.cukup klik "create your shoutbox now"
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu ingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"

sekarang kita akan meletakkan kode itu dialam blog

1.Login ke blogger-Layout-Add Page Elements
2. Tambahkan element HTML/Javascript.
3.Paste Kode yang telah kamu copy dari shoutbox.com
4.kemudian save..sekarang liat blog kamu.udah tambah satu kotak cuap cuap disana..

selamat ngoceh!!!


Read More..

Memasang adense(iklan) didalam postingan

ingin menghasilkan duit dari blog kamu?mudah kok..pasang iklan di blog kamu.banyak kok web yang bersedia membayar kamu apabila kamu mau nampilin iklan mereka di blog kamu.jadi saat ada iklan di blog kamu yang diklik,kamu akan langsung dibayar oleh web tersebut.jika blog kamu berbahasa indonesia,kamu bisa coba mendaftar disini .Tapi kalo blog kamu berbahasa inggris,kamu bisa coba daftar di google adsense,adbrite,atau advertiser.lumayan kan sambil ngeblog bisa ngasilin duit.

sekarang yang jadi masalah,terkadang walaupun blog kita sudah rame pengunjungnya tapi kok kenapa blog kita belum menghasilkan...
berarti peletakan iklan dalam blog kamu kurang maksimal.supaya lebih maksimal.sebaiknya kamu coba untuk memasang iklan didalam postingan.nanti iklan ini akan berada di bawah judul postingan anda.jadi saat pengunjung membaca postingan anda.mereka akan dipaksa melihat iklan anda tersebut.

cara memasang iklan didalam postingan :
1.login ke blogger
2.layout-edit html
3.terus ambil kode iklan yang telah disiapkan di web iklan yang telah anda daftar tadi
4.cari kode dibawah ini

<div class='post-header-line-1'/>

5.sekarang kita akan meletakkan kode iklan yang telah kita dapatkan tepat dibawah kode di no 4...tapi sebelum meletakkan kode iklan tersebut.kita harus memparse kode tersebut terlebih dahulu.liat cara memparse kode disini


6.setelah kode iklan di parse.letakkan kode tersebut dibawah kode no 4

7.kemudian simpan..sekarang kamu sudah bisa melihat hasilnya


Read More..

Membuat kotak komentar dibawah postingan

Selama ini untuk memberikan komentar blog,kita selalu harus mengklik "post comment" terlebih dahulu baru kita bisa mengisi komentar disana.itu akan sangat merepotkan.tapi sekarang blogger telah menyediakan cara yang lebih mudah.blogger telah meletakkan kotak komentar tepat dibawah postingan.jadi saat ada pengunjung yang ingin memberikan komentar.merka langsung bisa mengisi komentar tanpa harus klik "post comment" terlebih dahulu

untuk membuatkotak komentar dibawah postingan,ikuti langkah langkah dibawah ini:

1. Login ke http://draft.blogger.com jangan login ke blogger.com ya!!!
2. Trus ke menu Setting-Comments.Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" silahkan lihat gambar dibawah ini :

3.lalu di save
4.kemudian masuk ke menu layout-edit html
5.beri tandang centang pada kotak "Expand widget templates"
6.cari kode dibawah ini

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

7.lalu ganti kode itu dengan kode dibawah ini:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>

8.sekarang tinggal di save

nah coba sekarang kembali ke blog anda.terus coba klik salah satu postingan.nah kotak komentar udah ada di blog anda...selamat mencoba Read More..

Memasang total post dan total coment

Anda bisa memasang total jumlah artikel yang telah anda posting dan berapa total jumlah komentar yang telah di tulis dalam blog anda.sehingga pengunjung yang datang bisa melihat dan mengetahui jumlah postingan dan jumlag artikel dalam blog anda.untuk memasangnya cukup copy code code berikut

1.script untuk total post

<script style="text/javascript">
function showpostcount(json) {
document.write('Total Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) + '</b><br>');}</script>
<script src="http://namablog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script&gt;

ganti tulisan yang dicetak tebal dengan alamat blog anda.

2.script untuk total comment

<script style="text/javascript"></script><script style="text/javascript">function numberOfComments(json) {document.write('Total Comments : <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}</script><script src="http://namablog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

ganti tulisan yang dicetak tebal dengan alamat blog anda


silahkan letakkan code code berikut didala page element blog anda..caranya
1.login ke blogger
2.layout-page element-add gadgedt-add html/javascript
3.paste code code diatas
4.simpan

Read More..

Seberapa Mahal Blog anda

Punya blog yang lumayan lama,terkenal,dan banyak pengunjungnya...mau tahu seberapa mahal sih harga blog anda?anda bisa mengecek berapa blog anda dihargai..memang sih kita gak bisa menjual blog kita,tapi setidaknya jika kita tahu harga blog kita.kita jadi bisa menilai seberapa penting sih blog kita tersebut.mari kita cek sama sama blog kita

caranya kunjungi http://www.business-opportunities.biz/projects/how-much-is-your-blog-worth
lalu masukkan alamat blog anda disana.nanti akan keluar harga blog anda dalam dollar.semakin rame dan semakin banyak artikel dalam blog anda..maka akan mahal juga harga blog anda.anda juga bisa mencoba memasukkan alamat blog yang abru anda buat untuk mengetahui berapa harga blog anda.
ok selamat mencoba semoga anda bisa mendapatkan hasil yang memuaskan...


Read More..