Cara Mengubah Tampilan iklan kumpulblogger

Aduuh bingung juga ya ama iklan kumpulblogger,tidak dapat disesuaikan dengan template blog kita,lihatlah template blogku ini yang serba gelap,sedangkan script dari iklan kumpul blogger hanya menampilkan putih saja dan gak ada menu untuk mengubahnya sesuai dengan template kita,tapi jangan takut deh...mungkin dengan tutorial yang satu ini kalian bisa tersenyum kembali,cos tampilan iklan kumpul blogger akan bisa kamu sesuaikan dengan template blog kamu.ni jalan alternatif juga agar blog kamu tetep terlihat bagus,ha ha ha.....

Caranya mudah kok,lihat langkah2 dibawah ini:

• Login Ke blogger
• Masuk ke Dasbor,
• klik Tata Letak.
• klik Edit HTML.
• Pilih atau beri tanda cek pada "Expand Template Widget" download dulu template kamu untuk keamanan.
• Cari kode <b:skin><![CDATA[
• Kalo sudah ketemu letakkan kode dibawah ini tepat setelah kode <b:skin><![CDATA[
  

  ---

  .garping,.garpinghor {
  border: none !important;
  }
  .garping table,.garpinghor table {
  border:#FFFFFF solid 1px !important;
  background-color:#FFFFFF !important;
  }
  .garping td,.garpinghor td{
  color:#000000 !important;
  background-color:#FFFFFF !important;
  font-family:arial !important;
  font-weight: !important;
  font-style: !important;
  }
  .garping a,.garpinghor a{
  color:#000080 !important;
  font-family:arial !important;
  font-weight: !important;
  font-style: !important;
  }
  .garping a:hover,.garpinghor a:hover{
  color:#FF0000 !important;
  }

  ---

• Sehingga akan menjadi seperti dibawah ini:
  

  ---

  <b:skin><![CDATA[.garping,.garpinghor {
  border: none !important;
  }
  .garping table,.garpinghor table {
  border:#FFFFFF solid 1px !important;
  background-color:#FFFFFF !important;
  }
  .garping td,.garpinghor td{
  color:#000000 !important;
  background-color:#FFFFFF !important;
  font-family:arial !important;
  font-weight: !important;
  font-style: !important;
  }
  .garping a,.garpinghor a{
  color:#000080 !important;
  font-family:arial !important;
  font-weight: !important;
  font-style: !important;
  }
  .garping a:hover,.garpinghor a:hover{
  color:#FF0000 !important;
  }

  ---

• Simpan template.
• Untuk meletakkan iklanya terserah kamu, bisa di sidebar seperti saya misalnya,tapi kamu letakkan script seperti berikut dibawah ini:
  

  ---

  <div style="overflow:hidden;width:430px;height:250px;padding:10px"> kode iklan kumpul blogger di sini </div>

  ---

• Dan untuk ukuran kamu bisa ganti yang berwarna merah itu sesuai ukuran yang kamu kehendaki.ok,semoga bermanfaat!

Cara Mengatasi Galat Blogger

Cara Membuat 2 Link Terbuka dengan 1 Klik

Membuat daftar isi otomatis Pada Blog

Hampir satu tahun ngeblog baru aq pasang daftar isi otomatis aja pada blog saya ini, karena capek jg ya kalo membuat manual daftar isi saya yang seperti anda lihat di kanan sidebar blog saya ini, sekarang anda pengen tahu yang otomatis kan, coba kamu klik tulisan daftar isi pada menu horisontal di atas, maka hasilnya akan otomatis tampak daftar isi saya, pengen tahu caranya.

Langkah Pertama:
1. Login ke account Blogger
2. Pilih Layout atau Tata Letak --> Edit HTML
3. Setelah itu beri centang pada tulisan Expand Widget Templates
4. Sebaiknya back up dulu template sobat dengan meng-klik Download Template Lengkap
5. Cari kode dibawah ini

<b:include data='post' name='post'/>

Kalau sudah ketemu ganti kode itu dengan script dibawah ini:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#000000;'>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

6. Simpan Template (save).

Keterangan:#EAE9E9 dan #000000 adalah warna latar belakang (background) dan 000000 adalah warna tulisan (teks). sobat bisa menggantinya jika ingin menyesuaikan dengan template blog sobat.

Sebenarnya sampai disini sudah selesai, coba sobat klik salah satu label/kategoti maka yg muncul hanya judulnya.
Jika sobat ingin menampilkan daftar isi keseluruhan lanjut ke langkah ke dua

Langkah Kedua:
Pada langkah ini kita membuat pemanggil daftar isi.
1. Pilih Layout atau Tata Letak --> Page Element atau Element Halaman.
2. Pilih Add a Gadgets atau Tambahkan Sebuah Halaman
3. Pilih HTML/JavaScript
4. Masukkan kode berikut ke dalam kontennya

<a href="http://Nama blog sobat.com/search?max-results=200">Daftar isi&raquo;</a>

5. Simpan Widgets

NB Keterangan:
untuk blog saya daftar isinya saya letakkan di menu navigasi blog saya,lihat diatas,dan km coba klik daftar isinya,hanya saja saya ambil urlnya saja pada blog saya jd saya hanya memasukkan url ini http://www.sabarmuanas.co.cc/search?max-results=200
Ganti yang merah dengan nama blog sobat, dan nilai 200 adalah jumlah maksimal judul artikel yang akan ditampilkan dalamm satu halaman daftar isi. Silahkan ganti sesuai keinginan.

Membuat Sidebar Diantara Posting

Sering saya jumpai situs-situs yang mempunyai sidebar di sebelah kanan dan kiri .Atau lebih gampang nyebutnya Posting terletak diantara sidebar ,berarti posting berada di tengah-tengah.

Sedangkan dari blogger tak menyediakan template yang seperti itu.Untuk memodifikasi template anda,cobalah langkah-langkah seperti di bawah ini : Pergi ke Dashboard------>Tata Letak----->Edit Html . Cari kode / yang hampir sama dengan kode di bawah ini : #sidebar-wrapper { width: 220px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */Jika sudah ketemu,letakkan kode di bawah ini tepat dibawah kode tersebut :#newsidebar-wrapper { width: 180px; float: left; padding-right:10px; word-wrap: break-word; overflow: hidden; } Selanjutnya,cari kode seperti di bawah ini : <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/> </b:section> </div> Jika sudah ketemu,letakkan kode di bawah ini,tepat diatas kode tersebut : <div id='newsidebar-wrapper'> <b:section class='sidebar' id='newsidebar' preferred='yes'/> </div> Simpan Template .Lihat Hasilnya!!! Kode yang berwarna hijau,menunjukkan ukuran lebar sidebar nantinya,anda bisa merubahnya sendiri,sampai anda mendapatkan ukuran yang anda inginkan.

Membuat widget hanya muncul pada postingan

Sebelumnya saya pernah menulis tentang bagaimana membuat widget hanya muncul pada homepage,kali ini kebalikan dari itulah yang mau aq share,so kamu bisa meletakkan widget yang tidak kamu suka hanya pada postingan,biar blog kamu lebih menarik dengan jalan meletakkan sebagian widget kamu hanya pada postingan,kalo buatku sih tampilan homepage harus lebih cantik..daripada waktu postingan/item. ok langsung saja, ini cara membuat widget hanya muncul pada postingan:

Cara memasang read more pada blogger baru

Baru buat read more nih..tp banyak jg ya caranya, aq pilih yang ini aja, coz lebih mudah aja gt....lht caraku yang aq lht jg dr blog teman. sangat mudah jg ternyata..so mungkin bagi sobat boleh pakai cara yang ini aja,sebelumya mhn maaf saya cuma belajar aja nih, tp cara ini adalah yang paling mudah bagi saya..coz dari pengalaman jg, dl pertama membuat read more gk dengan cara yang seperti aq pakai sekarang.


1. Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate"
2. Letakkan kode berikut persis di atasnya kode </head> lht bawah ini:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

3. cari kode berikut <p><data:post.body/></p> dan letakkan kode ini tepat di bawahnya.

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

4. Klik Simpan. Selesai.
5. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tsb dg kode berikut:

<span class="fullpost">

</span>

angan lupa klik SIMPAN PENGATURAN.

NB;
untuk menempatkan read more rata kanan ato kiri anda tinggal menambahkan kode yang berwarna merah dibawah ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div style='float:right;padding:10px 0px 5px 0px'>
<a expr:href='data:post.url'> Read More..</a>
</div>
</b:if>