http://www.duniaboxoffice.com/hasil-pencarian.html
http://supriatno-web.blogspot.com/2010/01/cara-membuat-readmore-sederhana.html

X-Men:First Class (07 Juni 2011)
The Hangover Part II (04 Juni 2011)
Kung Fu Panda 2 (01 Juni 2011)
RABBIT HOLE (31 Mei 2011)
The Pursuit of Happiness (14 Mei 2011)
Tanah Air Beta 2010 (14 Mei 2011)
Limitless (13 Mei 2011)
Hoodwinked Too Hood VS Evil (06 Mei 2011)
Shaolin (2011) (05 Mei 2011)
Gnomeo dan Juliet 2011 (04 Mei 2011)
CARS 2 (2011) (04 Mei 2011)
Fast Five (2011) (04 Mei 2011)
Shaun the Sheep The Big Chase 2011 (24 April 2011)
The Bill Collector 2011 (24 April 2011)
The Last Airbender (2010) (24 April 2011)
Sniper Reloaded 2011 (24 April 2011)
Arthur 2011 (24 April 2011)
film Glove (2011) (23 April 2011)
Choy Lee Fut (2011) (23 April 2011)
Hanna (2011) (21 April 2011)
RIO 2011 (21 April 2011)
Age of the Dragons (2011) (20 April 2011)
Beauty And The Beast (2010) (20 April 2011)
Highway 2010 (20 April 2011)
Monster Mutt (2011) (20 April 2011)
LET THE BULLETS FLY (17 April 2011)
Download SOURCE CODE 2011 (17 April 2011)
SUSTER KERAMAS (17 April 2011)
THE COMPANY MEN 2011 (16 April 2011)
Red Riding Hood (2011) (16 April 2011)
DARAH GARUDA 2010 (14 April 2011)
LASKAR PEMIMPI 2010 (14 April 2011)
THE EAGLE 2011 (14 April 2011)
THE RITE 2011 (14 April 2011)
FADING OF THE CRIES (2011) (12 April 2011)
I AM NUMBER FOUR (2011) (12 April 2011)
SEASON OF THE WITCH (09 April 2011)
BATTLE OF LOS ANGELES (09 April 2011)
Hantu Tanah Kusir (08 April 2011)
The Way Back (2010) (08 April 2011)
DEDEMIT GUNUNG KIDUL (01 April 2011)
Virgin 3 (01 April 2011)
Drive Angry 3D 2011 (31 Maret 2011)
Waiting For Superman (05 Februari 2011)
Unstoppable (05 Februari 2011)
THE MECHANIC (30 Januari 2011)
TRON: LEGACY (25 Januari 2011)
BRUCE LEE MY BROTHER (25 Januari 2011)
The Next Three Days (23 Januari 2011)
The Green Hornet (23 Januari 2011)
LONG ROAD TO HEAVEN (23 Januari 2011)
Kung Fu Master (2010) (23 Oktober 2010)
HOLY ROLLERS (18 Oktober 2010)
Akibat Pergaulan bebas (18 Oktober 2010)
IP MAN 3: THE LEGEND IS BORN (24 September 2010)
TIRAN: MATI DI RANJANG (01 September 2010)
RATU KOSTMOPOLITAN (01 September 2010)
THE EXPENDABLES (20 Agustus 2010)
Tekken DvDrip-aXXo (16 Agustus 2010)
THE TWILIGHT SAGA: ECLIPSE (11 Juli 2010)
The Karate Kid (06 Juli 2010)
kain kafan perawan (03 Juli 2010)
EMAK INGIN NAIK HAJI (19 Juni 2010)
Bukan maling kundang (24 Mei 2010)
Robin Hood (16 Mei 2010)
Serigala Terakhir (09 Mei 2010)
IP MAN 2 (09 Mei 2010)
IRON MAN 2 (03 Mei 2010)
Clash of the Titans (08 April 2010)
LITTLE BIG SOLDIER (28 Maret 2010)
THE HURT LOCKER (26 Maret 2010)
14 Blades (18 Maret 2010)
CONFUCIUS (13 Maret 2010)
The Wolfman (18 Februari 2010)
Putih Abu-Abu Dan Sepatu Kets (18 Februari 2010)
MY NAME IS KHAN (16 Februari 2010)
Valentines Day (16 Februari 2010)
KATA MAAF TERAKHIR (14 Februari 2010)
Merantau (14 Februari 2010)
From Paris With Love (12 Februari 2010)
THE SPY NEXT DOOR (02 Februari 2010)
legion (31 Januari 2010)
EDGE OF DARKNESS (30 Januari 2010)
Keramat : Bukan Horor Biasa (24 Januari 2010)
SST...JADIKAN AKU SIMPANAN (19 Januari 2010)
MESSENGERS 2: THE SCARECROW (15 Januari 2010)
Perjaka Terakhir (11 Januari 2010)
darah perawan bulan madu (11 Januari 2010)
ALVIN AND THE CHIPMUNKS 2 (09 Januari 2010)
AVATAR (06 Januari 2010)
TERMINATOR SALVATION (12 Desember 2009)
SANG PEMIMPI (11 Desember 2009)
AI LOP YU PUL (10 Desember 2009)
THE STORM WARRIORS (09 Desember 2009)
PUNK IN LOVE (07 Desember 2009)
Dragon Ball evolution (07 Desember 2009)
HEART-BREAK.COM (03 Desember 2009)
AIR TERJUN PENGANTIN (03 Desember 2009)
GET MARRIED 2 (01 Desember 2009)
Push (28 November 2009)
VIRGIN 2: BUKAN FILM PORNO (28 November 2009)
Aliens in the Attic (2009) DVDRip XviD DiAMOND (28 November 2009)
3 Doa 3 Cinta (28 November 2009)
NINJA ASSASSIN (26 November 2009)
XXL DOUBLE EXTRA LARGE (26 November 2009)
DISTRICT 13 ULTIMATUM (25 November 2009)
GHOSTS OF GIRLFRIENDS PAST (25 November 2009)
TWILIGHT SAGA: NEW MOON (MOON) (25 November 2009)
HALLOWEEN II, (25 November 2009)
2012 (25 November 2009)
FAST AND FURIOUS 4 (27 November 2009)
TRANSFORMER 2 REVENGE OF THE FALLEN (27 November 2009)
GARUDA DI DADAKU (27 November 2009)
STREET FIGHTER THE LEGEND OF CHUN LI (27 November 2009)
DRAG ME TO HELL (27 November 2009)
Star Trek (27 November 2009)
G.I. JOE THE RISE OF COBRA (JOE) (26 November 2009)
Glitch(Tersesat Dalam Waktu) (26 November 2009)

Cara Membuat Widget Tab View 3 Kolom Pada Blog - Artikel kali ini akan membahas tentang bagaimana cara membuat widget tab view menu 3 colom pada blogspot. Tehnik ini dapat digunakan bagi sobat yang ingin menghemat tampilan halaman pada blognya. 3 kolom ini dapat sobat gunakan untuk memasukkan widget-widget yang lain kedalam satu kolom.

Selanjutnya, untuk membuat widget ini akan menggunakan kode CSS buatan Abu Farhan.

Berikut langkahnya :

• Login ke akun blogger sobat
• Pilih rancangan, Elemen halaman dan tambah wiget. Pilih Html
• Masukkan kode dibawah ini lalu ganti URLnya dengan blog sobat:

Kategori

Recent Comment

Arsip

Daftar Isi Berdasarkan Kategori

Recent Comment

Arsip Blog

membuat 3 kolom gadget pada blogger

Share

Membuat memjadi 3 kolom dalam satu tempat.. ini sangat praktis, dan keren bisa langsung di coba kalau mau..hehehehe… tapi ada beberapa kekurangan menurut saya pribadi karena blog itu Cuma memiliki 1 page, jadi pada halaman utuma nya kalau kita terlalu banyak memberi gadget / widget proses loading nya akan menjadi lambat itu semua akan menghambat kenyamanan pengunjung yang akan datang ke blog kita…

Kalau mau mencoba bisa langsung ikuti langkah – langkah berikut:


langkah pertama :

langsung saja log in ke blogger.com -> layout -> edit html


Tambahkan kode berikut persis di atas kode # ]]>skin> :

note: untuk mencari kode tersebut bisa gunakan ctrl + F & jangan cetak expand widget template
/* bottom
---------------------------- */

#bottom {
width: 660px;
position: relative;
clear:both;
margin: 0 auto;
color:#fff;
float: left;
background:#BDBABD;
padding: 15px 0 15px 0;
}

#bottom h2 {
padding: 5px 0 2px 0;
margin: 0 0 10px 0;
color:#ff5a00;
font-size: 24px;
letter-spacing: -1px;
border-bottom: 1px solid #fff;
}

#bottom ul {
padding: 0;
margin: 0;
}

#bottom ul li {
line-height: 26px;
list-style-type: none;
border-bottom: 1px dashed #031c5d;
}

#bottom ul li a {
display: block;
padding: 0 10px;
color:#0701FD;
text-decoration: none;

}
#bottom ul li a:hover {
background: #B1ACB1;
}

#left-bottom { /* yang ini nih kode kolom kiri */
width: 205px;
float: left;
padding-left:10px;
}

#center-bottom { /* kalo yg ini kode kolom tengah */
width: 205px;
float: left;
padding-left:10px;
}

#right-bottom { /* kalo yg ini kode kolom kanan */
width: 205px;
float: left;
padding: 0 5px 0 10px;
}

Cari bagian body yaitu pada bagian bawah kode template, dan cari kode yang mirip seperti ini :

# Copy paste kode berikut persis di atas kode yang atas tadi :

setelah selesai save...

setelah itu pergi ke page element, jika berhasil sip dech..^^..
jika ada kekurangan ulangi langkah - langkah pertama

jika ada yang masih kurang mengerti bisa langsung contact saya atau pun post ke comment...thx...

cara menambah 3 kolom widget di bawah header

Dalam tutorial blog kali ini kita akan belajar bagaimana cara menambah 3 kolom widget dibawah header.. Widget 3 kolom dibawah header ini sebenarnya bisa sobat tambahkan jika pada bagian sidebar template sudah penuh dan terlalu panjang, Sebagai alternatif untuk meletakkan kode html ataupun javascript yang mungkin sobat perlukan.

Berikut langkah-langkah cara menambah 3 kolom widget di bawah header
1. Login bloger sobat.

2. setelah masuk klik rancangan.

3. Pilih Edit HTML.

4. Sebelum memulai pengeditan alahkah baiknya sobat membackup data sobat terlebih dahulu, caranya pilih Download Template Lengkap. Ini di maksudkan untuk mengantisipasi jika terjadi kesalahan ketika pengeditan

5. Centang Expand Template Widget

6. Cari kode ]]>, Tips agar lebih mudah sobat bisa menekan Ctrl + F/F3, kemudian ketikan kata yang di cari.
6. Paste kode di bawah ini sebelum kode ]]>

#tiga-kolom-dibawah-header {
clear:both;
}
.tiga-kolom {
}

7. cari kode

8.setelah ketemu copas kode di bawah ini di atas kode

9.klik simpan template.

Bagi sobat yang masih bingung memilih template yang mempunyai widget pada footer sebanyak tiga tidak perlu pusing, karena saya disini punya solusinya yang intinya semua template blogger punya widget footer sebanyak 3 yaitu dengan melakukan edit kode xml. caranya cukup mudah kog.

contoh, sebelumnya

setelah diedit

Keuntungannya adalah:
–> Anda dapat menempatkan lebih banyak widget (gadget)
–> Mengubah tampilan sesuai yang anda inginkan

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

1. Jika anda sudah memiliki beberapa widget (gadget) di Footer, harap dihapus terlebih dulu.
Cara menghapusnya:
Login ke Blogger —> LAYOUT —-> Page Element —> Periksa apakah anda memiliki gadget di footer —-> Jika anda menemukannya, klik Edit dan — Hapus

2. Selanjutnya buka LAYOUT —> EDIT HTML dan cari bagian kode berikut:

]]>

Setelah ketemu letakan kode di bawah ini tepat diatas kode warna hijau

#footer-columns {
border-top:1px dotted #999999;
clear:both;
margin:0 auto;
}
.column1 {
padding: 0px 5px 3px 5px;
width: 30%;
float: left;
margin:3px;
text-align: left;
}
.column2 {
padding: 0px 5px 3px 5px;
width: 31%;
float: left;
margin:3px 3px 3px 5px;
text-align: left;
}
.column3 {
padding: 0px 5px 3px 5px;
width: 30%;
float: right;
margin:3px;
text-align: left;
}
.addwidget {
padding: 0 0 0 0;
}
#footer-columns ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
#footer-columns li {
margin:0;
padding-top:0;
padding-left:0;
padding-bottom:.25em;
padding-right:15px;
text-indent:-15px;
line-height:1.5em;
}
body#layout #footer-columns {
width: 100%;
margin-left: auto;
margin-right: auto;
}
body#layout .column1 {
width: 32%;
float: left;
}
body#layout .column2 {
width: 32%;
float: left;
}
body#layout .column3 {
width: 32%;
float: right;
}

Itu adalah CSS style untuk bagian Footer baru. disini kita akan berbicara tentang kustom

Anda hapus kode warna merah diatas, ganti denga kode berikut

Langkah-langkah Cara Membuat 3 Kolom Widget di Bawah Header :
1. login blog
2. rancangan >> edit HTML (centang Expand Template Widget)
3. cari kode ]]>
4. lalu taruh kode dibawah ini tepat diatas kode ]]>

/* Top Header
---------------------------- */
#topheader {
width:930px;
clear:both;
float:left;
color:#333;
background:#fff;
margin:0 auto;
padding:0 0 10px;
}


#topheader a:visited {
color:gray;
text-decoration:none;
}


#topheader h2 {
font-size:11px;
font-weight:700;
line-height:1.4em;
text-transform:uppercase;
border-bottom:1px dotted silver;
margin:0 0 10px;
padding:20px 0 2px;
}


#topheader ul {
color:#333;
margin:0;
padding:0;
}


#topheader ul li {
list-style-type:none;
background:fff;
border-bottom:1px dotted #ccc;
padding-left:17px;
margin-top:2px;
}


#left-topheader {
width:360px;
float:left;
padding-left:15px;
}


#center-topheader {
width:230px;
float:left;
padding:0 20px;
}


#right-topheader {
width:260px;
float:right;
padding-right:15px;
}

Silahkan sobat modifikasi kode HTML diatas agar sesuai dengan template blog sobat.
5. cari kode seperti dibawah ini, jika tidak ada cari kode yang hampir sama seperti kode dibwah ini.

pada tulisan yang berwarna merah tergantung pada nama blog sobat.
6. lalu tambahkan kode dibawah ini dibawah kode diatas

7. simpan dan lihat hasilnya.....