Welcome to kocomon.blogspot.com
go to my homepage
Go to homepage

Rabu, 10 Agustus 2011

MEMBUAT READMORE PADA BLOG

Dalam beberapa postingan blog, sering kita mendapati postingan blog tersebut sangat panjang dan membuat tampilan blog tersebut menjadi tidak rapi kitapun jadi malas membacanya. Maka di postingan kali ini saya akan kasih tau, gimana caranya membuat blog kita menjadi rapi dan tidak menghabiskan banyak halaman...


Langkah 1:
- login ke Blogger,
- Lalu klik Rancangan
- Pilih Edit HTML
- Jangan lupa Klik Expand widget'nya

Langkah 2:
- Cari kode ]]></b:skin>
- Setelah itu Copy kode dibawah ini setelah kode ]]></b:skin>

<style>
<b:if cond='data:blog.pageType == "item"'> 
   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;} 
</b:if>
</style>
 

- Selanjutnya agar postingan terpotong cari kode ini

<p><data:post.body/></p>

- Tambahkan kode dibawah ini dibawah persis kode <p><data:post.body/></p>

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
 
 
- Lalu Save.

Langkah 3:
- Klik Setelan pada menu Dasbor,
- Klik Format, lalu isikan kode di bawah ini kedalam kotak Template Entry

<span class="fullpost">  </span>

- Simpan setelan

Jika anda membuat postingan baru akan muncul kode   

<div dir="ltr" style="text-align: left;" trbidi="on"> 


<span class="fullpost">  </span></div>

- Nah disetiap anda akan membuat postingan baru, pastikan isi postingan anda berada antara kode berwarna merah dan biru.
- Dan sisa postingan pastikan berada antara kode </span> ISIKAN SISA POSTINGAN ANDA DISINI</div>

Masih binggung.......
Saya beri Contoh :


<div dir="ltr" style="text-align: left;" trbidi="on"> 

ISIKAN BEBERAPA POSTINGAN ANDA DISINI. NANTINYA POSTINGAN INI YANG AKAN TAMPIL DI DEPAN BLOG ANDA

<span class="fullpost"> LALU KETIK SISA POSTINGAN ANDA DI SINI. NANTINYA POSTINGAN INI AKAN TERSEMBUNYI  </span></div>


Hasilnya akan seperti ini:


ISIKAN BEBERAPA POSTINGAN ANDA DISINI. NANTINYA POSTINGAN INI YANG AKAN TAMPIL DI DEPAN BLOG ANDA..... READ MORE... 

Gimana gampangkan.....

Selamat mencoba,, jangan lupa komentar ya... :) 

Penasaran..?? Lanjooot disini bacanya.......

Senin, 08 Agustus 2011

Membuat Teks Berjalan (MARQUEE)

Apa itu marquee.?? marquee adalah suatu tag HTML unutk membuat sebuah teks atau gambar bergerak. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.

Saya kasih contoh:
1. Ini adalah marquee dari kiri ke kanan atau sebaliknya:
<marquee direction="left">ini adalah marquee dari kiri ke kanan</marquee>
Contoh:
ini adalah marquee dari kiri ke kanan

 
<marquee direction="right">ini adalah marquee dari kanan ke kiri</marquee>
Contoh:
ini adalah marquee dari kanan ke kiri


Keterangan:
"direction" merupakan kode yang berguna untuk mengtur kemana arah teks berjalan, dan anda dapat mengisinya dengan Up, Left, Right, Down

2. Marquee dengan kecepatan tertentu
<marquee scrollamout="9">ini adalah marque dengan kecepatan tertentu</marquee>
Contoh:
ini adalah marquee dengan kecepatan tertentu

Keterangan:
 "Scrollamout" merupakan kode yang berguna untuk mengatur kecepatan anda bisa mengganti angka "9" dengan angka yang anda inginkan, yang dengan catatan semakin besar angka yang anda masukan semakin cepat teks itu berjalan.

3. Marquee teks dengan menambahkan background
<marquee bgcolor="#000000">marquee teks dengan gambar background</marquee>
Contoh:
marquee teks dengan gambar background

Keterangan:
Anda bisa mengganti angka pada"Bgcolor" dengan angka yang anda inginkan.

4. Efek Marquee berjalan memantul
<marquee behavior="alternate">teks ini berjalan memantul</marquee>
Contoh:
teks ini berjalan memantul

5. Marquee hover (mouse over)
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" bgcolor="#000000">coba anda geser panah mouse anda ke dalam teks ini</marquee>
Contoh:
coba anda geser panah mouse anda ke dalam teks ini

Keterangan:
anda bisa menambahkan sebuah Link dalam marquee ini dengan cara menambahkan beberapa tag HTML.

Contoh:
ini adalah tag untuk menambahkan gambar pada marquee anda
<marquee><img src="http://alamat Url gambar anda"/></marquee>

ini contoh tag untuk menambahkan sebuah link:
<marquee onmouseover="this.stop()" onmouseover="this.start()" scrollamout="9"><a href="http://ganti dengan link yang anda inginkan</a>Nama Link Anda</marquee>

Yahhh,, sepertinya hanya ini yang saya ketahui tentang "Marquee",, jika anda punya tag marquee yang lain anda bisa share ke blog ini...
Selamat mencoba... :)

Oh ya,, jangan lupa koment ya.... ^^a
Penasaran..?? Lanjooot disini bacanya.......
Related Posts Plugin for WordPress, Blogger...

Sang Blogger

  © Free Inspiration Blog My Blog by RAInDY Blog

Back to TOP