How To Make Money With Advertising: sidebar

Tampilkan postingan dengan label sidebar. Tampilkan semua postingan

Senin, 21 Februari 2011

Membuat Peta Situs (Site Map) Pada Blog

Setelah sekian hari saya tidak memberika tips, akhirnya saya bisa memberikan tips kepada sobat blogger dengan tipe lebih cocok untuk membuat daftar isi blog. Tapi tips ini judulnya Membuat Site Map pada blog. Oke sobat blogger yang ingin membuat site map pada blog akan kita buat pada sidebar blog. Seblumnya, sobat harus baca artikel yang ini: SIDEBAR.
Oke jika sobat blogger sudah siap dengan tips yang akan saya berikan, maka ikutilah langkah-langkah berikut:

1. Seperti biasa, Login dulu
2. Pada dasbor blog, pilih Rancangan
3. Kemudian Pilih Tambah Gadget
4. Kemudian pilih HTML/JavaScript
5.Letakkan script berikut dalam kotak script yang disediakan.

<div style="overflow:auto; padding-left:5px; width:100%; height:250px;">
<script language="javascript">
numposts=9999;
home_page="NamaBlog.blogspot.com";
explanpost="Baru !";
</script>
<ul><script style="text/javascript" src="http://enes-sc.googlecode.com/files/sitemap-np.js"></script></ul>
</div>

Untuk tulisan yang berwarna HIJAU, silahkan anda edit sesuai dengan sidebar blog anda. Untuk tulisan NamaBlog, silahkan anda ganti dengan alamat URL blog anda. Sedangkan tulisan Baru, dapat anda ganti sesuai selera anda, itu menandakan artikel yang baru anda posting/terbitkan.
kamu bisa menghilangkan bullets <ul> dan </ul> jika anda menginginkan.

6. Kemudian Silahkan Save

Jumat, 18 Februari 2011

Membuat Kotak Sidebar Terpisah-Pisah

Membuat kotak sidebar terpisah-pisah bukanlah hal yang sulit di dunia blogger. saat ini berbagai desain blog telha bermunculan. Contohnya mendesain kotak sedebar blog kita. Untuk lebih jelasnya, anda akan mengerti tips ini jika anda melakukan apa yang akan saya berikan kepada anda.

Untuk membuat kotak sidebar blog kita terpisah-pisah ikuti langkah-langkha berikut.

1. Login ke blogger dengan akun saudara

2. Pada dasbor blog, pilih Rancangan

3. Kemudian pilih Edit HTML

4. Cari kode yang mirip seperti ini

.sidebar .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

Biadanya kode di atas berada antara kode <head> ... </head>

5. Modifikasi kode tersebut menjadi seperti ini:

.sidebar .widget {
background:#fff;
border:1px solid #6E6E6E;
margin:0 0 1.5em;
padding:0.5em;
}

Artinya setiap widget yang kamu tambahkan dalam elemen sidebar akan dipisahkan (margin:0 0 1.5em;) sebesar 1,5em ke bawah. Kotak sidebar tersebut berlatar putih (#fff) dan memiliki garis tepi berwarna abu-abu (#6E6E6E), sedangkan jarak teks dengan tepi kotak (padding:0.5em;) sebesar 0.5em.

Kamu bisa membuat fersi kotak sidebar blog kamu, dengan melakukan editan pada kode tersebut

Kamis, 17 Februari 2011

Cara Menghilangkan Judul Widget Sidebar

Pertama sekali saya melakukan postingan atau tips mengenai sidebar blog. Sebelumnya teman-teman sudah peda kenal kan elemen-elemen yang terdapat pada blog?. Jika belum, silahkan belajar mengenal elemennya dulu.Oke sekedar pengenalan saja, sidebar maksudnya adalah suatu elemen yang terdapat pada blog. Biasanya terdapat pdi samping kanan dan kiri, atau atas bawah postingan. Kurang jelas yah?. Mungkin anda nantinya akan mengerti sendiri.

Seperti judul artikel ini Cara Menghilangkan Judul Widget Sidebar, kita akan menghilangkan judul daripada Widget sidebar/isi dari sidebar tersebut. Nah untuk lebih jelasnya, silahkan ikuti langka-langkah berikut.

Cara Pertama:

Pada cara ini dilakukan penghapusan terhadap perintah untuk menampilkan judul widget sidebar.

Misalnya kita akan menghilangkan judul widget Sponsor, maka langkah-langkah yang harus dilakukan adalah:

Dari dasbor blogger pilih Rancangan - Edit HTML.
Beri tanda centrang pada Expand Template Widget.
Lalu carilah judul Sponsor (gunakan Control F atau F3).
Pada kode yang terletak di bawahnya, seperti berikut:

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>

Hapuslah kode <h2 class='title'><data:title/></h2>.

Hal yang sama bisa kamu lakukan terhadap judul-judul widget sidebar lainnya yang tidak ingin kamu tampilkan.

Setelah selesai, simpan hasilnya

Cara Kedua:

Pada cara ini anda harus membuat kode CSS untuk tidak menampilkan judul widget sidebar.

Langkah-langkah yang harus kamu lakukan adalah:

Dari dasbor blogger pilih Rancangan - Elemen Halaman.
Lalu lihatlah widgetID pada widget-widget yang tidak ingin ditampilkan judulnya, seperti ini:

Misalnya widgetID yang tidak ingin ditampilkan judulnya adalah HTML7, HTML6, dan HTML9.

Setelah melihat (mengingat) widgetID-nya, klik Edit HTML.

Carilah kode ]]></b:skin>, lalu buat CSS seperti berikut yang diletakkan di atasnya:

#HTML7 .title, #HTML6 .title, #HTML9 .title {display:none}

Setelah selesai, simpan hasilnya

How To Make Money With Advertising