Cara Menambah Kolom di Bawah Header Blog

1. Masuk ke akun bloggger sobat. 
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Sekarang Cari kode ]]></b:skin>
4. Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>
   
<div id="box3" style="float: left; margin: 0; text-align: left; width: 35%;"> <b:section class="box-widget" id="col3" preferred="yes" style="float: left;"> </b:section></div>
5. Selanjutnya Cari kode <div id='main-wrapper'> atau <div id="main-outer">
   
6. Copas kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'> atau <div id="main-outer">
   
   
<div id='box-kolom-widget'> <div id='box1' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/> </div> <div id='box2' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/> </div> <div id='box3' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/> </div>
7. Langkah terakhir klik Tombol Simpan Template.

Selesai dan lihat hasilnya.

Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout. Semoga bermanfaat artikel cara membuat  kolom di bawah header ini, terima kasih.

Read more »

Cara menambah kolom footer di blog

Sebenernya apa itu Footer ??? footer adalah bagian template yang paling bawah dinamakan footer biasanya berisi : copyright, design by, dll.Dengan Cara Menambahkan  3 Kolom Di  Footer kita mempunyai banyak pilihan untuk meletakkan widget jadi tidak harus selalu di sidebar .

berikut caranya cara menambahkan 3 kolom di footer blog - Cara memasang kolom di footer blog :

1. Login Blogger dulu.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari Kode ]]></b:skin>
4. Copy kode di bawab ini di atas kode ]]></b:skin> 

#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}

5. Cari kode  <b:section class='footer' id='footer'>  lalu ganti dengan kode dibawah ini

<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
</div>

6. Simpan Template.
7. Pilih Tata Letak dan lihat hasilnya.

Read more »

Cara Menambahkan atau mengklaim situs di webmaster Tools

1. Kunjungi tab Beranda, kemudian Setelan akun di panel sebelah kiri.
2. Di bagian "Akses & otorisasi", di samping "Pengelolaan situs", klik edit.
3. Klik subtab Tidak Diklaim.
4. Klik Klaim di samping domain atau subdomain yang ingin Anda pindahkan ke daftar “Dimiliki”.

Menambahkan situs

Situs milik Anda yang saat ini tidak menayangkan iklan menggunakan ID penayang harus ditambahkan secara manual ke daftar situs. Untuk menambahkan situs ke daftar “Dimiliki”:

1. Kunjungi tab Beranda, kemudian Setelan akun di panel sebelah kiri.
2. Di bagian "Akses & otorisasi", di samping "Pengelolaan situs", klik edit.
3. Pada subtab “Dimiliki”, masukkan domain atau subdomain yang ingin Anda tambahkan ke daftar “Dimiliki” dan klik Tambahkan.

Read more »

Cara membuat iklan di bawah postingan blog

1. Pertama login Blogger >> Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget) >> Tekan CTRL + F untuk memudahkan pencarian kode.
2. Masukkan kode iklan sobat tepat dibawah kode <data:post.body/> Jika anda menemukan kode berwarna merah lebih dari satu, coba saja satu persatu. Jika iklan tidak muncul, coba lagi kode ke dua, dan seterusnya.

Jika sudah selesai memasang iklannya, jangan lupa klik Simpan Template dan lihat hasilnya. Maka ada banner terlihat dibawah setiap postingan blog anda. Jika ada yang tidak jelas, silahkan bertanya dengan berkomentar dibawah ini!

Read more »

Cara membuat iklan di bawah judul postingan

Memasang iklan dibawah judul postingan adalah cara terbaik untuk mendapatkan penghasilan yang banyak daripada memasang iklan diposisi lain, karena letak iklan yang dibawah judul adalah posisi yang biasanya pengunjung pertama kali lihat, nah dengan adanya iklan diposisi yang setrategis memungkinkan pengunjung untuk lebih tertarik mengklik iklan yang kita tampilkan di blog kita.
dan berikut ini adalah langkah langkah memasang iklan dibawah judul postingan blogger/blogspot :

1. Silahkan Login ke akun Blogger sobat
2. Jika sudah silahkan masuk ke menu Template >> Lalu Klik Tombol Edit HTML
3. Setelah masuk ke editor template, silahkan cari kode <data:post.body/> untuk mempermudah pencarian, silahkan tekan tombol ctrl+f pada browser yang sobat pakai.

4. Setelah ketemu silahkan parse kode iklan sobat DI SISNI  (NB: Buat sobat yang belom tahu, setelah sobat masuk ke situs parser, sobat tinggal pastekan kode iklan sobat di kolom yang tersedia, lalu klik tombol parse maka sobat akan mendapatkan kode iklan yang telah ter-parser, dan kode itulah yang nantinya akan kita gunakan di step selanjutnya)

5. Agar iklan muncul dibawah postingan dan sejajar dengan paragraf awal silahkan pastekan kode di bawah ini tepat diatas kode <data:post.body/> :

<div style='float:left'>
      LETAKAN KODE IKLAN YANG SUDAH DI PARSE DISINI
</div>

6. Jangan lupa ganti 'LETAKAN KODE IKLAN YANG SUDAH DI PARSE DISINI' dengan kode iklan yang sudah sobat parse sebelumnya, dan save. maka iklan akn muncul di bawah postingan dan sejajar dengan paragraf awal.

Hasilanya adalah seperti di postingan Iklan saya sebelah Kanan. 

Tambahan : Jika sobat ingin merubah posisi iklan dari kiri ke kanan sobat dapat merubah kode <div style='float:left'>  dengan <div style='float:right'>

Saya kira cukup sekian tips seputar cara memasang iklan di bawah judul postingan, semoga postingan ini membantu sobat blogger dalam penempatan posisi iklan yang baik!

Read more »

Cara mengganti font judul postingan blog

• Login ke akun blog kalian.
• Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
• Cari kode yang sama atau mirip kode berikut:

.post h1 {

atau

.post h2 {

atau

.post h3 

Nah, setelah salah satunya ketemu salah satu kode di atas, maka perhatikan kode yang diawali dengan kode "font-family" seperti contoh di bawah ini:

.post h3 {

color: #2255AA;
font-size: 27px;
font-family: Times New Roman, Georgia, Trebuchet MS;font-weight: normal;
margin: 0px;
padding: 0px 0px 5px 0px;
}

Nah, jika sobat ingin merubah jenis huruf postingan blog sobat, sobat tinggal merubah sederetan huruf-huruf setelah kode "font-family" seperti contoh di atas. Setelah itu Simpan Template. Gimana? Mudah kan? sekian posting mengenai cara mengganti jenis font judul posting blog. Semoga bisa menambah ilmu sobat.

Read more »

Cara Menambahkan Efek Daun Berjatuhan di Blog Keren

Cara Menambahkan Efek Daun Berjatuhan di Blog Keren - Bermacam cara yang dilakukan para blogger untuk menghias blognya. Mulai dari menambahkan  kamera cctv, dan masih banyak lagi. Kali ini, saya akan berbagi tutorial cara membuat efek daun berjatuhan di blog sehingga dapat memperindah/mempercantik blog Anda. 

Tutorial ini sangat mudah untuk para pemula, Anda hanya perlu menambahkan sebuah script/kode di blog kemudian daun akan muncul berjatuhan ketika seseorang megakses blog Anda.Untuk melihat contoh, Anda dapat mengklik tombol demo berikut.

DEMO

Langsung aja.

• Masuk ke akun blogger Anda di www.blogger.com
•  Kemudian pilih menu "Tata Letak" lalu klik tulisan "Tambah Gadget"
• Akan muncul berbagai macam widget resmi dari blogger, silahkan klik widget "HTML/JavaScript".
  

• Pada halaman edit widget, masukkanlah script yang telah kami sediakan kedalam kotak kontent. Anda tidak perlu memberi judul pada widget tersebut. Berikut script efek daun jatuh.

<script src='https://faisal-fachrueza.googlecode.com/svn/efekdaun.js' type='text/javascript'></script>

• Setelah itu, langkah terakhir yaitu klik tombol "Simpan".
  

Sekarang silahkan cek blog Anda, jika ada daun turun dari atas layar PC/Laptop, berarti Anda telah berhasil melalukan trik berikut. Selamat, kini pengunjung yang melihat blog Anda pasti akan terkesan dengan adanya efek daun berjatuhan tersebut.Sekian tutorial blog Cara Menambahkan Efek Daun Berjatuhan di Blog, terima kasih semoga bermanfaat.

Read more »