Cara Menghilangkan Angka Dalam Label

Minggu, Februari 03, 2008

Sewaktu saya kemarin melakukan tapa brata di dalam goa yang pengap selama beberapa hari, ternyata masih tetap ada yang mencoba mengajukan pertanyaan melalui kotak komentar. Salah satunya adalah seperti ini :

Kang,tanya nih, cara buat ngilangin angka yang didalam kurung pada label gimana? misal :

Serba-serbi (3)

jumlah post-nya itu di ilangin bisa gak?

Jawabannya tentu saja bisa, dan untuk melakukan ini anda tidak harus mengeluarkan keringat yang banyak karena hanya dengan menghapus sedikit kode di dalam kode template, maka keinginan anda akan segera tercapai. Caranya adalah seperti ini :

1. Sign in ke blogger dengan ID anda.



2. Klik Layout.



3. Klik menu Elemen Halaman.



4. Klik tab Edit HTML.



5. Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting untuk di lakukan).



6. Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :
7. Tunggu beberapa saat ketika proses sedang berlangsung.



8. Silahkan anda cari kode berikut pada kode template milik anda :




(<data:label.count/>)




9. Jika anda sudah menemukan kode yang seperti di atas, silahkan hapus/delete.



10. Klik tombol Simpan Template.
11. Selesai. Silahkan lihat hasilnya !

Apabila anda sudah melakukan langkah di atas, maka dapat di pastikan angka yang menyertai Label akan menghilang entah kemana.

Selamat mencoba !

Pasang Google Talk di Blog

Beberapa bulan yang silam, saya pernah mengulas tentang bagaimana cara menampilkan status online Yahoo! Messengerdi blog pada postingan yang ini. Rupanya ada beberapa sahabat yang berkeinginan lain yaitu ingin mengetahui bagaimana cara memasang Google Talk di blog. Apa itu google talk? google talk adalah suatu layanan dari google yang dapat di pergunakan oleh mereka yang mempunyai akun di google agar satu sama lain bisa saling berkomunikasi atau lebih di kenal dengan istilah chatting. Apakah fasilitas google talk tersebut bisa di pasang di blog? jawabannya adalah bisa. Belum mengetahui caranya? silahkan ikuti saja langkah-langkah berikut ini :

Untuk template baru :

1. Sign in di blogger dengan ID anda.
2. Klik Layout.
3. Klik tab Elemen Halaman.
4. Klik Tambahkan sebuah Elemen Halaman.
5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript.
6. Copy lalu paste pada kode berikut pada pop up window yang muncul.
<iframe width="234" frameborder="0" src="http://talkgadget.google.com/talkgadget/client?fid=gtalk0&relay=http%3A%2F%2Fwww.google.com%2Fig%2Fifpc_relay" height="350"> </iframe><p style="margin:-8px 0"><br /><center> <a style="text-decoration:none;font-size:60%;" href="http://kolom-tutorial.blogspot.com/2008/01/pasang-google-talk-di-blog.html">Add to your blog</a></center></p>

7. Klik tombol SIMPAN PERUBAHAN.
8. Pindahkan elemen yang baru anda buat tadi pada tempat yang di inginkan.
9. Klik tombol SIMPAN yang ada di sebelah atas.
10. Selesai. Silahkan lihat hasilnya!

Jika anda merasa kesulitan dengan langkah di atas, saya mempunyai cara yang sangat praktis. Silahkan anda login dulu di blogger kemudian klik pada tombol Tambahkan ke blog saya di bawah ini, maka widget google talk akan secara otomatis di simpan di sidebar anda !

Untuk template Klasik :

1. Sign in di blogger dengan ID anda.
2. Klik Layout.
3. Klik tab Edit HML.
4. Copy seluruh kode template anda, kemudian paste pada notepad. Silahkan di save dulu untuk backup (sangat penting).
5. Copy lalu paste kode berikut di tempat yang anda inginkan.
<iframe width="234" frameborder="0" src="http://talkgadget.google.com/talkgadget/client?fid=gtalk0&relay=http%3A%2F%2Fwww.google.com%2Fig%2Fifpc_relay" height="350"> </iframe><p style="margin:-8px 0"><br /><center> <a style="text-decoration:none;font-size:60%;" href="http://kolom-tutorial.blogspot.com/2008/01/pasang-google-talk-di-blog.html">Add to your blog</a></center></p>

6. Klik tombol Simpan Perubahan Template yang ada di sebelah atas.
7. Selesai. Silahkan lihat hasilnya!

Selamat mencoba !

Buat Frame Iklan

Sobat fajar widodo rupanya tertarik untuk mengetahui bagaimana cara membuat frame seperti frame iklan yang ada di blog ini. Apakah sobat juga sama tertarik untuk membuat frame tersebut? baca saja sampai akhir, saya akan memberitahu caranya.

Untuk membuat frame seperti itu banyak cara yang bisa di tempuh, diantaranya bisa menggunakan kode HTML <div> atau bisa juga dengan menggunakan kode HTML <span>. Langkah yang harus di persiapkan adalah tentukan dahulu lebar, warna latar belakang, warna huruf, jenis huruf, besarnya huruf, serta hal lain yang sekiranya berhubungan. Agar lebih mudah untuk di mengerti, saya buatkan sebuah contoh frame sebagai berikut:

Belajar membuat website »
Membuat website itu sangatlah mudah, dapatkan panduannya di sini ! ditunjang berbagai software & full support. daftar segera !!
http://www.resepbisnis.com/?id=rohman

Kode asli dari frame di atas adalah sebagai berikut :

<div style="border: 3px dashed red; background: #005af5; padding:10px; width:330px; text-align:left; color:white;">
<a style="font-size: 17px;COLOR: yellow; text-decoration:none;" href="http://kolom-tutorial.blogspot.com/2007/07/perkenalkan-situs-wwwresepbisniscom.html" title="klik di sini"><b>Belajar membuat website </b></a> &raquo;<br/>
Membuat website itu sangatlah mudah, dapatkan panduannya di sini ! ditunjang berbagai software & full support. daftar segera !!<br/>
<a style="color:yellow; font-size:12px; text-decoration:none;" href="http://kolom-tutorial.blogspot.com/2007/07/perkenalkan-situs-wwwresepbisniscom.html" title="klik di sini"><b>http://www.resepbisnis.com/?id=rohman</b></a>
</div>

Jika saya membuat spesifikasi pada frame iklan di atas, maka akan seperti ini :

warna pembatas : merah
style dari pembatas : garis putus-putus dengan lebar 3 pixel
jarak hurup dengan batas terluar : 10 pixel
lebar frame: 330 pixel
posisi hurup : rata kiri
warna hurup : putih
warna latar belakang : biru
warna link : kuning


Bagaimana sudah agak faham? kemungkinan besar masih bingung deh. Agar lebih mudah cobalah sobat otak-atik sendiri kode di atas, saya sedikit malas untuk menerangkan secara terperinci dari kode yang saya buat.

ooo... iya lupa... sobat fajar widodo lebih spesifik menanyakan kode untuk membuat garis putus-putus. Untuk garis putus-putus perintahnya seperti ini :

border : 3px dashed red;

3px menandakan lebar dari garis, dashed berarti garis putus-putus, red adalah kode warna merah.

Ada juga style yang lain yaitu berupa garis berbentuk garis yang solid ada juga yang berupa titik-titik.

border : 3px dashed red; --> untuk garis solid
border : 3px dotted red; --> untuk garis berupa titik-titik


Sepertinya cukup dulu deh, silahkan untuk bereksperimen menciptakan variasi-variasi baru dari bentuk frame. Salam !

sbr:http://kolom-tutorial.blogspot.com

Pasang Snaps Shots

Apakah sobat pernah mengunjungi blog yang apabila mouse menyorot link kemudian keluar screenshoot? (artikel yang aneh baru mulai sudah ada pertanyaan) , nah apabila sobat berkeinginan blognya mempunyai fasilitas seperti itu coba deh baca artikel ini sampai selesai.

Untuk mendapatkan tool screenshoot seperti itu, sobat bisa mendapankannya diberbagai situs di internet. Agar tidak berlama-lama mencari, saya ambil contoh salah satunya adalah http://www.snap.com. Berminat tapi masih bingung cara mendapatkannya? silahkan ikuti langkah-langkah berikut ini :

1. silahkan sobat kunjungi http://www.snap.com



2. Apabila sobat sudah berada dihalaman situs tersebut, klik tombol Get Started Now



3. Pilih warna yang di inginkan di bawah tulisan CHOOSE A COLOR THEME, klik saja warna yang tersedia



4. Pilih Snap shot icon dan trigger di bawah tulisan CHOOSE A SNAP SHOT AND TRIGGER, klik saja pada radio button yang ada



5. Apabila sobat ingin memasang logo milik sendiri, klik tombol Browse...., kemudian pilih gambar icon yang tersedia pada komputer sobat, apabila tidak mau ya biarkan saja



6. Pilih ukuran snap shots di bawah tulisan CHOOSE SNAP SHOTS SIZE, beri tanda pada radio button nya



7. Klik tombol Continue



8. Masukan alamat blog sobat pada kotak di bawah tulisan Enter Your Site URL. contoh : http://template-unik.blogspot.com



9. Masukan alamat email sobat di bawah tulisan Enter Your Email



10. Beri tanda centang pada kotak di samping tulisan I agree to the Terms and Conditions below (kalau mau dibaca, silahkan baca dulu TOS nya)



11. Klik tombol Continue



12. Apabila sobat memakai template baru, klik banner logo Blogger, silahkan sign in di blogger dan pilih nama blog yang di inginkan



13. Klik tombol MENAMBAH WIDGET, maka akan secara otomatis kode dari snaps shots akan di tambahkan



14. Pindahkan elemen yang baru di tambahkan pada tempat yang di inginkan, karena kode tersebut memuat pula banner dari snapshot



15. Klik tombol SIMPAN



16. Selesai.

Bagi sobat yang memakai template klasik, pada langkah yang ke 12, sobat klik lagi tombol Continue. Klik link READ MORE yang berada di bawah tulisan yang berjudul Put a Snap Shots Badge on your site. Copy kode yang di berikan dan paste pada notepad. langkah terakhir tinggal memasukannya kedalam kode template sobat.

Agar lebih asik, sobat bisa melihat contoh nyata nya pada blog saya yang lain, coba klik saja di sini ! arahkan mouse sobat pada Link yang ada pada blog tersebut, maka nanti akan keluar screenshot dari setiap link yang di sorot.

Selamat mencoba !

Sbr:http://kolom-tutorial.blogspot.com

Cara Agar Background Postingan Menjadi Berwarna

Sewaktu akan memposting, Copy kode dibawah ini sebelum postingan kita :

<div style="background:#000000;">

Dan kode dibawah ini pada akhir dari postingan kita :

</div>

Contoh :
<div style="background:#000000;">
Ini adalah contoh Background yang berwarna biru
</div>

Hasilnya :

Ini adalah contoh Background yang berwarna biru