Cara membuat Header Blog Sendiri

16.04.00 Unknown 7 Comments

Header ( Kepala ) kalau dalam surat, ini merupakan KOP surat. Tentunya tiap -tiap surat atau blog memiliki KOP atau header tersendiri, karena header ini merupakan salah satu ciri dari sebuah blog seseorang.
Cara membuat header sangat mudah, anda dapat membuatnya melalui photoshop, caranya sebagai berikut :

1. Buka photoshop
2. Pilih new, maka akan tampil sebagai berikut :

kemudian atur ukurannya, kalau blog saya menggunakan ukuran widith :1000px dan Height: 200px. Sesuaikan dengan ukuran header blog Anda.

3. Ok
4. Buat gambar pada layer yang tersedia, jika Anda pusing, Anda dapat mengcopy gambar dan menambahkan sedikit teks atau gambar.
5. Klil file, tentukan tujuan folder ubah format gambar menjadi JPEG agar lebih cepat terupload pada blog Anda.
6. Log in pada blog Anda
7.Pilih Tata Letak - Edit halaman
8. Pilih browse, masukan file yang telah Anda buat pada Photoshop
9. Pada bagian penempatan pilih "Selain judul dan keterangan"

10. Simpan

Selamat Mencoba,
Jangan Lupa Comment Ya !!!

7 comments:

Membuat efek Marquee

15.02.00 Unknown 0 Comments

Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.

Marquee ini bisa di buat dengan menggunakan tag  .... 

Atribut yang sering di gunakan adalah : 

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang)  teks 

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks 

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan 

Scroll --> teks bergerak berputar

Slide--> teks bergerak sekali lalu berhenti

Alternate --> teks bergerak dari kiri kekanan lalu balik lagi (  bolak-balik bo) 

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks 

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel,  semakin besar angka semajin cepat gerakannya. 

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili  detik 

LOOP="angka|-1|infinite" --> Mengatur jumlah loop 

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen 

Agar lebih jelas akan saya sertakan contohnya : 

Contoh marquee dari gerakan : 

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">  

MARQUEE DARI KANAN KE KIRI 

</MARQUEE>

maka hasilnya :

MARQUEE DARI KANAN KE KIRI

Anda dapat merubah align,directoin,heingt,width dan scrollamout sesuai keinginan Anda.  

0 comments:

Cara Memposting Artikel

14.20.00 Unknown 1 Comments

Bagi anda yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini akan di bahas tentang tata cara posting di blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa anda gunakan.Jika anda sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung.

Toolbar yang ada ketika posting :

--> Untuk merubah jenis hurup yang di gunakan

--> Untuk merubah ukuran hurup (heading)

--> Untuk Menebalkan hurup

--> Untuk memiringkan hurup

--> Untuk merubah warna hurup

--> Untuk membuat link

--> Untuk membuat artikel menjadi rata kiri

--> Untuk membuat tulisan menjadi di tengah

--> Untuk membuat artikel menjadi rata kanan

--> Untuk membuat artikel menjadi rata kiri dan rata kanan

--> Untuk membuat sub bahasan oleh angka

--> Untuk membuat sub bahasan oleh bullet

--> Untuk mengecek spelling

--> Untuk memasukan gambar(upload gambar)

--> Untuk membuat artikel dalam kode HTML

--> Untuk membuat artikel dalam mode Compose (biasa)

--> Untuk me review (melihat) artikel

Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.

Langkah-langkah dalam memposting suatu artikel:

Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.
Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).
Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.
Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.
Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.

1 comments:

Membuat Menu Buku tamu di Samping

23.00.00 Unknown 2 Comments

Untuk menghemat halaman Blog Anda, agar tidak terlalu banyak widget yang terpasang atau Anda ingin memasang iklan dapan menggunakan menu ini, caranya :

1. Log In pada Blog Anda
2. Tambah Gadget
3. Copy paste Kode HTML di bawah ini :

<br /><br />


<a href="javascript:showHideGB()">
[Keluar]
</a>
</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


<script type="text/javascript" src="http://cdn.gigya.com/js/socialize.js?apiKey=2_ay16xXCA90i0zbQVeB1RhxwV1YHibQbZ20DYg537ohZLPpZWqID6qJF5wJqS9Xc_"></script>
<script type="text/javascript">
var conf=
{
APIKey: '2_ay16xXCA90i0zbQVeB1RhxwV1YHibQbZ20DYg537ohZLPpZWqID6qJF5wJqS9Xc_'
,enabledProviders: 'facebook,twitter,myspace,yahoo,google,linkedin,liveid,blogger,wordpress,typepad,livejournal,openid'
}
</script>

<script>
var gs_partner = '1268421'
var gs_apikey = '2_ay16xXCA90i0zbQVeB1RhxwV1YHibQbZ20DYg537ohZLPpZWqID6qJF5wJqS9Xc_'
</script>
<script src='http://toolbar.cdn.gigya.com/v2/toolbar.js'></script>

4. Isi kode HTML Shoutmix, Oggix,dsb pada kolom berwarna kuning

*Ket . Menu ini tidak hanya dapat disi dengan menu shoutmix, Anda juga bisa memasukkan gadget lainnya seperi iklan,dsb dengan menambahkan <br /> setelah kode HTML yang telah Anda masukan,begitu pula jika Anda akan menambahkannya lagi.

Selamat Mencoba !!!

ss

2 comments:

Kode Warna

21.52.00 Unknown 0 Comments

Cyan #00ffff

Blue #0000ff

Skyblue #abcdef

Darkcyan #008686

Cadetblue #5f9ea0

Midnightblue #191970

Mediumslateblue #7b68ee

Cornflowerblue #6495ed

Lightsteelblue #b0c4de

Lightskyblue #87cefa

Powderblue #bde0e6

Aquamarine #7fffda

Dodgerblue #1e90ff

Royalblue #4169e1

Blueviolet #8a2be2

Indigo #460082

Lavender #e6e6fa

Lightblue #add8e6

Deepskyblue #00bfff

Darkslateblue #483080

Mediumvioletred #071585

Mediumturquoise #4801cc

Mediumorchid #ba55d3

Darkturquoise #00ccd1

Paleturquoise #afeeee

Darkorchid #9932cc

Slateblue #6454cd

Aqua #00ffff

Red #ff0000

Darkred #860000

Indianred #cd5c5c

Firebrick #622222

Lightsalmon #ffa07a

Lightcoral #f08080

Maroon #800000

Crimson #dc143c

Tomato #ff6347

Salmon #fa8072

Coral #ff7f50

Pink #ffc0cb

Hotpink #ff69ba

Deeppink #ff1493

Lightpink #ffb6c1

Mistyrose #ffe4e1

Moccasin #ffe4b5

Peachpuff #ffdab9

Mintcream #f5fffa

Floralwhite #fffaf0

Oldlace #fdf5e6

Thistle #d8bfd8

White #ffffff

Linen #faf0e6

Navy #000080

Snow #fffafa

Orange #ffd000

Orangered #ff4500

Burlywood #deb887

Darkorange #ff8c00

Palevioletred #db7093

Sandybrown #f4a460

Rosybrown #bc8f8e

Brown #a52a2a

Peru #cd853f

Gold #ffd700
Yellow #ffff00
Lightyellow #ffffe0
Yellowgreen #9acd32
Palegoldenrod #eee8aa
Goldenrod #daa520
Lime #00ff00
Green #008000
Seagreen #f4a460
Palegreen #98f698
Lightseagreen #20b2aa
Forestgreen #228622
Lightgreen #90ee90
Olive #808000
Tan #d2b48c
Teal #008080
Olivedrab #6b8e23
Greenyellow #adff2f
Darkslategray #2f4f45
Darkolivegreen #55662f
Mediumspringgreen #00fa9a
Darkgoldenrod #688606
Darkkhaki #606766
Orchid #da70d6
Fuchsia #ff00ff
Darkmagenta #860086
Darkviolet #940003
Mediumpurple #9370db
Violet #ee82ee
Purple #800080
Plum #dda0dd
Gray #808080
Dimgray #696969
Gainsboro #dcdcdc
Lightslategray #778899
Lightgray #d3d3d3
Slategray #708090
Darkgray #a9a9a9
Silver #c0c0c0
Springgreen #00ff7f
Lightpink #ffb6c1
Navojowhite #ffdead
Darksalmon
Khaki #f0e68c
Aquamarine
Chocolate #d2691e

0 comments:

Cara melihat Kode HTML Website / Blog

19.32.00 Unknown 1 Comments

Untuk melihat semua kode sebuah website anda dapat mengklik View lalu klik Page Source, atau dengan cara menekan tombol CTRL+U.

Setiap Browser berbeda dalam menampilkan Source kode, ada yang menampilkan kode dengan me-link-kan suatu url baik gambar ataupun website, ada yang tidak menaruh link pada page source, dan asaya pernah mendapati versi IE yang menampilkan Source kode pada 'Notepad'.

Ada Sebuah cara lagi dalam melihat Source kode,

Kita dapat melihat source kode suatu website atau GAdget website tersebut dengan memBlock(menyeleksi) text atau Gadget tersebut. Lalu anda dapat melihat Kode-nya dengan meng-klik kanan bagian yang diBlock tersebut dan klik View selection Source, maka kode yang ditampilkan hanya disekitar tempat yang anda block tadi. Mungkin ini dapat mempermudah kita dalam melihat sebuah kode pada website, namun feature ini jarang ditemukan di banyak browser, karena dari beberapa browser yang saya gunakan, yang mendukung feature ini hanya Mozilla Firefox, jadi saya sarankan agar anda menggunakan Mozilla firefox sebagai browser anda, karena saya banyak menemukan kemudahan dalam browser ini dibandingkan dengan browser lain.

Ada beberapa Blog atau website yang melarang penggunaan 'klik kanan' pada website / blognya agar website / blognya tidak dicuri. Oleh sebab itu saya sarankan agar tidak mengambil hak cipta orang secara serius, dan gunakan ilmu-mu sebaik-baiknya agar tidak merugikan orang lain.

Saya sarankan agar tidak digunakan untuk berbuat negatif.

1 comments:

Memasang PDF Download pada artikel Anda

18.26.00 Unknown 0 Comments

Banyaknya artikel yang Anda posting pada Blog dapat memusingkan pembaca, untuk itu fitur ini dapat digunakan sebagai solusinya selain memasang tombol print. Dengan memasang PDF Download, para pembaca artikel Anda dapat mendownload artikel tersebut dalam bentuk file PDF.

Langsung saja, caranya sebagai berikut :
1. Buka http://www.web2pdfconvert.com
2. Pilih PDF Button, atau klik disini
3. Maka akan tampil sebagau berikut :

4. Ikuti gambar diatas
5. atau copy paste kode HTML dibawah ini :

<script type="text/javascript">
var
pdfbuttonlabel="Save page as PDF"
</script>
<script src="http://www.web2pdfconvert.com/pdfbutton.js" type="text/javascript"></script>

Letakan diantara

<body>

</body>

6. Simpan

Selamat Mencoba !!!

0 comments:

Memasang Menu Print pada postingan Blog

18.04.00 Unknown 0 Comments

Untuk memanjankan pengunjung Blog Anda, dapat Anda pasang menu print page, di bawah atau diatas artikel Anda, caranya copy kode HTML dibawah ini :

<img src="http://amen24.googlepages.com/printer.png" alt="print this page" border="0"/> Print this page</a>

atau dalam bentuk lain

Untuk cara memasukkannya sebagai berikut :

Silahkan login di blogger dengan id anda.
Klik Layout.
Klik Elemen Halaman.
Klik tulisan Tambahkan sebuah Elemen Halaman.
Setelah muncul popup, klik tombol TAMBAHKAN KE BLOG yang berada di bawah tulisan HTML/JavaScript.
Copy lalu paste kode berikut pada elemen halaman tadi
Simpan

Selamat Mencoba !!

0 comments:

Memasang Live Streaming Metro TV di Blog

15.20.00 Unknown 5 Comments

Langsung aja ngga banyak kata-kata, copy code HTML ini :

Selamat Mencoba !!

5 comments:

Memasang Gigya Toolbar

16.05.00 Unknown 0 Comments

Gigya Toolbar memudahkan Anda untuk chat, sharing facebook, twitter, my space cukup pada blog Anda, caranya :

1. Langkah pertama Anda harus mendaftar di http://www.gigya.com/

2. Klik Sign In di kolom atas sebelah kanan

3. Lakukan Proses Sign In

4. Setelah Sign In berhasil, kemudian klik product guides

5. Lakukan proses yang telah di contohkan

6. Setelah itu klik toolbar Widgets

7. Kemudian pilih Gigya Toolbar

8. Pilih tema Gigya Tollbar yang Anda sukai, copy Kode HTML nya

9. Log In pada Blogger

10. Klik Tata Letak

11. Tambah Gadget, HTML code

12. Letakan Gadget tersebut di paling bawah

13. Save

Selamat Mencoba

0 comments:

Membuat Text Area

16.50.00 Unknown 0 Comments

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

contoh :

<br /> <div style="color: orange;"><span class="fullpost"><code></code></span><br /> <div align="center"><textarea cols="20" name="code" rows="6"><span style="color: rgb(114, 45, 50);"></span></p></code></span></p></div><div style="color: orange;"><p><iframe src="http://translate.jgate.de/frame?" height="80" width="515" frameborder="0" scrolling="no">Get the <a href="http://wiki.dennyhalim.com/mywidget">Top Rated Widgets</a> and <a href="http://tips.dennyhalim.com">great blogspot gadgets</a> and many other <a href="http://it.dennyhalim.com">great free widgets</a></iframe><br /> <small><a href="http://wiki.dennyhalim.com/mywidget" </p><br /> </div><div style="color: orange;"><p>title="Install this Widget in your web/blog"></a></small></p></div><div style="color: orange;"><p><span class="fullpost"><code>/textarea></p></div><br /></blockquote><br /> <br /> maka hasilnya :<br /> <br /> <div align="center"><textarea cols="20" name="code" rows="6"><br /> <div style="color: orange;"><span class="fullpost"><code></code></span><br /> <div align="center"><textarea cols="20" name="code" rows="6"><span style="color: rgb(114, 45, 50);"></span></p></code></span></p></div><div style="color: orange;"><p><iframe src="http://translate.jgate.de/frame?" height="80" width="515" frameborder="0" scrolling="no">Get the <a href="http://wiki.dennyhalim.com/mywidget">Top Rated Widgets</a> and <a href="http://tips.dennyhalim.com">great blogspot gadgets</a> and many other <a href="http://it.dennyhalim.com">great free widgets</a></iframe><br /> <small><a href="http://wiki.dennyhalim.com/mywidget" </p><br /> </div><div style="color: orange;"><p>title="Install this Widget in your web/blog"></a></small></p></div><div style="color: orange;"><p><span class="fullpost"><code>/textarea></p></div><br />

0 comments:

Mendaftar di Feedburner

00.07.00 Unknown 0 Comments

Bagi anda yang ingin blognya lebih cepat terkenal saya sarankan untuk bergabung dengan feedburner, layanannya ditanggung gratis. Bagi yang ingin mendaftar tapi belum mengetahui caranya, silahkan ikuti langkah-langkah berikut ini :

1. Silahkan kunjungi http://www.feedburner.com.

2. Klik tulisan Register pada halaman bagian atas

3. Isi seluruh form yang yang ada

* Username --> isi dengan username yang diinginkan. contoh : wartz
* password --> isi dengan password yang diinginkan. contoh : j1231www
* Password (again) --> isikan kembali password yang tadi di tulis
* Email address --> isi dengan alamat email yang dimiliki
* Secret Question --> isi dengan pertanyaan rahasia yang jawabannya nanti cuma sobat yang tau. Contoh : siapa nama pacar pertamamu ?
* Secret Answer --> isi dengan jawaban yang sesuai dengan pertanyaan di atas. Contoh : tukimin
* Klik tombol Sigin

4. Jika berhasil, muncul ucapan selamat datang (welcome) dari feedburner

5. Isi kotak di bawah tulisan Burn a feed right this instant dengan alamat blog anda. Contoh : http://wartono92.blogspot.com

6. Beri tanda pada radio buuton yang tersedia, terserah mau pilih yang mana, kemudian klik tombol Next

7. Ubah Feed Title dengan Feed Address jika mau di ubah, kalo sudah tinggal klik tombol Active Feed

8. Ada ucapan Conrats, klik saja langsung tombol Next

9. Beri tanda centang pada kotak di samping tulisan Clickthroughs serta I want more ! have FeedBurner stats PRO also track (karena sekarang layanan yang PRO pun sudah gratis karena sudah di akuisisi oleh google)

10. Klik tombol Next

11. Klik tab Optimize

12. Silahkan setting yang anda inginkan, tapi yang paling penting adalah anda harus mengaftifkan fitur SmartFeed, karena fitur ini berfungsi agar supaya fungsi dari feed kita kompatibel atau klop dengan berbagai feed reader yang ada

13. silahkan klik SmartFeed lalu klik tombol Active

14. Klik tab Publicize, silahkan pilih fitur yang anda inginkan, tapi yang sering di gunakan adalah fitur feedCount coba klik FeedCount

15. Pilih bentuk style dari feedcount, yang biasa atau yang animasi, beri tanda pada radio button di sampingnya

16. Klik tombol Active

17. Copy kode HTML yang di berikan pada text area, paste pada notepad untuk nanti di pasang di blog anda

18. Klik Chicklet Chooser untuk memilih berbagai banner atau chicklet seperti yang di tanyakan sahabat setyo

19. Beri tanda pada radio button yang terletak di samping chicklet masing-masing, kemudian copy kode HTML yang di berikan yang ada pada text area, kemudian paste pada notepad. catatan : setiap sobat memberi tanda pada radio button masing-masing chicklet, maka secara otomatis kode HTML yang ada di bagian bawahpun akan berubah, jadi kesimpulannya beri tanda radio button lalu copy kode HTML nya beri tanda lagi lalu copy kodenya lagi

20. Klik Pingshot, beri tanda pada kotak di samping Ping-O-matic serta Newsgator, klik menu dropdown yang ada, lalu pilih yang sobat inginkan, klik tombol Add, klik lagi menu dropdownnya bila ingin di tambahkan lagi, klik Add kembali

21. Klik tombol Active

22. Klik Headline Animator untuk mendapatkan banner animasi

23. Klik menu dropdown di bawah tulisan Theme, pilih yang sesuai keinginan (yang paling banyak di minati adalah type classic)

24. Klik tombol Active

25. Klik menu dropdown di samping tulisan Add to, pilih Blogger blog

26. Klik tombol Next

27. Setelah muncul window baru, klik tombol Add to Blogger

28. silahkan Sign in dulu di blogger

29. Pilih blog yang mau di pasang banner animasi nya, lalu klik tombol Menambah Widget maka secara otomatis banner animasi akan di tambahkan. catatan : cara ini hanya berlaku bagi yang memakai template baru

30. Silahkan sign out dari situs tersebut

Selamat Mencoba !!!

0 comments:

Memasang Flag Translator

23.57.00 Unknown 0 Comments

Copy kode HTML Dibawah ini :

maka hasilnya :

Selamat Mencoba !!!

0 comments:

Membuat tampilan Tukeran Link/ Share Link

23.53.00 Unknown 0 Comments

Letakan kode HTML di bawah ini

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">

isi halaman

</div>

contoh :

<div style="overflow:auto;width:240px;height:100px;padding:10px;border:1px solid #eee">
<a href="http://wartono92.blogspot.com"><img src="http://images.cooltext.com/1371395.gif" width="72" height="15" alt="BLOG" /></a>
<br /><a href="http://wartono92.blogspot.com"></a> - <a href="http://cooltext.com/Logo-Design?LogoID=512084270"></a>
</div>

maka hasilnya :

Keterangan :
overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.

width:300px; » adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).

height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.

padding:10px; » adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;

border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.

Selamat Mencoba

0 comments:

Membuat Multi Kolom

23.48.00 Unknown 0 Comments

Langkah-langkanya :

# Hal pertama yang harus di ingat adalah jangan mencentang kotak kecil di samping tulisan expand widget template karena jika sobat mencontengnya maka akan keluar kode widget yang bikin pusing kepala, jadi sekali lagi Jangan mencontengnya.

# Tambahkan kode berikut persis di atas kode ]]></b:skin> :

/* 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;
}

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

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

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

<div id='bottom'>

<b:section class='bottom' id='left-bottom'/>

<b:section class='bottom' id='center-bottom'/>

<b:section class='bottom' id='right-bottom'/>

</div>

# Klik tombol Simpan Template.

Selamat Mencoba