Tampilkan postingan dengan label blog. Tampilkan semua postingan
Tampilkan postingan dengan label blog. Tampilkan semua postingan

Selasa, 03 Desember 2013

Buat sobat Tips yang baru memulai membuat sebuah blog, dan ingin merubah tampilan Blog atau template -nya, mungkin udah lihat semua template yang sudah disediakan oleh blogger tapi nggak ada yang masuk dihati, dan ingin mempercantik tampilan blog sobat dengan template yang kita download dari orang-orang baik yang memberikan template cantik gratis. Nah setelah didownload, gimana sih caranya memasang atau cara uploadnya? Nah inilah yang akan kita bahas di postingan ini, oke langsung saja yah.
tampilan blog


Langkah #1 merubah tampilan Blog

Tentukan terlebih dahulu template yang mana yang akan kita pasang atau upload, jika sobat belum punya pilihan yang pasti, sobat bisa search do Google dengan kata kunci "Free Blogger Template", disini sobat bisa lihat-lihat template yang sesuai dengan selera sobat.Nah setelah sobat udah buat pilihan template yang baik, silahkan sobat download, gratis koq, hehehe.

Langkah #2 merubah tampilan Blog

Selesai didownload, jangan lupa untuk ekstrak file Rar-nya dan buat dalam sebuah folder, udah gitu baru deh sobat masuk ke blogger. Kemudian Klik Template >> Cadangkan atau pulihkan.
Perhatikan gambar dibawah didalam kotak merah, Tapi untuk lebih aman supaya tidak terjadi duplikasi widget atau tidak terjadi masalah kesalahan widget karena kadang widget bawaan template tidak bisa kita hapus, sebaiknya sobat gunakan dasbor blogger yang lama, pelajari cara kembali ke dasbor blogger yang lama disini


Langkah #3 merubah tampilan Blog

Setelah itu, Klik choose file atau browse, lalu pilih file yang sobat download dan ekstrak tadi, kira-kira nanti ada beberapa file disana, jaii pilihlah file yang extention file-nya ".xml" atau tipe datanya yang xml. Nah seletelah itu klik Unggah atau upload, tunggu beberapa saat. Jika nanti ada pemberitahuan tentang widget mau dipertahankan atau di hapus, pilihlah pertahankan widget, tapi kalau tidak ada pemberihauan, berarti template baru sudah berhasil kita upload.

Nah sekarang coba periksa blog sobat apakah templatenya sudah berubah atau tidak, Sampai disini kita sudah berhasil, tapi ada bebarapa kasus yang harus sobat perhatikan yaitu widget. Tampilan widget sobat mungkin berantakan atau susunannya kurang sesuai dengan keinginan sobat, tapi tenang sobat tinggal mengatur kemabali widget dan mengahapus widget yang sobat tidak perlukan caranya sobat bisa atur di tata letak blog, gampangkan?..hehehe.Selamat mencoba yah.

Senin, 18 November 2013


Setelah beberapa minggu yang lalu kita membahas tentang cara menambah Widget di blog sekarang kita mau menambah secript alexa rengking di blog kita.

Nah kita langsung saja menuju puncak cara pasangnya.




  • Langsung aja klik link ini http://www.alexa.com/siteowners/widgets.
  • Nah setelah terbuka halamannya masukan alamat blog anda misal bisnis-online-bali.blogspot.com jadi anda isi dengan URL blog anda.
  • Nah setelah di isi sekarang klik Build Widget.
  • Tungu sebentar sampai muncul scriptnya lalu Copy kodenya.
  • Terus klik sign in untuk masuk ke akun blog anda.
  • Lalu klik TATA LETAK.
  • Klik Tambah Gadget.
  • Setelah muncul jendela baru klik HTML/javascript lalu paste.
Selamat mencoba semoba sukses.

untuk dwonload ebook berbahasa indonesia silahkan kunjungi http://revolusiweb.com/bali

Selasa, 05 November 2013

Pada postingan saya yang lalu pernah memberikan cara Pasang Script Iklan Melayang (Ads popout), dan kali Ini saya akan memberikan tutorial lagi kepada anda yaitu Cara Memperindah Tampilan Kotak Iklan Di Blog, jadi bagi sobat blogger yang suka memasang iklan diblognya utta punya solusinya nih, biar kotak iklan anda tampil lebih menarik, aplagi disini saya sudah memberikan tambahan CSS sehingga tampilan lebih indah.heheee..

Baiklah Untuk contoh Kotak Iklan bisa lihat gambar dibawah.

http://picturestack.com/126/628/Qseut2a4downKJs.jpg

Dari pada lama-lama ceritanya entar pada kabur semua jadi langsung saja yah!, Seperti biasa.




  1. Login blogger.
  2. Rancangan, Edit Html, Cari kode ]]></b:skin>
  3. Dan Letakkan kode berikut diatasnya :

/* Box akaut ads */
#box-akaut-ads {margin:0px;padding:0px;text-align:center}
#box-akaut-ads img {background:#222;height:120px;width:120px;margin:1px 1px;border:0;text-align:center;border-radius:50% 0 50% 0;-o-border-radius:50% 0 50% 0;-moz-border-radius:50px 0 50px 0;-webkit-border-radius:50% 0 50% 0;-o-border-radius:50% 0 50% 0;border:5px solid #666;-webkit-border:5px solid #666;-moz-border:5px solid #666;-webkit-box-shadow: 1px 2px 1px #000;-moz-box-shadow: 1px 2px 1px #000;box-shadow: 1px 2px 1px #000;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
#box-akaut-ads img:hover {border-radius:0 50% 0 50%;-o-border-radius:0 50% 0 50%;-moz-border-radius:0 50% 0 50%;-webkit-border-radius:0 50% 0 50%;-o-border-radius:0 50% 0 50%;-moz-opacity:0.8;-webkit-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);}

KET::
Teks berwarna HIJAU adlah Lebar dan Tinggi Gambar, silahkan sobat rubah angka 120 sesuai lebar dan tinggi gambar yang sobat inginkan.

4. Kalau sudah, jangan lupa untuk di Save template.

5. Selanjutnya menuju pada Elemen Halaman dan Tambah Gadget lalu pilih HTML/Javascript dan masukkan kode berikut.

<div id=box-akaut-ads>
<a href=URL-HERE-1 target=_blank title=TITLE-HERE-1><img alt= src=URL-GAMBAR-1/></a>

<a href=URL-HERE-2 target=_blank title=TITLE-HERE-2><img alt= src=URL-GAMBAR-2/></a>

<a href=URL-HERE-3 target=_blank title=TITLE-HERE-3><img alt= src=URL-GAMBAR-3/></a>

<a href=URL-HERE-4 target=_blank title=TITLE-HERE-4><img alt= src=URL-GAMBAR-4/></a>

<a href=URL-HERE-5 target=_blank title=TITLE-HERE-5><img alt= src=URL-GAMBAR-5/></a>

<a href=URL-HERE-6 target=_blank title=TITLE-HERE-6 ><img alt= src=URL-GAMBAR-6/></a>
</div>

-Untuk kode yang berwarna merah sobat ganti sesuai dengan alamat url iklan banner yang sobat pasang dan untuk yang berwarna kuning adalah url gambar iklan.

Selamat mencoba, dan semoga berhasil.
Subscribe to RSS Feed Follow me on Twitter!