tra-cyber.forumid.net
Welcome To Zone Chibi Cyber Community



 
HomeFAQSearchRegisterLog in

Share | 
 

 Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger

View previous topic View next topic Go down 
AuthorMessage
*|Chibi|*-KyeFarrel
Moderators
Moderators


Jumlah posting : 49
Points : 108
Reputation : 24
Join date : 2011-03-05
Age : 23
Lokasi : Bogor

PostSubject: Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger   Sat Mar 05, 2011 10:10 pm

1. Login ke account blog anda.

2. Pilih Tata Letak atau rancangan kemudian pilih Edit HTML.

3. Beri tanda centang pada Expand Widget Templates.

4. Cari kode berikut ini atau sejenisnya. (yang penting tulisan bewarna merah)

#sidebar-wrapper {
float: right;
width: 350px;
margin: 20px 15px auto 0;
padding: 0 0 10px;
display: inline;
text-align:justify;
border:1px dashed #ceceae;
}

5. Kemudian kopi paste kode dibawah ini tepat diatas kode #sidebar-wrapper {

#newsidebar-wrapper {
width: 200px;
float: left;
padding-left:8px;
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 */
border:1px dashed #ceceae;
padding-left:10px;
padding-right:10px;
}

#newsidebar-wrapper ul{padding:0; margin:0; color:#333}

#newsidebar-wrapper ul li{
background:url('http://i792.photobucket.com/albums/yy201/elang-antarnusa_99/folder.jpg')
no-repeat; list-style-type:none; margin:0 0 10px; padding:0 0 10px
20px; border-bottom:1px dashed #CCCCCC; }

#newsidebar-wrapper li{
background:url('http://i792.photobucket.com/albums/yy201/elang-antarnusa_99/folder.jpg')
no-repeat; list-style-type: none; margin: 0 0 10px; padding-left: 20px;
}

#newsidebar-wrapper ul li a:hover {
background: #B1ACB1;}

Keterangan kode :
width untuk ukuran lebar sidebar
float untuk letak sidebar
padding untuk jarak sidebar
border untuk garis
tulisan bewarna orange mudah adalah update yang telah saya tambahkan untuk variasi icon

6. Cari kode (Fokus yang bewarna merah)

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
.....................................
.....................................
.....................................
</b:section>
</div>

titik-titik adalah isi pada lanjutan kodenya. Tidak begitu penting

7. Copy paste kode dibawah ini tepat diatas kode <div id='main-wrapper'>

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

8. Simpan Templates. Lihat hasilnya. Akan muncul tambahan Widget bila dilihat di Tata Letak>>Elemen Laman
Back to top Go down
http://www.chibi-syndicate.co.cc/
Saturn
Newbie
Newbie


Jumlah posting : 16
Points : 26
Reputation : 0
Join date : 2011-03-06
Age : 19
Lokasi : Di Depan Komputer^^™

PostSubject: Re: Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger   Tue Mar 08, 2011 7:08 pm

tanks !
Back to top Go down
rief
Moderators
Moderators


Jumlah posting : 796
Points : 1185
Reputation : 62
Join date : 2011-03-05
Lokasi : JaTeng®

PostSubject: Re: Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger   Wed Mar 09, 2011 6:59 pm

oke..dicoba dulu deh..

_________________
CHEATER READY

sebelum membuat posting, baca > pelajari > pahami
[You must be registered and logged in to see this link.]
Back to top Go down
http://www.trap4u.co.cc
fransisco
Penduduk Chibi
Penduduk Chibi


Jumlah posting : 55
Points : 73
Reputation : 8
Join date : 2011-03-08

PostSubject: Re: Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger   Sun Mar 13, 2011 6:07 pm

kaga nemu gan -_-"
yg ini :
#sidebar-wrapper {
float: right;
width: 350px;
margin: 20px 15px auto 0;
padding: 0 0 10px;
display: inline;
text-align:justify;
border:1px dashed #ceceae;
}
Butuh bantuan gan... Sad
Back to top Go down
☺FalzGodLike™☺
Penduduk Chibi
Penduduk Chibi


Jumlah posting : 80
Points : 110
Reputation : 26
Join date : 2011-03-07
Age : 19
Lokasi : Jakarta

PostSubject: Re: Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger   Sun Mar 13, 2011 6:28 pm

Dicoba dulu dehh ..

Langsung TKP gan !!
Back to top Go down
Sponsored content




PostSubject: Re: Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger   Today at 12:19 am

Back to top Go down
 

Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
tra-cyber.forumid.net :: Hobby and Entertainment :: Computer :: Programming-
Jump to: