Template Denim 3 kolom (XML)

Template lagi nih, biasa tiga kolom (dasar tukang modif, kerjanya cuma moifikasi
ga pernah bikin sendiri ). kan baru mulai bro, nanti kalau sudah kenyang modifikasi
baru bikin sendiri. OK bro (gaul dikit, biasanya sobat) kali ini adalah template denim yang sudah menjadi tiga kolom, sudah dilengkapi system readmore versi baru. Sobat hanya tinggal menambahkan kode <span id="fullpost"> .... </span> pada saat posting, biar lebih jelas tentang system readmore ini, silahkan baca postingan lengkapnya di sini ! Sudah di tambahkan tab navigasi di bawah header, sobat tinggal mengganti alamat linknya dengan alamat link punya sobat sendiri. Biar lebih jelas tentang tab navigasi ini, silahkan baca postingan lengkapnya di sini ! Serta penambahan-penambahan aksesori lainnya.




Untuk melihat demo nya, silahkan klik pada gambar di bawah ini :







Keterangan tambahan, setelah di download jangan langsung di upload ke blogger, akan tetapi harus di ekstrak dulu dengan Winzip, setelah di ekstrak barulah file dengan ekstensi .xml nya di upload ke blogger. Untuk lebih jelas tentang cara mengganti template, silahkan baca postingan lengkapnya di sini !



Satu permintaan dari saya, banner Template Unik yang ada di dalam template tersebut jangan di hapus ! kalau mau di pindahkan silahkan saja, asal jangan di hapus. Untuk mendownload template denim 3 kolom ini, silahkan klik di sini !



Selamat berdownload ria !

Pelacak IP Address

Bagi sobat yang suka akan aksesori blog, ada lagi nih blog toolsekaligus sebagai aksesori blog. Tool ini berfungsi untuk melacak alamat IP (Internet Protocol) sang pengunjung blog kita. Selain IP address, tool ini juga bisa melacak browser serta Operating system yang dipakai oleh pengunjung.



Untuk mendapatkan tool ini, sobat bisa mendapatkannya di banyak situs pada internet. Agar tidak usah bingung mencari, saya ambil contoh salah satunya adalah http://www.ipnow.org.
Salah satu contoh tampilan yang di miliki situs ini adalah sebagai berikut :





     
     





Tertarik memasang ini? Silahkan ikuti langkah-langkah berikut ini :

1. Silahkan buka situs http://www.ipnow.org




2. Di bawah tulisan Custom Image ada beberapa tampilan yang bisa di pilih. Ambil contoh : klik yang Custom Graphical Info Image




3. Pilih warna backround serta warna text yang di inginkan oleh sobat




4. Klik tombol Create My Image




5. Tunggu beberapa saat sampai proses selesai




6. Copy kode yang di bawah tulisan Linked Image, paste pada notepad untuk keperluan nanti di masukan ke blog




7. Silahkan tutup situs tersebut

Untuk cara memasukan kode yang di copy tadi, silahkan ikuti petunjuknya !



Untuk template klasik :

1. Sign in di blogger





2. Klik menu Template





3. Klik menu Edit HTML





4. Copy seluruh kode template sobat, lalu paste pada notepad, silahkan save dulu untuk backup data





5. Copy kode yang ada di notepad tadi lalu paste pada tempat yang sobat inginkan





6. Klik tombol Pratinjau untuk melihat perubahan





7. Jika sudah OK, klik tombol Simpan Perubahan Template





8. Selesai.

Untuk template baru :

1. Sign in di blogger





2. Klik menu Layout





3. Klik menu Elemen halaman





4. Klik tulisan Tambah sebuah Halaman Elemen





5. Klik tulisan TAMBAHKAN KE BLOG di bawah tulisan HTML/javascript





6. Copy kode yang ada pada notepad, kemudian paste pada kolom yang tersedia





7. Klik tombol SIMPAN PERUBAHAN





8. Pindahkan elemen yang baru di buat pada tempat yang sobat inginkan, lalu klik tombol SIMPAN





9. Selesai.

Situs lain yang menyediakan layanan seperti ini bisa sobat kunjungi :

1. http://www.danasoft.com





2. http://www.ip2phrase.com

Mau lihat contoh blog yang memakai fasilitas ini? Silahkan klik di sini !



Selamat mencoba deh !

Tips Mengubah Warna Link

Jika pada postingan yang lalu membahas tentang bagaimana cara menghilangkan garis bawah pada sebuah tulisan yang berbentuk link, maka pada kesempatan ini saya ingin mengulas tentang cara mengubah warna link. kenapa merubah warna link di perlukan? alasannya begini, pernah saya mengunjungi beberapa blog yang mempunyai latar belakang bergambar, masalahnya yaitu warna latar belakang dengan warna link hampir sama, sehingga penglihatan kita menjadi kabur dan tidak bisa membaca tulisan link.
Sebenarnya kejadian tersebut tidak perlu terjadi, karena warna link dapat kita ubah sendiri.



Bagi sobat yang memakai template baru, tentunya hal ini bukan masalah besar, karena fasilitas untuk merubah warna dan huruf sudah di sediakan. Lain halnya bagi sobat yang memakai template klasik, untuk merubah warna link, sobat harus sedikit berkeringat karena harus merubah kode-kode yang ada pada kode template sobat.




Kode-kode yang manakah yang harus ubah?



Untuk mengubah warna link, setiap template tentunya berbeda-beda, Akan tetapi untuk gambaran saja saya ambil contoh di dalam template ada kode seperti ini :



a:link {

color:#3333FF;

text-decoration:underline;

}



a:hover {

color:#000066;

text-decoration:underline;

}



a:visited {

color:#663366;

text-decoration:underline;

}





Agar menjadi faham, akan saya uraikan :




a:link {

color:#3333FF;

text-decoration:underline;

}



kode ini mempunyai arti --> sebuah link akan berwarna biru dan bergaris bawah.




a:hover {

color:#000066;

text-decoration:underline;

}


Sebuah link apabila di sorot oleh mouse akan berubah warna menjadi biru tua dan bergaris bawah.





a:visited {

color:#663366;

text-decoration:underline;

}



Sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna ungu dan bergaris bawah.






Pertanyaan selanjutnya manakah kode diatas yang menentukan warna link? jawabnya adalah kode :



color:#3333FF;




Tulisan yang saya cetak merah adalah penentu warna atau di sebut juga dengan kode warna heksa, kode tersebutlah yang menentukan warna sebuah link. Bagaimana cara merubahnya? caranya tentu saja kita harus mengganti kode warna tersebut dengan kode warna yang kita inginkan. untuk mencari tau kode heksa dari warna, saya biasanya menggunakan bantuan dari program photoshop, disana telah disediakan contoh warna lengkap dengan kode heksa nya, kita tinggal memilih warna yang diinginkan kemudian secara otomatis akan di perlihatkan kode heksanya. Masih bingung? kalau masih bingung
soal warna, sobat kunjungi deh blognya bang iwan di link ini http://free-7.blogspot.com,
ada juga di bagian Side bar blog beliau di tuliskan berbagai kode heksa.



Saran dari saya, apabila sobat menggunakan warna latar belakang yang terang, maka pilihlah warna link yang gelap. Sebaliknya, apabila warna latar belakang berwarna gelap, maka warna link haruslah berwarna terang.



Selamat mencoba !

Menghilangkan Garis Bawah Link

Pernah ada salah satu sobat yang mengirimkan email ke saya, beliau ini menanyakan cara menghilangkan garis bawah yang ada pada setiap link. Garis bawah ini menurut beliau sangat mengganggu keindahan tulisan-tulisannya. Memang seperti kata-kata saya terdahulu, lain orang lain keinginan, untuk urusan link pun ada yang suka memakai garis bawah dan ada juga yang tidak suka akan garis bawah tersebut.



Menurut kebiasan yang berlaku, sebuah tulisan yang berbentuk link biasanya memang mempunyai garis bawah, akan tetapi sebenarnya garis bawah tersebut bisa di hilangkan apabila kita mau. Bagaimana cara menghilangkan garis bawah pada link? untuk menghilangkannya sobat perlu merubah beberapa kode yang ada pada style sheet CSS, kode tersebut biasanya seperti ini :





a:link {

color:#58a;

text-decoration:underline;

}



a:hover {

color:#c60;

text-decoration:underline;

}



a:visited {

color:#969;

text-decoration:underline;

}





Agar menjadi faham, akan saya uraikan :




a:link {

color:#58a;

text-decoration:underline;

}



kode ini mempunyai arti --> sebuah link akan berwarna biru dan bergaris bawah.





a:hover {

color:#c60;

text-decoration:underline;

}


Sebuah link apabila di sorot oleh mouse akan berubah warna menjadi biru tua dan bergaris bawah.





a:visited {

color:#969;

text-decoration:underline;

}




Sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna biru tua (banget) dan bergaris bawah.






Pertanyaan selanjutnya manakah kode diatas yang membuat link menjadi bergaris bawah? jawabnya adalah kode :



text-decoration:underline;




Tulisan underline lah yang membuat link menjadi bergaris bawah. Apabila kita tidak menginginkan adanya garis bawah pada sebuah link, maka kita hanya cukup merubahnya dengan kata none, nanti kodenya akan menjadi seperti ini :



text-decoration:none;




Dari pengertian tadi diatas tentu saja kita dapat mengatur ingin ada atau tidak ingin ada garis bawah, tergantung dari selera masing-masing, apakah sebuah link ingin bergaris bawah atau tidak? apakah apabila sebuah link di sorot oleh mouse ingin bergaris bawah atau tidak? apakah apabila sebuah link pernah di kunjungi
atau di klik ingin bergaris bawah atau tidak? semua terserah sobat sebagai pemilik blog. Ingin bergaris bawah?
ya pakai underline, kalau tidak ingin bergaris bawah ya tingal ganti dengan none,
gampang bukan?

Pasang Kalender di Blog

Sobat Guest452, itulah nama yang di kenalkan pada shoutbox. Beliau membredel shoutbox sebanyak tiga kali berturut-turut dengan permintaan agar di postingkan
cara membuat Kalender pada blog. Untuk menghormati keinginan beliau ini, maka saya
coba bahas tentang bagaimana cara pasang kalender di dalam blog.



Untuk memasang sebuah kalender kita bisa memanfaatkan berbagai situs penyedia kalender gratisan. Situs seperti ini sangatlah banyak, tentunya mereka berlomba dengan menampilkan kalender-kalender yang menarik untuk di lihat. Agar tidak terlalu bingung mencarinya, saya berikan contoh satu saja yaitu http://www.free-blog-content.com.
Silahkan coba sobat kunjungi situs tersebut ! kalender yang di sediakan sangat beragam. Silahkan klik kategori yang ada untuk memilih bentuk kalender yang sobat sukai, kemudian copy kode yang di berikan di bawah gambar kalender lalu paste pada notepad untuk nanti keperluan di simpan di blog.




salah satu contoh gambar yang di sediakan seperti ini :













Untuk cara instalasi, silahkan ikuti langkah-langkah berikut !



Untuk Template klasik

1. Sig in di blogger dengan id sobat




2. Klik menu Template




3. Klik menu Edit HTML




4. Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula




5. Copy kode yang tadi telah ada di notepad lalu paste pada tempat yang di inginkan, mau di sidebar atau di manapun boleh




6. Klik tombol Simpan Perubahan Template




7. Selesai.

Untuk Template baru

1. Sign in di blogger dengan id sobat




2. Klik menu layout




3. Klik menu Elemen Halaman




4. Klik tulisan Tambahkan sebuah elemen halaman




5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript




6. Copy kode yang tadi telah ada di notepad lalu paste pada kolom yang di sediakan





7. Klik tombol SIMPAN PERUBAHAN




8. Pindahkan elemen yang baru di buat pada tempat yang sobat inginkan, lalu klik tombol SIMPAN




9. Selesai.

Khusus bagi sobat yang muslim dan ingin kalendernya dalam bentuk kalender Hijriah, ada sumbangan hasil karya yang bisa sobat pakai. Kalender ini di dapat dari http://mfr.jentayu.com. Bentuk kalendernya seperti ini :














Bentuknya sangat menarik bukan? Jika sobat ingin memasang kalender ini, sobat tinggal menyinpan kode berikut pada template sobat :








<script src="http://hijriah.jentayu.com/hijriah.php"> </script>



 

Untuk langkah-langkahnya sama persis seperti diatas, akan tetapi tentu yang di masukan adalah kode ini. Atau bagi sobat yang memakai template baru, biar gampang silahkan klik saja tombol di bawah ini! nanti akan secara otomatis kalendernya akan di masukan ke blog sobat. tapi ya musti sign in dulu yah :

value="Tanggal Hijriah"/>
value="<script language='JavaScript' src='http://hijriah.jentayu.com/hijriah.php'></script>"/>
value="<data:content/>" />

Ada lagi yang lebih menarik, bukan hanya berfungsi sebagai kalender, akan tetapi berfungsi sebagai arsip. Pengunjung dapat dengan mudah membuka arsip postingan-postingan kita yang terdahulu melalui kalender tersebut. Apabila tertarik coba deh kunjungi blog nya mas anang di http://anangku.blogspot.com. Silahkan baca triknya di sana, soalnya sudah kecapean nih ngetiknya, jadi tidak saya tuliskan sendiri.



Selamat mempercantik blognya dengan kalender.

Download Scribe 3 kolom (XML)

Pada postingan yang lalu, saya sudah berikan template scribe 3 kolom bagi sobat yang memakai template klasik, dan kali ini saya persembahkan lagi satu template, judulnya masih sama yaitu Scribe 3 kolom. Akan tetapi yang ini adalah dalam format XML atau template yang baru.




Bagi sobat yang suka memotong postingan dengan fasilitas Read more.. atau
Baca Selengkapnya.., sobat tidak harus menambahkan berbagai kode lagi karena
sudah saya tambahkan. Sobat hanya harus menambah kode <span id="fullpost"> ... </span> pada saat posting artikel, atau biar lebih jelasnya lagi silahkan baca postingannya di sini ! Pada header sudah ada navigasi, tinggal ganti alamat link nya dengan milik sobat sendiri, untuk lebih jelasnya coba baca postingannya di sini ! Serta aksesoris yang lainnya.



Template ini silahkan download kemudian ekstrak dulu dengan software Winzip sebelum di upload ke blogger. Permintaan saya, tolong jangan menghapus banner yang saya pasang ! jika mau di pindahkan tempatnya silahkan saja asal jangan
di hapus. Sebagai pemberitahuan saja, template ini sudah saya coba dan hasilnya tidak ada kendala atau dengan kata lain tidak ada masalah. Untuk cara instalasi, silahkan baca secara seksama di sini !



Untuk contoh blog yang memakai template ini, silahkan klik di sini !. Untuk mendownload silahkan sobat klik di sini !



Selamat menikmati wajah baru.