cara menambahkan widget baru disamping header blog versi terbaru

Saturday, February 22, 2014

cara menambahkan widget baru disamping header blog versi terbaru

Template baru sama yang lama, sekarang banyak perbedaan.
Sudah lama saya kutak katik HTML template saya untuk memanbahkan widget baru di samping header
susah.
sampai pada ahirnya dengan saya menemukan yang terbaru.
yaitu menambahkan element baru disamping header blog.
seperti gambar.

nah panah yang saya tunjuk itu adalah element baru tepat di samping header.

nah untuk membuat seperti itu, ikuti langkah, langkah dibawah.
edit html dan cari kode seperti ini:
.header-inner {
  padding: 27px 0 3px;
}

.header-inner .section {
  margin: 0 35px;
}
klik disini untuk copy

nah anda ganti kode itu semua dengan kode berikut
.header-inner {
  padding: 20px 0 3px;
}
.header-inner .section {
  width:440px;
  padding:0 1px;
  margin: 0 0 0 33px;
}
.header-kanan {
  width:470px;
  float:$endSide;
  padding:0 1px;
  margin: 0 33px 0 0;
}
Klik disini untuk copy

setelah itu, kemudian kita kelangkah selanjutnya.
cari lagi kode berikut:
<div class='region-inner header-inner'>
copy
seelah ketemu,
tepat dibawahnya, letakkan seluruh kode dibawah ini:
<div class='header-kanan'>
<b:section class='header' id='header2' maxwidgets='1' preferred='yes'>
<b:widget id='LinkList100' locked='true' title='' type='LinkList'/>
</b:section>
    </div>
copy

nah lalu klik save.
itu saja.
semoga bermanfaat ya.

Berlangganan artikel GRATIS lewat email? Silahkan DAFTARKAN email Anda di sini!

Buka email anda dan klik tautan yang ada untuk konfirmasi



Artikel Penting Lainnya:

0 comments :

Terimakasih atas komentar yang membangun yang anda sampaikan melalui form ini.

Berkomentarlah yang sopan dan Relevan :))