Menambah Footer

1. Seperti biasa, masuk ke akun blogger anda
2. Klik Design
3. Lalu pilih Edit HTML
4. Ada baiknya anda download full template anda terlebih dahulu, jaga-jaga kalau tidak berhasil
5. Kalau sudah cari kode ]]>dengan CTRL+F
6. Lalu, tambahkan kode script di bawah ini tepat di bawah kode ]]> 

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

7. Jika sudah cari kode yang ada di bawah ini

atau

8. Tambahkan kode berikut dibawah kode showaddelement='yes'/> atau />

Catatan:
Jika anda tidak menemukan kode showaddelement='yes'/> maka tambahkan saja kode berikut dibawah

 

Jika ingin membuat footer 2 kolom. Gunakan kode berikut:

preferred='yes' style='float:left;'/>

preferred='yes' style='float:left;'/>

 Membuat footer 3 kolom. Gunakan kode berikut:

preferred='yes' style='float:left;'/>

preferred='yes' style='float:left;'/>

preferred='yes' style='float:right;'/>

Membuat footer menjadi 4 kolom. Gunakan kode berikut:

preferred='yes' style='float:left;'/>

preferred='yes' style='float:left;'/>

preferred='yes' style='float:right;'/>

preferred='yes' style='float:right;'/>

 9. Jika sudah, silahkan klik save dan lihat hasilnya dengan klik Page Element

Bikin Artikel Berhubungan Pada Blogspot

1. Login dulu ke blog kamu

2. Pilih menu "Rancangan - Edit HTML"
3. Beri tanda centang pada kotak "Expand Widgets Template" .

4. Setelah itu cari kode ini dan letakkan script dibawah ini setelah kode tersebut.

Related Posts by Categories

Get This Widget Here

Note: Untuk blog yang ada "readmore"nya biasanya akan terdapat 2 kode. Nha km taruhnya di bawah kode yang pertama.


5. Kalo sudah simpan (SAVE) template kamu dan lihat hasilnya.

anti klik kanan

untuk bikin anti klik kanan pada blog kamu caranya tinggal copy paste kode dbawah ini dan simpan d widget km---> html/javascript

or edit html--->letakkan kode ini d atas

Cara Membuat Tab View Menu Pada Blog

Untuk menghemat tempat, tab view menu sangat efisien dengan ukuran yang relatif kecil tapi bisa memuat banyak space. Hal ini pernah ditanyakan oleh sobat blogger pada kolom komentar beberapa waktu yang lalu tentang bagaimana cara membuat menu di sidebar seperti pada contoh gambar disamping? Mungkin yang dimaksud adalah Cara Membuat Tab View Menu di Sidebar Blogger.

Membuat menu dengan tab view memerlukan kode HTML yang lumayan panjang dan agak ribet, jadi sebaiknya simak baik–baik tutorial ini dan yang paling penting jangan lupa untuk backup template sobat terlebih dahulu.

Jika setelah jadi nanti lebar atau tinggi menu tidak sesuai, silahkan sobat sesuaikan sendiri dengan isi dari menu yang sobat gunakan. Baiklah sekarang silahkan ikuti langkah-langkahnya sebagai berikut:

1.      Login ke Blogger => klik Rancangan/Design => klik Edit HTML, Download Template Lengkap dan kasih tanda centang pada kotak bertuliskan Expand Template Widget atau baca Cara Melakukan Edit HTML Pada Template Blogspot;

2.      Gunakan tombol Find (Ctrl + F) untuk mencari kode , kemudian letakkan kode javascript di bawah ini sebelum atau di atas kode :

3.      Setelah itu letakkan kode di bawah ini sebelum atau di atas kode ]]>:

div.TabView div.Tabs
{
height: 30px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 98px; /*Lebar Menu Utama Atas*/
text-align: center;
height: 30px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight: bold;
color: #000; /* Warna Font Menu Utama Atas */
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #E6E6E6; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #BDBDBD; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #E6E6E6; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4.      Kemudian Simpan Template.

5.      Langkah selanjutnya, silahkan Anda klik Rancangan/Design => klik Add Gadget/Tambah Gadget => pilih yang HTML/Javascript atau jika diperlukan silahkan baca Cara Pasang dan Hapus Widget Blog di Blogspot;

6.      Berilah judul pada kolom HTML/Javascript dan masukan kode di bawah ini ke dalam content HTML/Javascript:

300px;">
Tab 1
Tab 2
Tab 3

300px; height: 300px;">

Tab 1.1

Tab 1.2

Tab 1.3

Tab 2.1

Tab 2.2

Tab 2.3

Tab 3.1

Tab 3.2

Tab 3.3

7.      Kemudian Simpan.

8.      Jika Anda ingin menyembunyikan judul content HTML/Javascript tersebut, silahkan baca tutorilanya Cara Menyembunyikan Judul Widget di Blogspot, semoga bermanfaat.

Keterangan:

§         Untuk kode yang berwarna merah adalah lebar dan tinggi menu, silahkan sobat sesuaikan dengan isi;

§         Kode yang berwarna biru silahkan sobat isi dengan judul - judul dari menu;

§         Dan yang berwarna ungu, adalah isi dari menu. Anda bisa menambahkan link, gambar, banner, dll.

Demikianlah tutorial tentang Cara Membuat Tab View Menu di Sidebar Blogger ini, semoga bermanfaat.

Cara Menghilangkan Tanda Obeng Dan Tang

Dimana kita menemukan tanda Obeng dan Tang?mungkin ini pertanyaan pertama anda saat lihat postingan saya ini,,sekarang saya langsung jawab ya tanda obeng dan tang kita temukan saat kita mengedit blog kita dan melihatnya maka akan muncul tanda2 ini di setiap halaman gadget kita maksudnya supaya kita bisa langsung edit gadget kita,,untuk menghilangkan tanda tersebut ikuti langkah-langkah dibawah ini:

1. Login ke blogger anda seperti biasa
2. Klik Tata Letak (layout)
3. Klik tab Edit HTML.
4. Cari kode seperti ini :

]]>

5.Copy paste kode berikut persis di atas kode yang tadi :

.quickedit{ display:none; }

6.Klik tombol Simpan template.

7.Selesai dan lihat hasil kerja anda ,,,

Cara Memasang Label Animasi Tag Cloud

Ketika melakukan blogwalking, saya menemukan sebuah widget yang cukup menarik yaitu label animasi atau disebut dengan tag cloud. Label animasi ini mempunyai tampilan yang sangat menarik karena ketika kursor mouse disorot ke area tag cloud tersebut maka labelnya akan berotasi seperti orbit. Sehingga membuat blog kita terasa lebih interaktif.

Label animasi ini mempunyai fungsi yang sama dengan label standar dimana setiap kali kita memberi label pada postingan maka label tersebut secara otomatis akan muncul pada area tag cloud.

Nah bagi anda yang tertarik dengan label animasi ini. Berikut cara pemasangannya:
1. Seperti biasa. Login ke Blogger

2. Klik Download Full Template untuk membackup template anda

3. Setelah itu klik Design -> Edit HTML

4. Cari kode

5. Kalau sudah ketemu letakkan kode berikut tepat dibawah kode yang diatas

 

Angka 180 menunjukkan panjang tag cloud dan angka 180 menunjukkan tinggi tag cloud. Silahkan diganti nilainya sesuai dengan ukuran sidebar template anda.

Sedangkan kode ffffff menunjukkan warna background dari tag clound. Angka 333333 menunjukkan warna teks dan angka 12 menunjukkan ukuran teks. Silahkan diganti sesuai keinginan.

6. Jika sudah, Klik Save Template. Selesai

Selamat Mencoba

 

How To Install New Template Blogger

Bagi para blogger yang ingin mengganti template blog mereka dengan yang baru, tetapi bingung bagaimana cara untuk menginstal template baru tersebut ke blog mereka? Ini saya berikan sedikit tip untuk menginstal template barunya yang saya ambil dari zoomtemplate.

1. Download the template and unzip the file (you can use a free unzipper software).

2. Go to your blog design section (Dashboard → Design → Edit HTML ).
3. Backup your previous template (Download full Template).

4. Find and upload the xml file.
5. If you see the following warning:

Click "keep widgets".
6. Enjoy!

Blogging: Cara Download Video Dari Youtube

Bagi anda yang suka download video dari youtube dan belum tahu caranya mendownload video ke komputer kita, saya kenalkan sebuah software yang sangat simple untuk mendownload video dari youtube.

Simpel karena program sangat user frienly, anda cukup memasukan URL dari video youtube yang ingin anda download, kemudian tekan tombol download.

Selain itu ukuran file ini sangat kecil sehingga ketika anda install tidak akan menghabiskan space komputer anda.

Software yang perlu anda miliki khususnya anda pecinta video-video yang ada di situs youtube.
Download video video dari youtube dengan menggunakan software youtube downloader tidak hanya mudah tapi juga cepat dan tidak memakan waktu yang lama.
Bagi anda pecinta video youtube pengen download tetapi belum punya software, Silahkan klik disini..

Blogging: Panduan Membuat Domain Gratis

Sekarang Ini banyak sekali layanan layanan yang memberikan fasilitas untuk membuat domain secara gratis. Tapi tetap kita membutuhkan sebuah panduan untuk membuat domain walaupun itu gratis. Oleh karena itu di sini saya tuliskan panduan lengkap bagaimana cara membuat domain:
Download panduan lengkap membuat domain gratisnya di sini

Blogging: Cara Membuat Halaman Statis Pada Blog

Fitur baru blogger sekarang sudah menyediakan layanan untuk membuat halaman baru yang statis. Kita bisa membuat 10 halaman statis pada blog kita.
Download tutorialnya dalam format pdf di sini