Warung Bebas

Selasa, 29 Mei 2012

Cara Membuat Postingan Hanya Tampil Judulnya Saja di Halaman Utama Blog

 Cara Membuat Postingan Hanya Tampil Judulnya Saja di Halaman Utama Blog (Home Page) - Setelah lama sekali tidak pernah update posting blog, Sekaranglah saatnya saya berbagi artikel lagi, Dan kali ini saya akan share artikel tentang Cara Membuat Postingan Hanya Tampil Judulnya Saja di Halaman Utama Blog.

 Hal ini biasanya di lakukan oleh para blogger untuk tujuan mempercantik blog atau menyingkat tampilan blog, Karena jika hanya tampil judul postingan saja di halaman utama blog, Maka loading suatu blog jika di akses atau dibuka pada halaman utama (Home Page) akan terasa ringan, Intinya blog jadi ringan.


 Untuk cara membuatnya seperti itu, Caranya sangat mudah sekali. Silahkan sobat ikuti langkah-langkahnya sebagai berikut:

1. Silahkan sobat >> "Masuk/Login" ke akun blog sobat.

2. Pada tampilan menu blog yang baru, Sobat Pilih >> Menu "Template", Seperti pada gambar di bawah ini.


3. Kemudian Klik >> Menu "Edit HTML"

4. Langkah selanjutnya sobat carilah kode ]]></b:skin>

Gunakan CTRL+F untuk mempermudah pencarian.

5. Silahkan sobat Copy kode di bawah ini, Lalu Paste-kan tepat di bawah kode ]]></b:skin>

<style type='text/css'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

.post-body{display:none;}

</b:if>

</b:if>

</style>


6. Jika sudah, Untuk menghindari kesalahan saat Edit Template, Silahkan sobat klik >> "Preview/Pratinjau".

7. Jika Hasilnya baik-baik saja atau tidak Error, Silahkan sobat klik >> "Save/Simpan Template".

Catatan:
  • Kode script diatas masih akan menyisakan beberapa elemen yang tampil, Seperti tanggal posting, komentar dan yang lainnya. Kalau sobat mau atau ingin menghilangkan semuanya dan yang tersisa hanya judul postingnya saja, Maka silahkan sobat pakai kode script yang berikut dibawah ini, Cara menaruhnya sama seperti yang saya sudah jelaskan di atas.

<style type='text/css'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

.post-body, .post-footer, .jump-link,

.post-timestamp, .reaction-buttons,

.star-ratings, .post-backlinks,

.post-icons, .date-header{display:none;}

</b:if>

</b:if>

</style>

  • Jika semua Kode Script-nya sudah sobat terapkan, Silahkan klik >> "Save/Simpan Template", Dan lihat hasilnya.
 Demikian Tutorial blog ringan tentang Cara Membuat Postingan Hanya Tampil Judulnya Saja di Halaman Utama Blog (Home Page), Semoga bisa sangat bermanfaat untuk sobat KUCOPAS semua.


Jumat, 25 Mei 2012

Membuat Efek Daun Berjatuhan di Blog

Membuat Efek Daun Berjatuhan di Blog | Tutorial Blog

Seperti halnya Memberi Efek Hujan Salju di Blog, efek daun jatuh ini juga menambah daya tarik buat pengunjung blog, trik ini menggunakan kode javascript, jadi sedikit memperberat loading blog.
Sebaiknya jangan tambahkan efek ini kalau di blog sobat sudah menggunakan efek video slide, pemutar music mp3 online atau penggunaan script animasi yang lain. Jadi pertimbangkan baik-baik sebelum menggunakan sebuah efek javascript.

Berikut Cara Membuat Efek Daun Berjatuhan :
  • Login ke dashboard blogger anda.
  • Klik Template >  Edit HTML.
  • Lalu klik Proceed dan centang Expand widget template.
  • Cari kode </head>  pada template dengan menggunakan Ctrl+F.
  •  Copy kode javascript dibawah ini dan letakkan tepat diatas kode </head>.
    <script src='http://wadah-tutorial.googlecode.com/files/daun.js'/>
  • Save template anda dan lihat hasilnya.
Segitu aja Sob, selamat mencoba Membuat Efek Daun Berjatuhan di Blog.

Selasa, 22 Mei 2012

Cara Membuat dan Memasang Contact Us di Blog



 Cara Membuat dan Memasang Contact Us di Blog - Kali ini saya akan menerangkan secara detail tentang cara membuat dan memasang contact us di blog, termasuk blogspot dan wordpress. kita akan menggunakan bantuan dari situs pembuat kode html contact form.

Silahkan sobat ikuti langkah-langkahnya Cara Membuat Contact Us:
1. Siapkan email sobat untuk proses Registrasi atau pendaftaran.
2. Kunjungi situs pembuat kode Html Contact Us di http://123contactform.com dan ingat sobat pilihlah yang free atau gartis, klik >> "SIGN UP FOR FREE", pilih >> "Basic" lalu klik >> "Sign Up". Kalau ada $$ lebih bagus lagi pilih yang berbayar, karena fiturnya akan lebih lengkap.


3. Kemudian Create Account (membuat akun) atau Registrasi (pendaftaran):
  • Username = Masukkan dan buat Username Sobat.
  • Password = Masukkan dan buat Password sobat.
  • Confrim password = Masukkan Password yang sama.
  • Email = Masukkan Email sobat, Email ini yang akan menerima verifikasi dan Pesan dalam Form Contact Us sobat.

4. Setelah sobat melakukan Registrasi atau pendaftaran, silahkan sobat cek email untuk verifikasi Registrasi atau pendaftaran.
5. Login atau masuk akun menggunakan Username dan Password yang sobat buat tadi saat pendaftaran atau Registrasi. Lalu sobat pilih >> "creat new form" kemudian sobat pilih >> "contact form" setelah itu silahkan sobat kasih judul Formnya, seperti gambar Form Name (Contact Us) diatas.
6. Saat sobat sudah sampai langkah disini, silahkan sobat keluarkan kemampuan sobat untuk mendesain dan mengatur form Contact Us tersebut, bebas dan silahkan sobat mendesainya seperti yang sobat inginkan.
7. Langkah selanjutnya adalah apabila sobat sudah selesai mendesain form Contact Us tersebut, silahkan sobat klik >> "continue".
Lihat gambar berikut di bawah ini:


Keterangan:

  • No 1 adalah alamat Email yang akan menerima pesan apabila ada yang menghubungi sobat lewat form Contact Us tersebut, jadi silahkan sobat centang kotak kecil di sebelah email yang sobat daftarkan.
  • No 2 adalah pesan dari form Contact us sobat, yang akan tampil setelah pesan terkirim. (Your message has been sent. Thank you for filling out our form!) Sobat bisa menggantinya sesuai dengan keinginan sobat, contoh "Terima kasih ya Sobat, sudah menghubungi kami" atau yang lainya. kemudian klik >> "save".
  • Kalau sudah, langkah selanjutnya sobat bisa klik >> "continue" atau menuju no 3 >> "Publish Form" di bagian kanan atas.


Cara Memasang Form Contact Us di Blog:

  • Sekarang sobat tinggal pilih form tersebut ingin di pasang di blog di bagian yang mana. Silahkan di pilih sesuai yang sobat inginkan.
  • Karena banyaknya pilihan kode yang di suguhkan, Maka saya sarankan sobat pilih kode untuk Blogger atau Wordpress pada pilihan menu di samping kiri.




  • Langkah yang selanjutnya silahkan sobat copy semua kodenya dan paste di halaman contact us sobat. Bisa di pasang di Postingan atau juga di pasang pada Sidebar Blog.
  • Ingat sobat.!!! Tempel (taruh) atau paste kodenya pada mode HTML/java script, lalu simpan.
  • Selesai dan lihat hasilnya. Semoga sangat bermanfaat untuk sobat KUCOPAS semua.



KODE WARNA HTML

 Kode Warna Html - Cara membuat dan mengetahui warna atau kode warna Html caranya sangat mudah, Kali ini kita akan menggunakan Generator kode warna Html, karena generator ini bisa mempermudah kita untuk mengetahui berbagai macam kode warna Html dan cara menggunakanya juga sangat mudah, silahkan sobat ikuti terus cara-cara untuk menggunakan generator kode warna Html ini.

 Sedikit penjelasan untuk sobat semua, Code Color Html Generator ini sangat di perlukan banget saat kita akan mendesain suatu halaman website atau blog. Dalam mendesain website atau blog, yang pasti kita tidak akan terlepas dari gradiasi atau pemilihan warna yang tepat untuk blog atau website kita. Maka untuk itu kita perlu mengetahui berbagai macam jenis warna tersebut dalam HTML atau lebih tepatnya sering di sebut dengan kode warna HTML.


 Oke sobat, karena kebutuhan untuk mengetahui berbagai macam kode warna Html tersebut, saya sediakan untuk sobat semuanya, Generator kode warna HTML di bawah berikut ini:





keterangan:

  1. Kotak Brightness/Saturation adalah pengaturan warna yang bisa sobat geser sesuai yang sobat inginkan.
  2. Hue adalah mirip seperti Volume warna.
  3. Swatch adalah warna yang terpilih.
  4. Hex adalah Kode warna Html.
sobat bisa coba ganti dengan kode warna html yang lain, dan hasilnya bisa sobat lihat pada kotak Swatch untuk kode yang sobat ganti tadi.

 Selamat berkreasi untuk menghasilkan warna yang sobat inginkan dan jadikan semua jadi berwarna, Semoga bermanfaat untuk sobat KUCOPAS semua.



Cara Membuat dan Memasang Buku Tamu Yang Privasi di Blog

 Cara Membuat dan Memasang Buku Tamu Yang Privasi di Blog - Setelah lama tidak update posting, kali ini saya akan share artikel  tentang  Cara Membuat dan Memasang Buku Tamu Yang Privasi di Blog , dan kita akan membuatnya di Iboox.com.

Fungsi dari Buku Tamu Yang Privasi ini adalah hanya admin yang akan tahu isi dari pesan dalam buku tamu tersebut dan tidak ada orang lain yang akan tahu, karena untuk membuka isi pesan yang ada dalam buku tamu ini kita harus menggunakan Email atau ID dan password yang kita daftarkan pada buku tamu tersebut.

Tampilan dalam buku tamu ini sangat mudah di pahami dan sedap untuk dipandang. Sobat pun bisa mengatur tampilannya seperti yang sobat inginkan.

 Mungkin sobat juga pernah menemukan dan merasa sangat jengkel saat buku tamu di blog sobat di penuhi dengan isi pesan spam yang bersifat menjatuhkan, dan tentu saja tanpa sebab dan alasan yang jelas kenapa pelaku spammer tersebut melakukan aksinya di dalam buku tamu blog kita.

 Buku tamu yang pada umumnya seperti Shoutmix, Cbox atau Teriaklah yang gratisan sekalipun tidak menyediakan pengaturan agar bisa digunakan secara privasi dimana pesan hanya bisa dlihat dan dibaca oleh si Admin buku tamu tersebut.

Dan kali ini ada layanan buku tamu gratis yang bisa diandalkan untuk menghindari sikap dan aksi sentimental dari para pelaku Spammer. Tentunya kita tidak perlu membayar hosting dan domain untuk membuat buku tamu yang gratis jenis ini.

Saya yakin buku tamu ini juga cocok sekali diletakkan pada situs yang dioptimasi untuk earning seperti Google adsense atau sponsor yang lainnya.

Berikut Cara Membuat Buku Tamu Yang Privasi di Iboox.com:
1. Silahkan sobat masuk di Iboox.com dan melakukan registrasi atau pendaftarn.
Catatan
Sobat hanya perlu membuat akun seperti membuat akun untuk layanan-layanan buku tamu seperti yang lainnya.

2. Setelah akun sobat sudah jadi, Segera konfirmasi email pendaftarannya yang telah dikirimkan ke email sobat dan selanjutnya sobat sudah bisa login atau masuk menuju halaman control panel di Iboox.com.

Secara default buku tamu ini hampir sama dengan buku tamu yang lainnya, yaitu semua isi pesannya juga dapat dilihat oleh siapapun yang mengunjungi blog kita.
Berikut langkah-langkahnya agar isi pesan dalam buku tamu hanya dapat di lihat oleh sobat  pemilik akun:
Silhkan sobat klik menu >> "Configuration" pada sidebar sebelah kiri halaman.
Kemudian sobat menuju menu >> "Moderation" dan jangan lupa sobat centang opsi >> "Moderated Guestbook".

Cara Memasang Buku Tamu Iboox.com di Blog:
Langkah selanjutnya sekarang sobat tinggal memasang dan meletakkannya pada blog, Berhubung buku tamu pada Iboox.com hanya menyediakan link, maka sobat harus meng-Embed atau membuat <iframe> secara manual.
Berikut caranya sobat:

  • Silahkan sobat ambil atau copy id angka unik yang menjadi link buku tamu sobat, lihat pada contoh gambar yang dilingkari warna hijau dibawah ini.



Lalu sobat sisipkan atau taruh ke dalam kode di bawah ini:
<iframe align="left" frameborder="1" src="http://Angka / Id.iboox.com/" width="100%" height="600" scrolling="auto"></iframe>

Keterangan:
Sobat ganti Angka / Id.iboox.com dengan Id sobat seperti contoh gambar diatas yang saya lingkari.
Kemudian letakkan kode tersebut dimanapun sobat inginkan di blog sobat.
Sobat bisa mengatur sendiri semua opsi yang ada melalui halaman control panel, mulai dari font, warna, ukuran, smile dan lain-lain, agar sesuai dengan keinginan sobat.
Selesai dan semoga bermanfaat untuk sobat KUCOPAS semua.


Sabtu, 05 Mei 2012

Cara Mudah Scan Blog Dari Virus atau Malware

URL Void
 Cara Mudah Scan Blog Dari Virus atau Malware - Malware atau virus ternyata bisa menjangkit blog, seperti yang pernah saya alami pada blog KUCOPAS ini. maka dari itu berhati-hatilah jika sobat adalah seorang blogger, jangan sampai blog kesayangan sobat terjangkit malware atau virus.

 Mungkin sobat pernah bertanya-tanya dalam hati, bagaimana caranya untuk scan blog dari virus atau malware?

 Akibat jika website atau Blog sobat terjangkit virus atau malware:
  • Pengunjung enggan mengunjungi blog sobat, dan efeknya blog sobat jadinya sepi pengunjung.
  • Bisa merugikan pengunjung blog sobat yang tidak tahu, karena komputernya bisa ikut terjangkit virus. Artinya tentu saja sobat jadi agen penyebar virus, padahal pastinya sobat tidak sengaja.
  • Halaman website atau Blog tidak akan tampil sempurna (bahkan bisa diblokir).

 Berikut akan saya jelaskan Cara Scan Virus atau Malware pada Blog, Disini ada dua cara yang akan saya sarankan untuk sobat semua.

1. Cara pertama, Silahkan sobat menggunakan layanan gratis milik google.
Google menyediakan layanan gratis ini untuk Scan blog dari virus atau Scan Virus Pada Blog. Mungkin kebanyakan sobat blogger ada yang belum tahu hal ini.
 Caranya silahkan sobat copy link berikut di bawah dan taruh di address bar sobat.

http://www.google.com/safebrowsing/diagnostic?site=http://kuc0pas.blogspot.com

 Silahkan sobat ganti tulisan http://kuc0pas.blogspot.com dengan URL alamat situs web atau blog milik sobat, kemudian tekan enter.
Dan hasilnya akan seperti gambar di bawah ini. klik gambar untuk  lebih jelas.

Hasil Scan Blog Dari Virus atau Malware
 Bila hasil scan Virus blog sobat seperti gambar diatas, berarti blog sobat baik-baik saja.

2. Cara ke dua, silahkan sobat pakai bantuan dari URLVoid.
pada situs URLVoid ini akan membantu scan blog Anda dengan mudah dan secara online, karena URLVoid akan mendeteksi apakah blog atau website sobat memiliki hal yang mencurigakan atau tidak.
Caranya silahkan sobat kunjungi situsnya di http://www.urlvoid.com/ kemudian masukkan URL alamat situs web atau blog Sobat.

 Demikian tutorial tentang Cara Mudah Scan Blog Dari Virus atau Malware, semoga bermanfaat buat sobat KUCOPAS semua.


Jumat, 04 Mei 2012

Memberi Efek Hujan Salju di Blog

Memberi Efek Hujan Salju di Blog | Tutorial Blog

Rasanya udah lama saya ga post, baru sekarang bisa update blog, jadi pada kesempatan ini saya akan berbagi salah satu cara untuk mempercantik blog, tutorial singkat kali ini tentang Memberi Efek Hujan Salju di Blog. Efek ini akan sangat bagus jika ditampilkan  pada background(latar belakang) blog berwarna gelap. jika background blog sobat berwarna terang atau mungkin putih, maka efek hujan saljunya akan tidak jelas malah mungkin tidak terlihat.

Langsung aja sob, berikut tutorialnya :
  1. Login ke dashboard blogger sobat.
  2. Pilih Layout > Add gadget > HTML/JavaScript.
    Spoiler :
    Memberi Efek Hujan Salju di Blog
  3. Letakkan script dibawah ini pada gadget.
    <script src='http://wadah-tutorial.googlecode.com/files/snow.js.txt' type="text/javascript"></script>
  4. Save dan lihat hasilnya.
    Spoiler :
    Memberi Efek Hujan Salju di Blog
Ok sob, sekian dulu tutorial tentang Memberi Efek Hujan Salju di Blog.

Kamis, 03 Mei 2012

Cara Membuat Scroll Bar di Posting Blog

Scroll Bar di Posting Blog
 Cara Membuat Scroll Bar di Posting Blog - Sedikit penjelasan dan pengetahuan untuk sobat tentang definisi Fungsi dan kegunaanya Scroll Bar adalah untuk memudahkan kita apabila ada kode atau tulisan yang sangat panjang agar tidak memakan terlalu banyak tempat, intinya tampilan posting blog kita jadi singkat dan dinamis.

 Cara Membuat scroll bar di posting blog sangatlah mudah, Caranya hampir sama seperti saat kita menulis postingan blog. Namun yang paling penting adalah jangan lupa sobat copy/paste atau Tulis Kode script di bawah ini pada mode Edit HTML di bagian posting blog.

 Berikut Kode Script Scroll Bar Posting Blog:


<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'>

LETAKKAN TULISAN SOBAT ATAU APAPUN DISINI.
(Tulisan ditulis di COmpose, sedangkan Kode di Tulis pada mode Edit HTML)

</div>

Catatan:
  • Ingat, Sobat Tulis  pada mode Edit HTML, bukan Compose.!!!
  • Untuk melihat dan mengecek berhasil atau tidak, silahkan sobat klik Compose.
  • height:200px; adalah ukuran lebar atas bawah kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
  • width: auto; adalah ukuran otomatis lebar samping kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
  • border:1px solid adalah ukuran tebal garis kotak scroll, silahkan sobat ganti nilainya, seperti yang sobat inginkan.
  • #000000 adalah Kode warna pada garis kotak scroll, silahkan sobat ganti Kode warnanya seperti yang sobat inginkan.
 Demikian artikel ringan tentang Cara Membuat Scroll Bar di Posting Blog, semoga bermanfaat buat sobat KUCOPAS semua.


Rabu, 02 Mei 2012

Cara Membuat Footer Multi Kolom di Blog

 Cara Membuat Footer Multi Kolom Di Blog - Footer Multi kolom yang akan saya jelaskan disini maksudnya adalah footer yang bisa di buat menjadi 2 kolom, 3 kolom atau 4 kolom. Tergantung dari kebutuhan dan keinginan sobat untuk membuat dan memasangnya di blog sobat.

 Fungsi dari menambah atau membuat footer multi kolom ini adalah untuk sobat yang ingin memperbanyak ruang kolom atau tambah gadget pada bagian footer template blog sobat. Karena mungkin sobat memerlukan bayak ruang widget untuk blog sobat. Biasanya di gunakan untuk blog magazine atau yang lainya.

 Untuk cara membuat dan memasang footer multi kolom di blog ini caranya terbilang sangat mudah, Apalagi bagi sobat yang sudah mahir untuk edit html dalam template blog. Namun bagi sobat yang masih newbie kayak saya ini, Jangan berkecil hati. Karena saya akan memandu sobat sampai berhasil menerapkan footer multi kolom ini di blog sobat kucopas semua.

 Langsung saja kita mulai ya sobat, Ikuti saja langkah-langkahnya dengan teliti dan jangan sampai ada yang terlewatkan. Cara membuat footer multi kolom di blog, Caranya sebagai berikut:

1. Silahkan sobat >> "Login atau Masuk" ke >> Blogger.com menggunakan akun sobat.

2. Pada "Dashboard" tampilan blogger baru, Pilih dan klik menu >> "Template"

3. "Back up" template sobat dengan klik pada >> Cadangkan/Pulihkan >> "Unduh Template lengkap" agar sobat bisa mengembalikan template sobat ke kondisi semula jika terjadi kesalahan saat edit html template blog atau hasilnya tidak memuaskan seperti yang sobat inginkan.

4. Langkah yang selanjutnya klik >> "Edit HTML" >> Lanjutkan.

5. Jika sudah, jangan lupa sobat Centang "Expand Template Widget".

6. Kemudian sobat cari kode ]]></b:skin> (Gunakan CTRL+F untuk mempermudah pencarian).

7. Langkah yang ke tujuh, Silahkan sobat tambahkan atau taruh kode berikut ini di atas atau sebelum kode ]]></b:skin>

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

8. Jika sudah, Sobat cari kode berikut dibawah ini. (Gunakan CTRL+F kembali untuk mempercepat pencarian).

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

atau

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

9. Silahkan sobat tambahkan atau taruh kode berikut, dibawah atau sesudah kode <b:section class='footer' id='footer'showaddelement='yes'/> atau <b:section class='footer' id='footer' />

Keterangan:
Jika sobat tidak menemukan kode <b:section class='footer' id='footer'showaddelement='yes'/> maka Sobat tambahkan atau taruh saja kode berikut setelah atau dibawah kode <div id='footer'>

Jika sobat ingin membuat footer 2 kolom di blog. Silahkan sobat gunakan kode berikut:

<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

Jika sobat ingin membuat footer 3 kolom di blog. Silahkan sobat gunakan kode berikut:

<div id='footer-column-divide'>

<div id='footer1' style='width: 33%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 33%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

Jika sobat ingin membuat footer 4 kolom di blog. Silahkan sobat gunakan kode berikut:

<div id='footer-column-divide'>

<div id='footer1' style='width: 25%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 25%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div id='footer4' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col4'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

10. Kalau sudah, silahkan sobat klik >> "Pratinjau" atau "Preview", Guna untuk menghindari kesalahan saat Edit Template blog sobat.

11. Jika hasilnya sudah bagus seperti yang sobat inginkan dan Edit Template tidak eror, Silahkan sobat klik >> "Save Template" atau "Simpan Template", Lalu klik >> "Page Element" atau "Tata Letak" untuk melihat hasilnya.

Jika sobat sudah berhasil membuat footer multi kolom di blog, Maka hasilnya akan menjadi seperti gambar screenshot di bawah ini.

Contoh Footer 2 Kolom

Cara Membuat Footer Multi Kolom di Blog

Contoh Footer 3 Kolom

Cara Membuat Footer Multi Kolom di Blog

Contoh Footer 4 Kolom

Cara Membuat Footer Multi Kolom di Blog

 Demikian tutorial blog tentang Cara Membuat Footer Multi Kolom Di Blog, Semoga bermanfaat untuk sobat KUCOPAS semua. Selamat berkarya...

| Source by www.maskolis.com | Supported by http://kuc0pas.blogspot.com |

 

M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger