> > Tambah 1 Kolom Widget di Atas Postingan Blog

Tambah 1 Kolom Widget di Atas Postingan Blog

Unknown

: 07.19 13 comments


Widget 2

S
obat berkeinginan untuk pasang Slider tepat di atas postingan,tentunya sobat lihat dulu sudah adakah kotak widget di atas postingan tersebut jika belum ada ,full blog design akan bantu cara Tambah 1 Kolom Widget di Atas Postingan Blog, cara nya sangat lah mudah dan simple, kita hanya menambah kode css untuk widget itu sendiri ,oke langsung aja menuju ke tutorial nya:
  1. Anggap saja sobat sudah ada di dasboard 
  2. Jangan lupa download lengkap dulu template untuk menjaga kemungkinan salah dalam pengeditan 
  3. Cari Kode ]]></b:skin> letakkan kode berikut tepat di bawah kode ]]></b:skin> berikut kodenya:
    4. <style>.atasposting{ background: #fff;
        border: 0px solid #0B610B;
        margin: 0 0 0.5em;
        padding: 2PX;}
    .atasposting.widget{}</style>
  4. Lalu cari kode == <div id='main-wrapper'>  letak kan kode berikut tepat di bawah nya :
    5. <b:section class='atasposting' id='ataspostin' preferred='yes'/>
    Atau contoh peletakan nya akan menjadi seperti contoh di bawah ini :
    <div id='main-wrapper'>
    <b:section class='atasposting' id='ataspostin' preferred='yes'/>
  5. Lalu Save Jika sobat melakukan cara di atas dengan benar maka di atas postingan akan ada kolom baru seperti contoh gambar di bawah ini :
Widget


Judul Artikel :Tambah 1 Kolom Widget di Atas Postingan Blog
photo-avatar
Terima Kasih Sobat sudah membaca Artikel saya Tentang Tambah 1 Kolom Widget di Atas Postingan Blog Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih
Label:

13 komentar

avatar
Balas
Masnady delete 2 April 2013 pukul 08.27

wah mantep sobat. ini sangat berguna buat blogger pemula bawah saya dikit bgt dech hehehehehe
makasih ya sob tipsnya..?

avatar
Balas
Harun Ar delete 2 April 2013 pukul 13.15

Sip banget Mas..... buatnya simpel, kode script-nya dikit jadi kalau mau bongkar pasang mudah.
Makasih ya infonya

avatar
Balas
kk ps delete 2 April 2013 pukul 16.03

Nambah lagi ilmu saya.scriptnya langsung di amankan bang.kapan2 saya coba.sebenarnya banyak sekali yang ingin di tanyakan,tapi takut nya bikin repot abang.jadi satu2 aja ya bang.biar sering2 mampir ke sini.

avatar
Balas
kk ps delete 2 April 2013 pukul 16.13

cara menambahkan jumlah komentar di bawah judul posting bagaimana?

avatar
Balas
Unknown delete 2 April 2013 pukul 17.41

gunakan Ctrl + F cari kode: <h3 class='date-header'> kurang lebih kodenya seperti ini
<h3 class='date-header'>....sampai </h3>tambahkan di depan penutup </h3> dengan kode |with:<data:post.numComments/>Comment sehingga kodenya nanti menjadi seperti ini :
<h3 class='date-header'><span>Written By <data:post.author/> on <data:post.dateHeader/> | <data:post.timestamp/></span>|with:<data:post.numComments/>Comment</h3>

avatar
Balas
kk ps delete 3 April 2013 pukul 20.08

Terimakasih bang!berhasil di terapkan :) :yaya:

avatar
Balas
Unknown delete 7 Juni 2013 pukul 10.41

mantap mas bro tipsnya, langsung dicoba nih

avatar
Balas
Unknown delete 7 Juli 2013 pukul 13.06

Mas di template blog saya gak ada kodenya <div id='main-wrapper'> lalu bagaimana solisi lainnya??



Terimakasih

avatar
Balas
Unknown delete 7 Juli 2013 pukul 13.58

Coba cari kode ini
<b:section class='main' id='main' showaddelement='no'> lalu letakkan kode di bawah ini tepat di atas nya
<b:section class='atasposting' id='ataspostin' preferred='yes'/>

avatar
Balas
Unknown delete 15 Juli 2013 pukul 22.47

punya kartu telkoselnga biar aku telpon langsung harap
bantuannya ada juga aku mau suru bikin

avatar
Balas
Unknown delete 20 Februari 2014 pukul 23.20

Selamat malam kawan, terima kasih sekali infonya sangat membantu saya dalam membuat satu kolom di bawah header blog.sukses buat kawan

avatar
Balas
Unknown delete 8 Mei 2014 pukul 22.05

trims bro....

avatar
Balas
Paja Tapuih delete 22 Desember 2014 pukul 15.47

makasih infonya mas, nambah ilmu saya

Posting Komentar


Terima Kasih Sobat Sudah:
1. Berkomentar Dengan Sopan
2. Tidak Memasukkan Link Aktif Dalam Form Komentar
3. Berkomentar Sesuai Artikel/Postingan
4. Berilah Informasi Kepada Admin Jika ada script yang Sudah tidak berfungsi
5. komentar Jorok/kasar /berbau Sara/Porno /saya anggap sebagai SPAM
6.untuk memasukkan gambar gunakan <i rel="image">URL Gambar</i>

Konversi