Cara Membuat Tulisan Berkedip

Hallo sobat blogger semua.............!!  posting lagi nih, hehhee. Kali ini tentang Cara Membuat Tulisan berkedip. Pemasangan Tulisan Berkedip bisanya pemilik blog mempunyai tujuan agar pengunjung mengklik tulisan tersebut dan di dalamnya biasanya di alihkan ke suatu URL atau alamat blog tertentu. Pemasangan iklan dengan cara ini banyak di gunakan oleh pemilik blog.
Untuk membuatnya Kamu tinggal menambahkan kode HTML, seperti :

"Panduan Buat Blog Gratis di Blogspot.Com"


maka kode HTML menjadi


<blink>"Panduan Buat Blog Gratis di Blogspot.Com"</blink>

Mudahkan, sekarang tinggal kamu praktekkan sendiri yah. Semoga berhasil, salam blogger,,,,,,, heheh

Read more »

Cara Memasang Search Engine Di Blog

Saat nya posting-posting.... heheheh
Kali ini saya mau posting tentang Cara memasang Search engine Di Blog. Untuk mempercepat pencarian kategori yang Kamu cari, Kamu bisa memasang search engine di blog Kamu, caranya sebagai berikut :

1. Seperti biasa, masuk dulu di blog Kamu -> klik Layout -> klikadd gadget
2. Pilih HTML/Javascript
3. Masukkan Kode berikut

<form id="searchform" action="http://panduanbuatbloggratis.blogspot.com/search" name="searchform" method="get"> <br /><input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search" type="submit"> </form>

     4. Ganti tulisan http://panduanbuatbloggratis.blogspot.com/search dengan URL atau alamat blog anda

         misal http://alamatbloganda.blogspot.com/search

     5. Kemudian Klik Save Setting

     6. Selesai

Untuk penempatan search engine, kamu tinggal sesuaikan posisinya dimana ingin tempatkan search engine tsb.

Nah, mudah kan.  Sekarang kamu tinggal mempraktekkan cara-cara di atas. Semoga berhasil yaa, Salam Blogger..... hehehhe

Read more »

Cara Membuat Kolom Postingan Terpisah

Hallo sobat blogger, saya mau poting lagi nih. Posting kali ini mengenai Membuat Kolom Postingan Terpisah. Membuat kolom terpisah bisa kamu lakukan dengan nudah, hanya denhan menambahkan kode-kode HTML pada blog.


Dengan membuat kolom terpisah hal ini akan membuat blog kamu terlihat lebih enak di pandang dan lebih memudahkan pengunjung blog dalam membedakan isi artikel yang di tulis, daripada kolom postingan yang menyatu atau dalam satu kotak saja.
Ikuti Langkah-langkahnya di bawah ni..........

1. Silahkan login dahulu ke Blogger dengan ID kamu.
   
2. Klik Tata Letak.
   
3. Klik tab Edit HTML.
   
4. Setelah itu cari kode yang seperti ini
   

   .post {

   
   
5. Kemudian tambahkan kode berikut ini tepat setelah kode tersebut
   

   Padding:15px; /* Jarak text post dengan garis pinggir */ Border-top: 2px solid #000000; /* warna garis pinggir atas */ Border-bottom: 2px solid #000000; /* warna garis pinggir bawah */ Border-left: 2px solid #000000; /* warna garis pinggir kiri */ Border-right: 2px solid #000000; /* warna garis pinggir kanan */ Margin-bottom: 30px; /* jarak antara post yang satu dengan yang lainnya */

   
   
6. Simpan Template.

Nah, mudah kan.  semoga aja info ini bermanfaat wat kamu semua.  Keep smile, salam blogger,,,,,,,,,,

Read more »

Cara Membuat Read More di Postingan

Hallo sobat blogger, saat ny sya posting lagi nih. Kali ini saya akan bhas tentang Cara Buat Read More di Postingan.Bagi yang banyak menampilkan postingan di blog, pengaturan ini lebih membuat artikel tertata dengan baik dan menarik. Pembaca juga tidak malas dulu untuk membaca setelah melihat artikel yang terlalu panjang. Pengaturan Read More / Baca Selengkapnya biasanya hanya menampilkan paragraf pertamanya saja. Untuk membaca selengkapnya klik Read More / Baca Selengkapnya.
.


Cara Buat Read More, sebagai berikut :

1. Masuk ke blogger dengan ID Kamu
2. Klik Tata Letak
3. Kemudian Klik Edit HTML,
4. Sebelum melakukan perubahan pada HTML lebih baik download dulu template kamu dengan menekan Download Template Lengkap. Backup template ini dimaksudkan agar jika terjadi kerusakkan pada proses edit HTML kamu bisa restore kembali template yang sudah kam donwload tadi.
   
5. Beri tanda centang pada Expand Template
   
6. Cari kode dibawah ini pada template kamu
   <data:post.body/>
   
7. atau kode berikut, sama saja
   <p><data:post.body/></p>
   
8. Hapus Kode diatas dan ganti dengan kode dibawah ini :
   
   
   
   

   <b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/> <a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p> </b:if>

   
   
9. Kemudian Klik Simpan
   
10. Setelah selesai mengedit HTML kemudian Klik Pengaturan
    
11. Kemudian klik Format
    
12. Pada layar kosong paling bawah pada halaman Format, disamping tulisan Template Posting isi dengan kode berikut :
    
    
    
    

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

    
    
13. Kemudian Simpan Pengaturan

Postingan yang ingin kamu tampilkan pertama letaknya diatas <span class="fullpost">, sedangkan postingan selanjutnya setelah <span class="fullpost"> dan jangan lupa ditutup dengan </span>



Selesai deh, mudah kan.   Nah, mudah-mudahan info ini bermanfaat wat kamu semua y.    keep smile, salam blogger..............


rafli3ipa5

Read more »

Cara Menghilangkan Tanda Tang dan Obeng Pada Blog

Saatnya saya "Kembali ke Blog" (hehe, kaya tukul aja). Kali ini saya akan memposting mengenai Tanda Tang dan Obeng. Tanda Tang dan Obeng di blog muncul saat kamu mengedit blog, Mungkin ada yang merasa terganggu pada tampilan ini. Sebenarnya tanda tang dan obeng maksudnya supaya dalam mengedit blog bisa lebih cepat.

Nah untuk menghilangkannya, berikut langkah-langkahnya :

1. Seperti biasa kamu harus login dulu di blogger.
2. Klik Tata Letak (layout)
3. Klik Edit HTML.
4. Kemudian cari kode seperti di bawah ini : (tekan ctrl + F, agar lebih mudah dalam pencarian)
   
   ]]>
5. Kemudian Copy paste kode di bawah ini, persis di atas kode yang tadi :
   
   
   .quickedit{
   display:none;
   }
6. Klik tombol Simpan Template
7. Selesai.

Tanda Tang dan Obeng di blog muncul saat anda mengedit blog, Mungkin ada yang merasa terganggu pada tampilan ini. Sebenarnyatanda tang dan obeng maksudnya supaya dalam mengedit blog bisa lebih cepat.

Mudahkan, semoga aja informasi ini bermanfaat buat kalian semua.  Salam Blogger.  Jgn lupa Like dan 

Nah untuk menghilangkannya, berikut langkah-langkahnya :

1. Seperti biasa login dulu di blogger.
2. Klik Tata Letak (layout)
3. Klik Edit HTML.
4. Kemudian cari kode seperti di bawah ini :
   
   
   ]]>
5. Kemudian Copy paste kode di bawah ini, persis di atas kode yang tadi :
   
   
   .quickedit{
   display:none;
   }
6. Klik tombol Simpan Template
7. Selesai.

Mudahkan, semoga aja informasi ini bermanfaat buat kamu semua. Salam blogger...:)  Jangan lupa  like dan follow  ya... Terima Kasih

Read more »

Cara Menambah Elemen Laman di Bawah Header Menjadi 3 Kolom

Sekarang saya akan memposting cara menambah elemen halaman di bawah header menjadi 3 kolom, yang hasilnya akan seperti ini :

Caranya sebagai berikut :

1. Kamu login dulu di blogger dengan user ID Kamu.
2. Kemudian Kamu kilk Tata Letak
3. Klik Elemen Halaman
4. Klik Edit HTML
5. Jangan lupa download template Kamu, berjaga-jaga kalau terjadi kesalahan Kamu bisa kembali ke template awal Kamu dengan klik Download Template Lengkap
6. Cari kode ]]></b:skin> (Untuk mempermudah pencarian pakaiCtrl+F)
7. Copy kode berikut 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%;
   }

   
   Paste di atas kode ]]></b:skin>
8. Kemudian cari kode berikut atau yang mirip kode berikut :
   
   

   <div id='header-wrapper'>
   <b:section class='header' id='header' maxwidget="1" showaddelement="no">
   <b:widget id='Header1' locked='true' title='Blog Doddy (Header)' type='Header'/>
   </b:section>
   </div>

   
   kemudian copy kode di bawah ini, tambahkan di bawah 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>

   
   
   yang akan menjadi kode berikut :
   
   

   <div id='header-wrapper'>
   <b:section class='header' id='header' maxwidget="1" showaddelement="no">
   <b:widget id='Header1' locked='true' title='Blog Doddy (Header)' type='Header'/>
   </b:section>
   </div> 
   
   <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>

9. Kemudian Simpan Template
10. Tinggal melihat hasilnya klik Elemen Halaman

Nah, mudahkan. Semoga informasi ini bermanfaat buat kamu semua, trimakasih. Salam Blogger.....  Jgn luppa like dan follow blog ini yah..... hehehe

Read more »

Cara menambah Kolom Baru di Bawah Header

Buat Kamu yang suka mengotak-atik blognya supaya tampil menawan. kamu bisa kolom baru di bawah header, caranya ?

Mudah...

1. Kamu login dulu di blogger dengan user ID anda.
2. Kemudian Kamu kilk Tata Letak
3. Klik Elemen Halaman
4. Klik Edit HTML
5. Jangan lupa download template Kamu, berjaga-jaga kalau terjadi kesalahan Kamu bisa kembali ke template awal Kamu dengan klik Download Template Lengkap
6. Cari kode ]]></b:skin>(Untuk mempermudah pencarian pakai Ctrl+F)
7. Kemudian copy kode berikut :
   
   #under_header{
   margin:10px 0;
   padding:1%;
   width:98%;
   }
   
   Paste di atas kode ]]></b:skin>
8. Kemudian cari kode yang mirip dengan kode berikut :
   
   <div id='header-wrapper'>
   <b:section class='header' id='header' maxwidget="1" showaddelement="no">
   <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
   </b:section>
9. Kemudian copy kode di bawah ini :
   
   <div id="under_header">
   <b:section class='header' id='underheader' preferred='yes'/>
   </div>
   
   Paste di bawah kode tadi
10. Jadinya kode tersebut seperti ini :
    
    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidget="1" showaddelement="no">
    <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
    </b:section>
    <div id="under_header">
    <b:section class='header' id='underheader' preferred='yes'/>
    </div>
11. Sudah...
    Kalau sudah sekarang klik Simpan Template
12. Sekarang tinggal klik Elemen Halaman untuk melihat hasilnya, dan hasilnya akan seperti ini :
    
    

Nah, mudah kan. Semoga postingan ini bermanfaat buat kamu semua, trimakasih.  Salam Blogger..........hehehehe

Read more »

Cara Memasang Buku Tamu

Pagii sobat blogger, dah lma nih sy gak posting lg. hbisny bingung mau posting apa, hehe. walaupun postingan ini dah basi tp buat yg merasa blm punya widget Buku Tamu ini, sya akan memberitahu cara mendapatkannya. 

Di dalam blog yang sering juga di pasang untuk meramaikan blog adalah dengan memasang buku tamu. Salah satu tujuan di pasangnya buku tamu adalah untuk mempererat hubungan antara yang mempunyai blog dengan pengunjung. Juga pengunjung dengan pengunjung.

Kamu bisa memasang buku tamu dengan mendaftar terlebih dahulu dihttp://www.shoutmix.com. Untuk caranya silahkan kamu ikuti langkah-langkah berikut ini :

1. Kamu daftar dulu dengan cara mengklik tulisan Sign Up.
2. Kemudian Kamu isi data-data pada form yang telah di sediakan.
3. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, kemudian kamu login dengan id kamu
4. Pada kolom yang berjudul Style, klik menu appearance.
5. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu kamu.
6. Kemudian silahkan pilih yang sesuai dengan keinginan kamu. Jika sudah selesai klik Save Setting.
7. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik sesuaikan ukuran yang berada di bawah menu Quick Start.

8. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox sesuai dengan keinginan kamu
9. Kemudian copy kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, kemudian paste di program Notepad
10. Klik Log out untuk keluar dari halaman shoutmix.
11. Proses pendaftaran sudah selesai

Sekarang tinggal menempatkan kode HTML yang tadi di simpan di Notepad. Langkah-langkah sebagai berikut :

1. Seperti biasa masuk ke www.blogger.com. login dengan id Kamu.
2. Klik menu Rancangan
3. Klik Elemen Laman
4. Kemudian klik tombol Tambahkan gaaget yang berada di bawah tulisan HTML/JavaScript.
5. Kemudian tuliskan judul shoutbox Kamu. Isikan sesuai judul yang Kamu inginkan.
6. Copy kode HTML yang tadi di simpan dinotebok. Kemudian paste kode HTML tersebut di dalam form Content.
7. Setelah selesai klik tombol Save Changes.
8. Sudah selesai. Buku tamu Kamu sudah siap.

Gimana, mudahkan. Nah sekarang kamu praktekan cara cara yg udah sya ksih tau di atas.  Kalo masih bingung silahkan tanyakan aja yah , jgn lupa like dan follow blogny (hehe, skalian promosi).  semoga informasi ini bermanfaat bagi kaamu semua,  trimakasih.  Salam Blogger,,,,,:D

Read more »