Ini baru nyontek sama si Dewiqh
ini baru aja deh mendapat info dari blog nya temen Nic juga, Cara buat tulisan klik disini, haduh kepo banget deh guw baru tau sekarang. http://danijazz03.blogspot.com//" target="new">klik di sini aja
Merubah Posisi Sidebar & Main Pada Template Blogger
Diposkan oleh dewiqh si thh di 22:44kali ini saya ingin berbagi trik mudah bahkan sangat sederhana, yang saya temukan hasil dari otak-atik CSS saat mencoba mendesain template baru. Yaitu cara merubah posisi sidebar dan main (kolom utama tempat postingan) pada template blogger, sebagai contoh tampilan elemen halaman template default minima seperti image berikut:
Dari gambar diatas kita bisa melihat posisi sidebar berada disebelah kanan, sedangkan kolom utama disebelah kiri. Untuk merubah posisi sidebar dan main menjadi sebaliknya seperti gambar dibawah ini, mudah saja silahkan ikuti tutorial berikut:
1. Setelah sig in pada account blogger sobat>>> pada dasbor>>> Klik Tata Letak>>> Edit HTML
2. Cari kode berikut:
Dari gambar diatas kita bisa melihat posisi sidebar berada disebelah kanan, sedangkan kolom utama disebelah kiri. Untuk merubah posisi sidebar dan main menjadi sebaliknya seperti gambar dibawah ini, mudah saja silahkan ikuti tutorial berikut:
1. Setelah sig in pada account blogger sobat>>> pada dasbor>>> Klik Tata Letak>>> Edit HTML
2. Cari kode berikut:
#main-wrapper {3. Yang perlu diperhatikan hanya tulisan yang berwarna merah, silahkan ganti dengan kode berikut:
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#main-wrapper {4. Simpan template. Silahkan lihat hasilnya pada bagian elemen halaman.
width: 410px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Membuat cursor bertabur bintang
Diposkan oleh dewiqh si thh di 20:32Banyak cara yang dibuat oleh setiap blogger untuk membuat tampilan blognya terkesan cantik, unik dan macam-macam deh. Diantaranya dengan modifikasi template yang sudah ada, memasang ragam widget dan ragam aksesoris blog termasuk mengganti tampilan cursor. pernah lihat suatu blog dengan cursor bertabur bintang? Pingin mencobanya? Mudah kok, ikuti langkah-langkah berikut:
Membuat cursor bertabur bintang
1. Login ke blogger.
2.Masuk ke Layout-->Page Element
3.Tambahkan gadget HTML/JavaScript
4.Pilih kode taburan bintang dibawah ini.
Bintang Hijau
Bintang Ungu
5.Kopi salah satu kode diatas dan simpan.
6. Jangan lupa save dan save lagi.
Membuat cursor bertabur bintang
1. Login ke blogger.
2.Masuk ke Layout-->Page Element
3.Tambahkan gadget HTML/JavaScript
4.Pilih kode taburan bintang dibawah ini.
Bintang Hijau
Bintang Ungu
Bintang Merah
Bintang Biru
Bintang Putih
5.Kopi salah satu kode diatas dan simpan.
6. Jangan lupa save dan save lagi.
Membuat Link di blog berwarna pelangi
Diposkan oleh dewiqh si thh di 22:37Ingin membuat link pada blog anda berkedip dan berwarna pelangi ketika tersentuh pointer? Caranya sangat mudah
- Dalam keadaan loggin,
- Masuk pada menu template,
- Klik Edit HTML,
- Cari kode ,
0 comments »
Sesini duyur!
Terimakasih atas komentar nya.. terimakasih sudah mau mengunjungi blog saya,salam kenal semuanya ^__^