Wednesday, April 10, 2013

Cara mudah membuat Related post/Artikel Terkait dengan gambar

Pertama masuk ke Blogger terus pilih Template lalu klik Edit HTML dan teken Ctrl + F di keyboard kemudian cari kode </head> lalu centang Expand Widget Templates gan, abis itu loe pastein kode di bawah ini di atasnya.

Friday, March 22, 2013

Cara mudah membuat widget hanya tampil dihalaman tertentu saja

langsung aja ya..
  1. Login dengan account blogger anda.
  2. Kemudian menuju  layout >> Edit HTML
  3. Jangan lupa centang expand widget template nya
contoh jika widget yang mau di pasang hanya tampil dihome saja adalah "Artikel terbaru", carilah kode seperti dibawah ini: untuk lebih mudah gunakan control F

Wednesday, March 20, 2013

Cara membuat judul postingan rata tengah

Agar blog terlihat rapi judul postingan akan lebih bagus jika berada ditengah
Caranya :
  • Login
  • Rancangan
  • Edit HTML
  • Centang Expand Template Widget
Cari kode .post h3 { , atau yang mirp misalnya h3.post-title, jika sudah ketemu tambahkan kode text-align:center; dibawahnya. klik pratinjau, jika sukses simpan template.

Sunday, March 17, 2013

Tips menghilangkan sidebar kiri di halaman postingan

Langsung aja simak Tips agar Sidebar Kiri tidak tampil Di Halaman Postingan.

1. Login ke blog anda
2. Pilih Rancangan - Edit HTML
3. Cari kode </head>
Agar lebih mudah mencarinya, ketik saja CTRL+F dan pastekan kode </head> tadi.
4. Setelah itu pastekan kode dibawah ini tepat diatas kode no.3 tadi

Friday, March 15, 2013

Cara merubah background template otomatis dan mudah

langsung aja masuk ke tambah gedget, tambah javaskrip dan masukkan kode dibawah ini:
<div class="widget-content">
    <center><b>Pilih background yg Anda Suka</b></center>
    <br/>
    <script type="text/javascript">
    function bgChange(bg)
    {
    document.body.style.background=bg;
    }

Cara membuat scroll pada widget join this site

caranya:
Klick Edit HTML
Cari kode ]]></b:skin> dalam kode template blog. Untuk memudahkan menemukan kodenya gunakan Ctrl F lalu masukan kode ]]></b:skin> pada teks box yang muncul pada bagian bawah screen (layar) komputer/laptop digunakan.
Copy kode di bawah ini dan tempatkan di atas atau sebelum ]]></b:skin>

#Followers1 .widget-content{
height:100px;
width:auto;
overflow:auto;
}

Klick Simpan Template untuk menyimpan perubahan, yg berwarna merah sesuaikan dengan selera anda..

Jenis- jenis border

langsung aja yach..
Copy code di bawah ini, gantikan jenis border (warna merah) sesuai dengan jenis border keinginan anda :
<div style="background: black; border: 1px dotted rgb(153, 153, 153); height: 20px; text-align: center; width: 200px;">
model dotted</div>

Pilihan Jenis Border :