-->






Iklan

Cara membuat/menambahkan kolom sidebar kiri Terbaru

CARA MEMBUAT ATAU MENAMBAHKAN KOLOM UNTUK WIDGET DI SIDEBAR KIRI BLO/BLOGSPOT.
Cara menambahkan kolom di sidebar kiri ini sudah jelas berhasil karena saya sudah mempraktekan sendiri, seperti dalam gambar di bawah ini.

cara membuat sidebar kiri blog

Bagi teman-teman blogger tentunya sebuah kolom sangatlah penting karena dengan kolom-kolom tersebut kita bisa gunakan untuk menaruh atau memasang apa saja yang kita kehendaki misalnya seperti untuk menayangkan iklan atau memasang judul-judl postingan yang sudah di buat atau bisa untuk memajang logo atau kontak atau papan pengumuman di blog/website anda.

Cara membuat dan memasang kolom widget di sidebar kiri sangatlah mudah anda hanya tinggal menambahkan dua (2) rangkaian kode pada bagian HTML Template anda masing-masing.
Untuk pelaksanaan menambahkan kolom widget di sidebar kiri silahkan ikuti tutorialnya di bawah ini :

Cara membuat / menambahkan kolom widget di sidebar samping


1.Pertama-tama masuk ke akun Blogger anda anda masing-masing lalu pilih Tema/Template kemudian pilih / klik edit HTML.
2.Selanjutnya kopi rangkain kode di bawah ini dan pastekan di atas kode ]]></b:skin> atau kode </style>


#sidebarleft-wrapper {
width: 170px;
float: left;
word-wrap: break-word;
overflow: hidden;
padding: 15px 10px 15px 25px;
background: #fff;
color: #666;}
#sidebarleft-wrapper li{border-bottom: 1px solid #f9f9f9;
padding: 0 0 3px 0;
margin: 0 0 3px 0;}
#sidebarleft-wrapper a:link,#sidebarleft-wrapper a:visited{color:#555}
#sidebarleft-wrapper a:hover {color:#c00}
#sidebarleft-wrapper h2 {
font-size: 120%;
color: #c00;
padding: 5px 0;
margin: 0 auto;}
@media screen and (max-width:600px){
#sidebarleft-wrapper {display:none}}


3.Langkah berikutnya kopi lagi rangkaian kode ke 2 di bawah ini dan pastekan di sebelum kode <div class='content-wrapper'> atau <div id='content-wrapper'> atau <div class='main-wrapper'> atau <div id='main-wrapper'>.

<div id='sidebarleft-wrapper'>
<b:section class='sidebarleft' id='sidebarleft' preferred='yes'/>
</div>


4.jika anda sudah memasangkan 2 rangkaian kode di atas selanjutnya simpan perubahan template anda (pastikan penyimpananya berhasil)
5.selesai.

Demikian panduan to the poin dari jasa setting web tentang cara menambahkan kolom widget di sidebar kiri semoga berguna, salam Perjuangan...

Komentar

Tampilkan

Komputer

+