Sisipkan Mini icon pada Label

Sebagaimana janji saya terdahulu bahwa akan memposting tentang bagaimana memasang mini icon pada blog, dan kali ini saya khususkan untuk menyisipkan mini icon pada Label atau kategori blog. Satu yang perlu di ketahui yaitu
postingan ini di khususkan bagi sobat yang memakai template baru saja, untuk yang klasik tentu saja tidak perlu bersusah payah karena untuk label sama seperti membuat link biasa.

Karena pada postingan yang lalu telah saya informasikan situs penyedia layanan mini icon, maka sekarang saya asumsikan sobat telah mempunyai mini icon yang telah di upload di hosting. Sebagai contoh saya telah mengupload sebuah mini icon dan mempunyai alamat gambar sebagai berikut :



http://amen24.googlepages.com/folder.gif



dan agar gambar tersebut tampil, maka kita perlu memanggilnya, kodenya seperti ini :




<img src="http://amen24.googlepages.com/folder.gif"/>




gambarnya seperti ini :







Agar icon dengan tulisan tidak terlihat berdempetan, maka sobat bisa menambahkan efek spasi dengan menyelipkan kode :



 



kode di atas adalah khusus di pakai pada saat edit template XML, karena apabila pada format HTML memakai kode :



 



Bagaimana bingungkan? sama kalau begitu, saya juga sedikit bingung. Ini saya sampaikan dengan tujuan agar nantinya lebih mudah di mengerti. Dan sebagai catatan, sebelum sobat mempraktekan langkah di bawah sobat harus sudah mempunyai postingan yang di beri label / kategori. Langsung saja, untuk menyelipkan mini icon pada label /kategori silahkan ikuti langkah-langkah berikut ini :

1. Sign in di blogger





2. Klik menu Layout





3. Klik menu Edit HTML





4. Klik link Download template, save dulu untuk di jadikan backup agar aman





5. Beri tanda centang pada kotak kecil di samping tulisan Expand Widget Template, sekali lagi jangan lupa beri tanda centang dulu yah, sebab kalau tidak, nanti akan tidak sesuai dengan langkah selanjutnya





6. Cari kode seperti berikut :





<a expr:href='data:label.url'>

<data:label.name/>

&#160; (<data:label.count/>)</a>





7. Sisipkan kode mini icon nya sehingga kodenya jadi seperti ini :





<a expr:href='data:label.url'>

<img src="http://amen24.googlepages.com/folder.gif"/> &#160;

<data:label.name/>

&#160; (<data:label.count/>)</a>





8. Klik tombol Simpan Template





9. Selesai.

Jika sobat telah menyisipkan kode tersebut, maka setiap label akan tedapat mini icon nya. Mau melihat contoh nyata? silahkan kunjungi http://template-unik.blogspot.com.



Selamat mencoba !

uniQue Template R 1.2

Ada yang suka warna biru? ini saya buatkan yang berwarna biru. Format XML alias template baru, tiga kolom dengan posisi kolom posting di tengah dan sidebar di selah kiri dan kanan, mau lihat? silahkan klik gambar di bawah untuk melihat demo nya !

Yang mau download, silahkan klik saja di sini !

Download Mini Icon

Apakah sobat suka menghias diri ketika berkaca? jawabannya sudah pasti sepakat "iya suka". Berhias diri bertujuan agar penampilan kita menjadi lebih baik di mata orang yang melihat kita. Tak ubahnya seperti badan kita, sebuah blog pun apabila ingin tampil menarik di mata pengunjungnya haruslah di hias dengan berbagai hiasan atau sebut saja aksesori. Akan tetapi tentu saja jangan terlalu berlebihan, karena sesuatu yang berlebihan akan berakibat tidak baik, begitupun dengan yang namanya blog. Sebuah blog yang di hias dengan berbagai aksesori yang terlalu berlebihan akan berakibat buruk, salah satunya yaitu blog kita akan susah di loading oleh pengunjung karena data yang harus di loading terlalu banyak.

Salah satu aksesori yang bentuknya mungil akan tetapi sangat menarik adalah mini icon. Yupssss... sebuah mini icon boleh juga di lirik menjadi sebuah aksesori. Dipandang dari bentuknya yang mungil akan terlihat sangat lucu dan yang paling utama adalah kapasitas data yang tidak terlalu besar. Coba lihat dan bandingkan link
di bawah ini :



Blog Roll



uniQue Template


Free Css style




Blog Roll



• uniQue Template


• Free Css style




Blog Roll



 uniQue Template


 Free Css style




Blog Roll




 uniQue Template


 Free Css style






Contoh di atas adalah contoh pembuatan link exchange atau Blog Roll dengan memakai dua gaya. Contoh pertama dan kedua adalah blog roll tanpa penambahan aksesori mini icon, sedangkan contoh ketiga dan ke empat adalah dengan menyisipkan mini icon. Manakah menurut sobat yang lebih menarik? Jika saya pribadi cenderung memilih yang memakai mini icon. Sepakatkah sobat dengan saya? apabila jawabnya "ya" ayo lanjutkan membacanya.




Mungkin ada di antara sobat sangat tertarik dengan mini icon ini, akan tetapi masih merasa bingung karena keterbatasan kemampuan dalam hal pembuatannya. Memang untuk membuat sebuah mini icon membutuhkan ketelitian dan kesabaran di samping yang paling
utama yaitu penguasaan terhadap suatu program design grafis. Sebuah kabar gembira bagi sobat yang seperti saya katakan tadi di awal. Di internet banyak sekali situs-situs yang menyediakan layanan ini, satu di antara sekian banyak situs penyedia layanan ini adalah http://www.famfamfam.com. Silahkan tuju situs ini, sobat bisa mendownload ratusan bentuk icon yang mungil serta lucu, bahkan icon bendera pun tersedia di sana.



Bagaimana sudah dikunjungi dan di download? jika sudah di download, langkah selanjutnya adalah meng upload icon tersebut di hosting tempat menyimpan gambar, jangan semuanya di upload tapi yang di anggap perlu saja. Untuk meyisipkannya di blog sobat misal ingin di samping profile, di tanda waktu atau di mana saja akan saya ajarkan pada kesempatan berikutnya..... tunggu saja ya...

Membuat Cursor Animasi

Hallo sobat.. jumpa lagi nih. Setelah beberapa hari absen karena datangnya bulan suci ramadhan dan tadinya saya berniat untuk undur diri selama satu bulan, eh akhirnya tidak tahan juga nih... Nge-log lagiiiii....
(sudah kecanduan kalee ye ). Yupsss... kali ini saya mau membahas salah satu pertanyaan dari sobat alfath yang di ajukan melalui shoutbox. Kutipan pertanyaannya seperti ini :



"ASS.Gmana cara pasang kursor animasi,kan bagus klo kursornya antik... "



Sebuah keinginan yang datang akibat ingin membuat blognya tampak lebih menarik di mata pengunjung.... wajar kalau menurut saya..

Untuk membuat sebuah kursor animasi tidaklah sulit, karena tidak banyak kode yang harus dipakai, akan tetapi tentu saja sesuatu yang gampang akan menjadi sulit tatkala kita tidak tahu caranya, makanya disinilah indahnya berbagi, banyak berbagi akan banyak di bagi, banyak memberi akan banyak di beri. iya ngga?
dan moto saya yang baru yaitu "banyak berbagi banyak sahabat".



Untuk membuat sebuah kursor animasi, langkah pertama yang harus di lakukan adalah membuat sebuah gambar animasi yang berukuran kecil, untuk yang ini terserah kepada keahlian sobat, banyak software pembuat animasi semisal macromedia flash dan kawan-kawannya. Sebuah pertanyaan baru mungkin muncul yaitu bagaimana apabila kita tidak
menguasai program animasi, kan jadi ribet persolaannya. Jika sobat tidak bisa membuat sebuah gambar animasi untuk di pakai, jangan dulu putus harapan. Sobat bisa mencarinya di internet, ratusan atau bahkan ribuan situs menyediakan layanan ini. Caranya sangat mudah, sobat bisa mencarinya lewat search engine yang ada di sebelah kanan atas blog ini. Tuliskan keyword yang berhubungan, misal : Free cursor animated, cursor animation, Free cursor animated atau keyword lainnya yang di rasa berhubungan dengan yang namanya kursor animasi.
Silahkan kunjungi situs yang muncul, barangkali sobat akan menemukan situs yang tepat.



Langkah kedua yaitu menyimpan file animasi yang sudah sobat dapatkan ke hosting tempat menyimpan gambar, contoh : http://www.photobucket.com atau di blogger sendiri juga bisa.
Untuk cara-cara mengupload gambar sudah saya terangkan, silahkan baca kembali di sini apabila sobat masih belum bingung mengenai cara upload gambar. Apabila gambar animasi sudah si upload, catat alamat gambar tersebut. Sebagai contoh, saya mempunyai gambar cursor berbentuk naga terbang dengan alamat sebagai berikut :



http://24rohman.googlepages.com/dragon3.ani





Langkah selanjutnya adalah menyisipkan kode untuk kursor. Kode untuk membentuk kursor adalah sebagai berikut :



cursor: url("alamat gambar kursor");



Sebagai contoh, jika saya menggunakan alamat kursor yang saya miliki, kode nya jadi seperti ini :



cursor: url("http://24rohman.googlepages.com/dragon3.ani");



Langkah selanjutnya yang harus di lakukan adalah memasukan kode di atas ke dalam kode template sobat, agar lebih mudah untuk di pahami, saya tuliskan langkah-langkahnya :

Untuk template klasik

1. Sign in di blogger.




2. Klik menu Template




3. Klik menu Edit HTML




4. Copy seluruh kode template yang ada, lalu save untuk backup data




5. Cari kode yang mirip dengan kode di bawah ini, biasanya di tulis dengan body :




body {

background:#fff;

margin:0;

padding:40px 20px;

font:x-small Georgia,Serif;

text-align:center;

color:#333;

font-size/* */:/**/small;

font-size: /**/small;

}





6. Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini :




body{

background:#fff;

margin:0;

padding:40px 20px;

font:x-small Georgia,Serif;

text-align:center;

color:#333;

font-size/* */:/**/small;

font-size: /**/small;

cursor: url("http://24rohman.googlepages.com/dragon3.ani");

}





7. Klik tombol Simpan Perubahan Template




8. Selesai. Silahkan lihat hasilnya.

Untuk template baru

1. Sign in di blogger




2. Klik menu Layout




3. Klik menu Edit HTML




4. Klik link Download template seluruhnya, save dulu untuk backup biar aman




5. Cari kode yang mirip dengan kode dibawah, biasanya di tulis dengan body :





body {

background:$bgcolor;

margin:0;

color:$textcolor;

font:x-small Georgia Serif;

font-size/* */:/**/small;

font-size: /**/small;

text-align: justify;

}



6. Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini :




body {

background:$bgcolor;

margin:0;

color:$textcolor;

font:x-small Georgia Serif;

font-size/* */:/**/small;

font-size: /**/small;

text-align: justify;

cursor: url("http://24rohman.googlepages.com/dragon3.ani");

}




7. Klik tombol Simpan Template




8. Selesai. Silahkan lihat hasilnya.

Atau ada juga cara lain, yaitu di tempatkan di dalam kode <body>,
sobat tinggal menyisipkannya sehingga kodenya jadi seperti ini :

<body style='CURSOR: url("http://24rohman.googlepages.com/dragon3.ani")'>

Saya rasa cukup deh, selamat menikmati animasinya. Untuk contoh nyata tentang yang saya terangkan diatas, sobat bisa kunjungi blog saya yang lain, silahkan klik di sini !



Eh sobat, di template unik sudah banyak template yang baru lho, kunjungi sebentar blogku yang satu ini ya, silahkan klik http://template-unik.blogspot.com

Cara Daftar Google Adsense

Seperti janji saya kemarin lusa bahwa saya akan coba membahas seputar google adsense, dan kali ini adalah mengenai cara-cara mendaftar. Namun sebelum menginjak kepada topik utama yakni bagaimana mendaftar di google adsense ada beberapa hal atau lebih tepat saya sebut kiat-kiat bagaimana agar blog kita lebih memungkinkan untuk di terima menjadi anggota dari Google adsense, karena tak jarang pemilik blog yang ingin ikut program ini merasa kapok di sebabkan pihak google adsense menolak dari keanggotaan dirinya.



Yang perlu di ingat adalah kiat-kiat yang saya berikan ini adalah bukanlah suatu hal yang mutlak apabila dilakukan akan 100 persen menjamin sobat di terima di google adsense, akan tetapi hanyalah sebuah tips sebagai bahan pertimbangan sobat semua. Baiklah, di bawah ini saya berikan beberapa kiat agar lebih cepat di terima oleh Google adsense :

Berbahasa inggris

Usakan blog yang di daftarkan ke google adsense mempunyai bahasa utama bahasa inggris, karena bahasa inggris merupakan bahasa yang di support oleh adsense, yang perlu di ketahui adalah apabila kita sudah di terima oleh adsense, kita
dapat menyimpan kode iklannya pada blog milik kita yang lainnya, tidak terbatas kepada blog yang di daftarkan. Jadi hanya sekedar untuk lulus seleksi, sebaiknya buatlah dulu blog yang berbahasa inggris. Bagaimana apabila tidak bisa bahasa inggris dan tentunya tidak mempunyai blog yang berbahasa inggris? sobat jangan terlebih dahulu putus harapan, silahkan coba dulu daftarkan blognya di adsense karena sudah banyak blog yang berbahasa indosesia pun bisa di terima oleh adsense.

Sudah banyak posting artikel

Biasanya ini yang sering terjadi, sebuah blog yang baru jadi dan hanya berisi satu atau dua posting artikel saja sudah di daftarkan ke adsense. Sebaiknya isilah terlebih dahulu blognya dengan beberapa postingan artikel, minimal sudah mempunyai 10 buah artikel barulah coba daftarkan di adsense.

Design blog harus rapi

Sebaiknya tatalah terlebih dahulu blog yang akan di daftarkan ke adsense, walaupun Google adsense tidak mengharuskan bahwa yang di daftarkan adalah sebuah situs atau blog yang bersifat profesional, namun adsense tidak menginginkan iklan nya pada blog yang terkesan di desain asal jadi.

Blog sudah ada pengunjungnya

Usakan bahwa blog kita sudah ada pengunjungnya, minimal sudah pernah di kunjungi oleh 100 orang pengunjung. Selain itu yang perlu di ingat adalah bisnis Google adsense ini merupakan bisnis yang sangat bergantung kepada para pengunjung blog, percuma saja apabila kita sudah punya iklan adsense tapi masih sepi pengunjung. Agar blognya banyak di kunjungi pengunjung tentu kita harus berpromosi ria ke sana kemari
dan isi dari blog kita ada hal yang di rasa bermanfaat bagi para pengunjung blog.





Mungkin itu saja dulu beberapa kiat dari saya agar blog sobat lebih besar kemungkinannya di terima oleh Google adsense. Sudah siapkah untuk mendaftar ke google adsense? baiklah, silahkan ikuti langkah-langkah berikut ini :

1. Untuk mendaftar adsense sobat bisa klik pada banner yang berada di sebelah kanan atas blog ini




2. Setelah berada pada situs Google adsense, silahkan klik tombol dropdown yang berada pada sebelah atas dan pilihlah bahasa indonesia agar lebih di mengerti oleh kita.




3. Klik tombol Daftar sekarang




4. Ada beberapa form yang harus di isi :







• URL Situs Web[?] --> isi dengan alamat URL sobat. Contoh : http://kolom-tutorial.blogspot.com




• Bahasa pada website --> klik menu dropdownnya, lalu pilih bahasa utama dari blog sobat, bahasa inggris atau bahasa indonesia




• Jenis Account: [?] --> pilih yang individual




• Negara atau wilayah: --> pilih indonesia (sesuaikan dengan tempat tinggal sobat)




• Nama penerima pembayaran --> isi dengan nama lengkap sobat. ini sangatlah penting, jangan di singkat. contoh : Rohman Abdul Manap jangan di singkat jadi Rohman AM




• Alamat: --> isi dengan alamat lengkap sobat




• Kota: --> isi dengan nama kota dimana sobat tinggal. contoh : bandung




• Negara bagian: --> tidak perlu, ini khusus untuk amerika




• Kode pos: [?] --> isi dengan kode pos




• Telepon: --> isi dengan nomor telepon sobat




• Dibawah tulisan kebijakan, silahkan sobat centang semua kotak kecil yang berisi perjanjian bahwa sobat menyetujuinya




• Klik tombol Submit Informasi









5. Selesai.

Langkah selanjutnya adalah menunggu kiriman email dari google adsense, dan selama itu silahkan berdoa agar om google dapat berkenan menerima sobat.



Untuk cara daftar saya rasa cukup sekian dulu, silahkan nantikan artikel selanjutnya.



Silahkan berharap-harap cemas.

Setting Widget Mybloglog

Dulu saya pernah membahas bagaimana cara daftar serta mendapatkan widgetnya di sini, akan tetapi rupanya ada beberapa sobat yang masih bingung dan penasaran bagaimana cara setting widget agar yang tampak adalah hanya berupa photo saja seperti yang ada pada blog ini karena pada umumnya widget mybloglog adalah berbentuk horizontal dan terdapat nama-nama pemilik di masing-masing photonya. Yups.... saya akan mencoba membahasnya kembali.



Sekarang saya anggap sobat sudah menjadi anggota mybloglog dan hanya tinggal melakukan setting saja. Ikuti langkah-langkah berikut ini :

1. Silahkan sign in dulu di mybloglog





2. Jika sobat mempunyai beberapa blog yang di daftarkan dalam satu account, klik tombol Get Widgets yang berada di bawah gambar blog yang ingin di pasang widget





3. Klik kotak kecil yang berada di samping tulisan c_color_heading_bg, pilih warna yang persis dengan background blog sobat pada gambar warna-warna sebelah atas.





4. Klik kotak kecil di samping tulisan c_color_heading, yang ini merupakan warna tulisan Recent readers, silahkan pilih yang sobat inginkan





5. Klik kotak kecil di samping tulisan c_color_link_bg, pilih warna yang persis dengan background blog sobat





6. Klik kotak kecil di samping tulisan c_color_link, pilih warna yang di nginkan





7. Klik kotak kecil di samping tulisan c_color_bottom_bg, pilih warna yang sesuai dengan background sobat





8. Ubah nilai angka 180 yang berada pada kotak di samping tulisan Width dengan nilai lebar yang di inginkan (dalam pixel)





9. Pilih radio button No, di samping tulisan Show Screen Names. Sekali lagi pilih No jangan Yes karena inilah yang membuat muncul tulisan nama pengunjung





10. Pilih radio button Half-Size, di samping tulisan Image Size





11. Pilih angka yang di inginkan pada menu dropdown di samping tulisan Rows, sebaiknya 5 saja agar tidak terlalu berat witgetnya.





12. Ganti tulisan Recent Readers di samping tulisan Title dengan kata yang sobat inginkan, misal : pembaca terbaru, yang mampir, yang lewat, atau apa saja





13. KLik tombol Preview and Get Code





14. Copy kode yang ada lalu paste pada notepad untuk nanti di masukan ke dalam blog sobat





15. Selesai.

Contoh hasil dari apa-apa yang saya terangkan coba lihat ke bagian samping kanan blog ini :



Jika sobat menginginkan gambar yang terbentuk adalah berupa gambar yang memanjang dengan foto-foto dalam ukuran yang besar, sobat hanya harus melakukan settingan yang berbeda pada langkah yang ke 8, 10 serta yang ke 11. Untuk langkah yang 8 sobat harus setting dengan ukuran yang lebar, contoh 700 pixel (biasanya widget ini akan di simpan di bagian footer blog). Untuk langkah yang ke 10 sobat harus memilih yang Full-Size agar gambar yang terbentuk adalah dalam ukuran besar. untuk langkah yang ke 11 sobat sebaiknya memilih angka 2 saja agar gambar yang di tampilkan dua baris saja. Untuk melihat contoh, bisa di lihat di sini !



Untuk memasukan kode mybloglog kedalam blog sobat, silahkan sobat baca kembali artikel yang terdahulu di sini ! dan satu catatan ringan saja akan tetapi sering di tanyakan adalah apabila sobat baru memasang widget mybloglog maka tidak akan terdapat photo-photo, photo-photo ini akan terbentuk apabila ada pengunjung blog sobat yang notabene sama-sama anggota dari mybloglog.



semoga artikel ini dapat mewakili dari kepenasaranan sobat.



Selamat mencoba !