• Sit amet felis. Mauris semper, velit semper laoreet dictum

    Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, ...

  • Category name clash

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. ...

  • Test with enclosures

    Here's an mp3 file that was uploaded as an attachment: Juan Manuel Fangio by Yue And here's a link to an external mp3 file: Acclimate by General Fuzz Both are CC licensed. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, ...

  • Block quotes

    Some block quote tests: Here's a one line quote. This part isn't quoted. Here's a much longer quote: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In dapibus. In pretium pede. Donec molestie facilisis ante. Ut a turpis ut ipsum pellentesque tincidunt. Morbi blandit sapien in mauris. Nulla lectus lorem, varius aliquet, ...

  • Contributor post, approved

    I'm just a lowly contributor. My posts must be approved by the editor.Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at ...

Cara Menambahkan Widget/Tambah Target pada Blog

langsung saja di praktekin yach


Langkah-langkahnya kita mulai sebagai sebagai berikut :

1. Masuk ke "Dasbor"
2. Klik "Tata Letak"
3. Klik "Edit HTML"
4. Beri Centang pada kotak kecil "Expand Template Widget"
5. Silahkan cari di dalam template anda kode ]]></b:skin>
6. Persis sebelum kode tersebut, copypastekan script berikut ini :

Untuk 1 Widget yang Berada Diatas dan Dibawah

Untuk 1 Widget yang Berada Diatas dan Dibawah  
#widget-atasbawah {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 980px;
position: relative;
text-align: center;
}

#atasbawah, #widget-atasbawah2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/* background: #FFFFFF;
border-top: 1px solid none;
border-left: 1px solid none;
border-right: 1px solid none; */
}

#atasbawah .widget, #widget-atasbawah2 .widget {
margin: 0;
padding: 10px 0;
}


Kalau sudah kamu Copy Paste script yang diatas tadi, sekarang kamu Copy Paste juga script yang ada dibawah ini dan letakkan di <head> = untuk posisi widget diatas + </head> = untuk posisi widget dibawah :

 Ni scriptnya :

<div id='widget-atasbawah'>
<b:section class='atasbawah' id='atasbawah' preferred='yes'/>
</div>


Jangan lupa di Save
Untuk 3 Widget

Untuk 3 Widget  
#3-Widget {
width:960px;
clear:both;
margin:7px 0px 7px 0px;
float:left;
padding:4px 0px 0px 0px;
color:#333;
background:#eeeeee;
border-top:#ffffff;
border-bottom:#ffffff;
}

#3-Widget a:link {
color:#006699;
text-decoration:none;
}

#3-Widget a:hover {
color:#c06000;
text-decoration:underline;
}

#3-Widget a:visited {
color:#808080;
text-decoration:none;
}

#3-Widget h2 {
color:#000000;
padding:10px 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #333;
font-size:11px;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
}

#3-Widget ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#333;
}

#3-Widget ul li {
line-height: 1.8em;
list-style-type:none;
border-bottom:0px solid none;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLUctQ17BXSFiQ_PfeAzQsQqan0QBQSKaitt2Tj46FVlu30zqHXy1REyawPyczRotEvsgnFgU_-bxBIS627BpIHwbTaMDwQJcvHQ6PSXx3HtZvxsjx3bEwFIsaCYRWooo_TRkJA4gGKQ/s144/Arrobblue.png") no-repeat 0px .17em; padding-left:17px;
margin-top:2px;
}

#3-Widget1 {
width:299px;
float:left;
padding:0 20px 0 20px;
}

#3-Widget2 {
width:299px;
float:left;
padding-right:15px;

#3-Widget3 {
width:299px;
float:right;
padding-right:15px;
}


Keterangan :
Width : 960 => Bisa kamu ubah sesuai dengan ukuran Template anda.
Width : 299 => 'Panjang Widget' bisa kamu ubah sesuai dengan keinginan anda.

Biasa!!! kalau sudah di Copy Paste, jangan lupa kamu Copy Paste juga script di bawah ini dan letakkan di <head> = untuk posisi 3 widget berada di atas dan </head> = posisi 3 widget di bawah.

<div id='3-widget'>
<b:section class='3-widget' id='3-widget1' preferred='yes'/>
<b:section class='3-widget' id='3-widget2' preferred='yes'/>
<b:section class='3-widget' id='3-widget3' preferred='yes'/>
</div>
Atau bisa lihat di Blog saya yang lain di 
http://galleryku-mysite.blogspot.com/2010/10/cara-menambahkan-widgettambah-target.html

Friday, February 4, 2011 Labels: 0 comments

0 comments to "Cara Menambahkan Widget/Tambah Target pada Blog"

Post a Comment

Labels

Blog Archive