Most Popular
This Week
Membagi coloum sidebar menjadi 2
CARA MEMBAGI 2, COLOUM SIDEBAR Cara membagi 2 kolom sidebar blog atau cara membagi kolom sidebar blog menjadi 2...?! bingung juga sih kasi...
Membuat Scroll pada Label, Arsip Blog Ataupun Widgets Lainnya
scroll itu adalah sesuatu yang bisa ditarik ke atas dan ke bawah, seperti pada halaman utama blog ini. Atau Pada arsip di blog ini maupun N...
Domain Dot Com Gratis
Buat sobat blogger yang ingin menggunakan domain dot com tapi terbentur dana yang minim,, kaya saya ini, hehehe saya punya info bagus ni...
Domain Gratis.tis..tis..
Ini adalha posting lanjutan dari posting kemerin.. Posting ini membahas tenteng domain gratis..siapa yang mau??? ok langsung ke TKP.. situ...
Cara menampilkan background pada posting
halo sobat blogger..!! Saya akan beri trik memposting yg namanya cara membuat backgruond pada postingan. Trik ini bertujuan agar tampil beda...
Mengganti Mouse/Pointer/Cursor
Mungkin teman-teman sudah mulai bosan dengan bentuk pointer yang itu itu aja setiap kali anda membuka blog/site anda. Bagi teman-teman yang...
Cara Menampilkan HTML Pada Posting
Ketika Anda memposting kode HTML seperti script ternyata banyak bagian yang hilang? Anda bingung kenapa? Bagaimana cara menampilkannya? Mud...
Panduan membuat Blog di Blogspot
1. Apa itu Blog ? Blog merupakan sigkatan dari “Web log” adalah salah satu aplikasi web berupa tulisan-tulisan yang umum disebut sebagai po...
cara membuat tulisan berkedip ( blink )
anda pengen punya tulisan kyak gini pada blog and, klu bagi saya sih tulisan kayak gini dapat meyakinkan pengunjung untuk mencobany, soa...
Popular Posts
Latest Stories
What is new?
Comments
What They says?
Latest News
MENAMBAH SIDEBAR MENJADI DUA
MENAMBAH SIDEBAR MENJADI DUA
Penampilan sebuah blog akan semakin cantik jika memiliki 2 buah sidebar. Disamping itu kita akan lebih leluasa dalam menempatkan elemen halaman baik berupa tulisan ataupun widget
Tidak sulit membuatnya, anda tinggal mengikuti langkah-langkah dibawah ini.
Ingat...jangan diberi tanda centang pada Expand widget Template karena akan muncul kode-kode yang rumit sehingga dapat membingungkan
Langkah pertama
Cari Kode dibawah ini (biasanya berada dibagian atas)
/* Outer-Wrapper
------------------------------------------ */
#outer-wrapper {
width: 840px
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
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 */
}
#sidebar-wrapper {
width: 200px;
float: right;
padding-left:10px; (tambahkan kode ini biar tampak ada jarak sela)
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 */
Sesuaikan dulu lebar outer wrapper, main wrapper dan sidebar wrapper dengan contoh diatas. Ini agar hasilnya sesuai dengan harapan anda.
Jika udah sesuai, Copy kode dibawah ini kemudian paste tepat dibawah kode-kode tadi
#sidebarbaru-wrapper {
width: 200px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}
Kode diatas menunjukan sidebar baru terletak disebelah kanan. Ubahlah kode tersebut menjadi kode seperti dibawah jika sidebar ingin diletakan di sebelah kiri.
#sidebarbaru-wrapper {
width: 200px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}
Langkah Kedua
Cari kode HTML dibawah ini pada bagian body
<div id='main-wrapper'><b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>
Copy kode dibawah ini kemudian paste tepat diatas kode tadi jika sidebar ingin berada di sebelah kiri dan paste tepat dibawahmya jika ingin berada di sebelah kanan. Jangan lupa kode yang diatas ( #sidebarbaru-wrapper...dst ) harus disesuaikan, dimana akan meletakkannya..?
<div id='sidebarbaru-wrapper'>
<b:section class='sidebar' id='sidebarbaru' preferred='yes'/>
</div>
Apabila sudah selesai menempatkan kode sidebar baru, silahkan akhiri dengan menekan tombol Simpan Template, selesai. Silahkan lihat hasilnya !
About Koran Lama
Adds a short author bio after every single post on your blog. Also, It's mainly a matter of keeping lists of possible information, and then figuring out what is relevant to a particular editor's needs.
About Me
Popular Posts
-
Membagi coloum sidebar menjadi 2CARA MEMBAGI 2, COLOUM SIDEBAR Cara membagi 2 kolom sidebar blog atau cara membagi kolom sidebar blog menjadi 2...?! bingung juga sih kasi...
-
Membuat Scroll pada Label, Arsip Blog Ataupun Widgets Lainnyascroll itu adalah sesuatu yang bisa ditarik ke atas dan ke bawah, seperti pada halaman utama blog ini. Atau Pada arsip di blog ini maupun N...
-
Domain Dot Com GratisBuat sobat blogger yang ingin menggunakan domain dot com tapi terbentur dana yang minim,, kaya saya ini, hehehe saya punya info bagus ni...
-
Domain Gratis.tis..tis..Ini adalha posting lanjutan dari posting kemerin.. Posting ini membahas tenteng domain gratis..siapa yang mau??? ok langsung ke TKP.. situ...
-
Cara menampilkan background pada postinghalo sobat blogger..!! Saya akan beri trik memposting yg namanya cara membuat backgruond pada postingan. Trik ini bertujuan agar tampil beda...
-
Mengganti Mouse/Pointer/CursorMungkin teman-teman sudah mulai bosan dengan bentuk pointer yang itu itu aja setiap kali anda membuka blog/site anda. Bagi teman-teman yang...
-
Cara Menampilkan HTML Pada PostingKetika Anda memposting kode HTML seperti script ternyata banyak bagian yang hilang? Anda bingung kenapa? Bagaimana cara menampilkannya? Mud...
-
Panduan membuat Blog di Blogspot1. Apa itu Blog ? Blog merupakan sigkatan dari “Web log” adalah salah satu aplikasi web berupa tulisan-tulisan yang umum disebut sebagai po...
-
cara membuat tulisan berkedip ( blink )anda pengen punya tulisan kyak gini pada blog and, klu bagi saya sih tulisan kayak gini dapat meyakinkan pengunjung untuk mencobany, soa...
Tidak ada komentar: