tra-cyber.forumid.net
Welcome To Zone Chibi Cyber Community
tra-cyber.forumid.net
Welcome To Zone Chibi Cyber Community
tra-cyber.forumid.net
Would you like to react to this message? Create an account in a few clicks or log in to continue.



 
HomeLatest imagesSearchRegisterLog in
Log in
Username:
Password:
Log in automatically: 
:: I forgot my password
Latest topics
Top posters
rief
Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_lcapCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Voting_barCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_rcap 
*™》©HÏ฿Ï™*_ℍåÐåÐ-₯《™*
Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_lcapCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Voting_barCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_rcap 
*|Chibi|*sofie-
Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_lcapCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Voting_barCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_rcap 
™|Chibi|™-KyeAgungJR_N3
Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_lcapCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Voting_barCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_rcap 
[™CHIBI™]ANDRE™]
Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_lcapCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Voting_barCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_rcap 
Chibi-Fusion
Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_lcapCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Voting_barCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_rcap 
Admin
Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_lcapCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Voting_barCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_rcap 
AuditionVIP-Nita-7up
Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_lcapCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Voting_barCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_rcap 
*|Chibi|*Rey*|
Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_lcapCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Voting_barCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_rcap 
BlazeRifZ
Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_lcapCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Voting_barCara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Vote_rcap 
Iklan

Share | 
 

 Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger

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

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

Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Empty
PostSubject: Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger   Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger EmptySat 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('https://2img.net/h/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('https://2img.net/h/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
Saturn

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

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

tanks !
Back to top Go down
rief
Moderators
Moderators
rief

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

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

oke..dicoba dulu deh..
Back to top Go down
http://www.trap4u.co.cc
fransisco
Penduduk Chibi
Penduduk Chibi
fransisco

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

Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Empty
PostSubject: Re: Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger   Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger EmptySun 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
☺FalzGodLike™☺

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

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

Dicoba dulu dehh ..

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




Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Empty
PostSubject: Re: Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger   Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger Empty

Back to top Go down
 

Cara Membuat Gadget Atau SideBar Kanan Dan Kiri Pada Blogger

View previous topic View next topic Back to top 

 Similar topics

-
» Cara Membuat Kata Pembuka Pada Blogger
» Cara Membuat Scroll Otomatis Ke Atas Pada Blogger
» Cara Membuat Kata-Kata Mengikuti Mouse Pada Blogger
» Membuat Mouse Hover Effect Pada Gambar Di Blogger
» Cara Membuat Kata Penutup Di Blogger
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: