Rabu, 09 Mei 2012

Cara pasang read more

Posted by Unknown 03.20, under | No comments

Untuk membuat Read More agar tidak memakan tempat,supaya artikel yang tampil lebih pendek ikuti langkah – langkah berikut:

1. Sign in di blogger anda dengan->Setting->Formatting

2.Pada layar paling bawah, ada text area kosong disamping tulisan Post Template, isi text area kosong tersebut dengan kode di bawah ini :

<div class="fullpost">

</div>
 3. Klik tombol yang bertuliskan Save Settings

Pemasangan kode ini supaya pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu ditext area saat posting

Langkah selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :


1. Klik menu Dasboard->Layout->Edit HTML


2. Klik tulisan Download Full Template


Silahkan save dulu template tersebut, untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula dgn upload lagi data tersebut


3. Jangan lupa beri tanda centang pada kotak di samping tulisan "Expand Widget Template"


4. Silahkan anda cari kode berikut pada kode template milik sobat :

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


atau

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


5. Copy kode HTML di bawah ini kemudian paste di bawah kode diatas


<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;} </style>

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

<b:else/>

<style>.fullpost{display:none;} </style>

6. Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :


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

7. Copy kode HTML di bawah ini kemudian paste di bawah kode tadi


<a expr:href='data:post.url'>Read More......


</b:if>


anda bisa mengganti kata Read More pada kode ini sesuai keinginan anda

8. klik tombol bertuliskan Save Template

9. Selesai,

 Cara Posting Artikel nya


1. Klik menu Posting->jangan lupa tulis posting di Edit HTML bukan di Compose karena kode dibawah ini tidak akan muncul di halamana compose

Secara otomatis akan timbul kode seperti ini

<div class="fullpost">



</div>


2. Tulisankan artikel yang ingin tampak pada blog sebelum kode dibawah ini


<div class="fullpost">


3. Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode dibawah ini :

</div>

4. Klik tombol PUBLISH POST->Silakan lihat blog anda,,


Untung postingan yang anda buat sebelum pasang read more silakan edit dan tambahkan kode dibawah ini secara manual dengan format dibawah ini

Artikel yang ingin tampil dipostingan
<div class="fullpost">

Sisa Artikel anda
</div>



warna merah adalah kode yang harus anda tambahkan dipostingan yang sedang anda edit



Selamat mencoba!!! semoga berhasil :z


Cara memasang search engine

Posted by Unknown 03.10, under | 2 comments

Selain label, untuk mempercepat pencarian kategori yang kita inginkan maka dipasang search engine untuk blog anda,caranya sebagai berikut:

1.Login ke blog anda ->Layout->add gadget
2.Pilih HTML/Javascript
3.Masukkan kode berikut

4.Ganti tulisan AlamatBlogAnda dengan URL atau alamat blog anda
5.Kemudian Save Setting
6.Preview dan lihat hasil kerja anda ...GOOD Luck...

Contoh Tulisan Berjalan

Posted by Unknown 02.57, under | No comments

1. Teks berjalan dari kanan ke kiri
 <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

2. Teks berjalan dari kiri ke kanan
 <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

3. Teks berjalan bolak balik
 <marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

4. Teks berjalan dari atas ke bawah
  <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

5. Teks berjalan dari bawah ke atas
  <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

 6. Teks berjalan mondar-mandir
 <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>


7. Teks berjalan zig-zag nembus
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

semoga berguna bagi anda.............

Cara membuat tanggal otomatis update

Posted by Unknown 02.51, under | No comments

1. Login ke blogger dengan ID anda.
2. Klik Rancangan. 3. KLik tab Edit HTML. 
4. Cari kode </head>
5. Copy dan paste kode dibawah ini tepat sebelum kode </head>


<style type="text/css"> div.tanggal { margin:15px; width:150px; -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px;  border:2px solid blue; padding:5px; }</style>
Catatan : Anda bisa merubah nilai "px" dalam kode diatas, dan mengganti warna border sesuai selera anda.
 6. Simpan template.
7. Langkah selanjutnya Klik elemen laman lalu tambah Gadget dan pilih HTML/JavaScript
8. Copy dan paste kode dibawah ini pada gadget tersebut :


<div class="tanggal"><center><script type='text/javascript'> var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var daym=mydate.getDate() var month=mydate.getMonth() if (daym<10) daym="0"+daym var dayarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu") var montharray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember") document.write("<p>"+dayarray[day]+", "+daym+" "+montharray[month]+" "+year+"</p>")  </script></center></div>
9.  Lalu Simpan dan jadi deh......

Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Cara Membuat Judul Blog Bergerak

Posted by Unknown 02.42, under | No comments

Dalam postingan kali ini kami akan membahas tentang Cara Membuat Judul Blog Bergerak.Knapa judul blognya bergerak ? tujuanya mungkin supaya Blog jadi terlihat dinamis.Judul blog kita jadinya akan terlihat berjalan pada title bar browser.Sebagai contoh lihat disini
Buat kamu yang ingin membuat Judul Blog Bergerak silakan ikuti tutorial Cara Membuat Judul Blog Bergerak Berikut ini.

1.LOGIN ke blogger.

2.Kemudian klik Tata Letak Kemudian Klik Lagi Edit HTML.

3.Selanjutnya cari kode berikut ini.

<title><data:blog.pageTitle/></title>

4.Hapus Kode Tersebut dan ganti dengan Kode berikut ini>

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5.Kamu bisa mengganti angka 100 yang berwarna biru tersebut dengan keinginan kamu.Angka tersebut adalah kecepatan pergerakan judul blog kamu.

5.Kalo udah selesai silakan klik SAVE TEMPLATE