Begitu banyak yg telah di lakukan para blogger untuk mempercantik blog nya dengan memasang widget2 tertentu,memberi animasi,bahkan ada yg menghandalkan kode CSS untuk memberi efek efek yg manarik.
Mungkin akan sedikit sulit bagi anda sebagai pemula untuk mempercantik blog menggunakan CSS,
Ada cara yg mudah utuk membuat blog anda menarik dengan memasang widget2 tertentu namun bagai mana jadinya bila kita hendak menempatkan widget tersebut bila template kita masih setandar,kini CATATAN GUS EKO akan memberika pengetahuan bagi anda sebagai pemula,untuk menambah kan kolom elemen di bawah sidebar,yg sebelum nya saya membuat artikel Membuat 2 Kolom Elemen Di Atas Footer
bagaimana caranya yuk kita simak ulasan saya berikut ini:
1.anda wajib masuk ke dasbor
2.pilih layout Template Edit HTML
3.jangan lupa klik kolom mungil yg bertuliskan Expan Template Widgwt
4.selanjut nya sobat cari kode yg sama persis dengan kode berikut :
kode di atas adalah kode yg menggunakan template setandar setiap template berbeda beda sobat bisa cari saja yg mirim dengan kode tersebut
5.selanjut nya jika sudah ketemu sobat sisipkan kode CSS dibawah ini setelah kode yg sobat temukan tadi tadi :
6.yg perlu sobat perhatikan kode berwarna merah adalah lebar dari kolom sidebar template sobat,ingat setiap template berbeda beda,
dan kode yg berwarna biru harus sobat sesuaikan dengan lebar kolom sidebar pada template sobat,hal ini wajib sobat lakukan agar tidak terjadi pergeseran pada posisi elemen template sobat.
7. Kita baru saja selesai membuat kode CSS untuk 2kolom dibawah header,kini saat nya kita Memesang atau memberi HTML nya,
sobat cari kode yg sama persis seperti kode berikut ini:
8. Fokuskan pandangan sobat pada kode </b:section> </div> yg berwarna hijau.
9.jika sobat telah fokus kini saat nya kita sisipkan kode HTML dibawah ini setelah kode </b;section> atau sebelum kode </div>
10. jika sudah simpan template sobat selaman kini sobat telah menjadi Master Deign karna sobat telah berhasil membuat 2 kolom elemen baru di bawah sidebar
Sobat juga bisa memberi fariasi sesuai keatifitas sobat sendiri seperti bacground,Border dan sebagai nya pada kode CSS pada langkah nomor 5
Selamat berkreasi semoga berhasil dan senang bisa berbagi terimakasih telah membaca ulasan saya yg sebenarnya tidak begitu penting ini,,
Bagi Para master blog yg mau menambahkan pengetahuan nya sangat saya persilahkan itu akan lebih baik untuk menambah dan berbagi ilmu pengetahuan itulah Visi dan Misi Blog Catatan Gus Eko ini.
sampai disini dulu ulasan saya kali ini salam persahabat blogger selalu ceria.....
Mungkin akan sedikit sulit bagi anda sebagai pemula untuk mempercantik blog menggunakan CSS,
Ada cara yg mudah utuk membuat blog anda menarik dengan memasang widget2 tertentu namun bagai mana jadinya bila kita hendak menempatkan widget tersebut bila template kita masih setandar,kini CATATAN GUS EKO akan memberika pengetahuan bagi anda sebagai pemula,untuk menambah kan kolom elemen di bawah sidebar,yg sebelum nya saya membuat artikel Membuat 2 Kolom Elemen Di Atas Footer
bagaimana caranya yuk kita simak ulasan saya berikut ini:
1.anda wajib masuk ke dasbor
2.pilih layout Template Edit HTML
3.jangan lupa klik kolom mungil yg bertuliskan Expan Template Widgwt
4.selanjut nya sobat cari kode yg sama persis dengan kode berikut :
#sidebar-wrapper {
float:right;
width:320px;
padding:5px;
margin:0px;
kode di atas adalah kode yg menggunakan template setandar setiap template berbeda beda sobat bisa cari saja yg mirim dengan kode tersebut
5.selanjut nya jika sudah ketemu sobat sisipkan kode CSS dibawah ini setelah kode yg sobat temukan tadi tadi :
#kolom-kiri {
width:160px;
float:left;
padding:5px;
}
#kolom-kanan {
width:150px;
float:right;
padding:5px;
}
6.yg perlu sobat perhatikan kode berwarna merah adalah lebar dari kolom sidebar template sobat,ingat setiap template berbeda beda,
dan kode yg berwarna biru harus sobat sesuaikan dengan lebar kolom sidebar pada template sobat,hal ini wajib sobat lakukan agar tidak terjadi pergeseran pada posisi elemen template sobat.
7. Kita baru saja selesai membuat kode CSS untuk 2kolom dibawah header,kini saat nya kita Memesang atau memberi HTML nya,
sobat cari kode yg sama persis seperti kode berikut ini:
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' showaddelement='yes'>
<b:widget id='HTML4' locked='false' title=''
type='HTML'/>
<b:widget id='HTML1' locked='false' title=''
type='HTML'/>
</b:section>
</div>8. Fokuskan pandangan sobat pada kode </b:section> </div> yg berwarna hijau.
9.jika sobat telah fokus kini saat nya kita sisipkan kode HTML dibawah ini setelah kode </b;section> atau sebelum kode </div>
10. jika sudah simpan template sobat selaman kini sobat telah menjadi Master Deign karna sobat telah berhasil membuat 2 kolom elemen baru di bawah sidebar
Sobat juga bisa memberi fariasi sesuai keatifitas sobat sendiri seperti bacground,Border dan sebagai nya pada kode CSS pada langkah nomor 5
Selamat berkreasi semoga berhasil dan senang bisa berbagi terimakasih telah membaca ulasan saya yg sebenarnya tidak begitu penting ini,,
Bagi Para master blog yg mau menambahkan pengetahuan nya sangat saya persilahkan itu akan lebih baik untuk menambah dan berbagi ilmu pengetahuan itulah Visi dan Misi Blog Catatan Gus Eko ini.
sampai disini dulu ulasan saya kali ini salam persahabat blogger selalu ceria.....
