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.
DemoAja
Wednesday, April 10, 2013
Friday, March 22, 2013
Cara mudah membuat widget hanya tampil dihalaman tertentu saja
langsung aja ya..
- Login dengan account blogger anda.
- Kemudian menuju layout >> Edit HTML
- Jangan lupa centang expand widget template nya
Wednesday, March 20, 2013
Cara membuat judul postingan rata tengah
Agar blog terlihat rapi judul postingan akan lebih bagus jika berada ditengah
Caranya :
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
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;
}
<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>
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 :
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 :
Subscribe to:
Posts (Atom)