Menampilkan Banner Disertai Link

Bagi pengguna blog yang sudah mahir, menampilkan banner yang disertai link merupakan hal mudah. Namun bagi pemula, hal ini tentu akan membingungkan, mengingat blogspot hanya memberikan fasilitas untuk menambah elemen gambar saja.

Blogspot tidak menyediakan fasilitas untuk menambah gambar yang disertai link. Meskipun begitu, tetap ada cara untuk memasukkan gambar banner sekaligus memberikan link untuknya. Yang harus dilakukan adala:
1. Pertama-tama tambahkan elemen baru berupa gambar.
2. Selanjutnya upload gambar yang diinginkan dari dalam komputer anda.
3. Kemudian tampilkan ulang halaman blog dan copy lokasi gambar banner. Di dalam Firefox, anda dapat menggunakan klik kanan dan pilih menu Copy Location. Sedangkan untuk Internet Explorer, anda dapat menggunakan klik kanan dan pilih menu Properties. Kemudian copy alamat yang tertera pada baris Address (URL).
4. Untuk sementara Paste di Notepad terlebih dahulu dan hasilnya akan diperoleh alamat gambar seperti contoh dibawah ini: http://2.bp.blogspot.com/_8j4uj3NylQ0/R8FoDtBcJ4I/AAAAAAAAACU/
gfzITGak2tI/banner.gif
5. Tambakan kembali elemen baru kedalam template blog. Pilih elemen HTML/JavaScript.
6. Kemudian masukkan kode yang didapat dari gambar tadi, dan tambahkan beberapa kode sebagai berikut:
<+a ref=”http://www.edysuryo.blogspot.com”+>
<+img src=”http://2.bp.blogspot.com/_8j4uj3NylQ0/R8FoDtBcJ4I/AAAAAAAAACU/ gfzITGak2tI/banner.gif”+> <+/a+>
Tapi jangan lupa untuk menghapus +
7. Selanjutnya akan tampak dua banner yang sama, akan tetapi benner yang satu memiliki link sedangkan yang satunya tidak. Tekan ikon Edit pada elemen gambar banner yang tidak memiliki link. Lalu takanlah tombol Remove Element untuk menghapus banner pertama yang tidak mempunyai link.
8. Hasilnya akan tampak satu banner tersisa yang disertai dengan link. Anda dapat menampilkan banner-banner yang lain dengan disertai link ke alamat tertentu menggunakan langkah-langkah seperti tadi.
Selamat mencoba………….

Read more...

Menggantikan Ikon Weblog

Logo web ini sering disebut sebagai”Favorite Icon” atau Favicon karena tersimpan pada saat pengunjung menyimpanya di dalam Bookmark atau menu Favorite yang ada di dalam web browser.Umumnya ikon ini muncul di sebelah alamat web atau disebelah kiri atas jendela web browser. Dikarenakan logo yang oleh setiap penyedia Blog umumnya ama pada setiap pemilik account,

terkadang muncul keinginan dari penggunanya untuk mengganti gambar logo tersebut. Bukan saja keinginan untuk menjadi berbeda dengan yang biasanya, tetapi juga sebagai petunjuk jati diri dari pemilik Blog. Ada perasaan yang berbeda ketika Blog yuang dimiliki mempunyai ikan khusus yang mencerminkan pribadi dari masing-masing pemiliknya. Sebetulnya untuk mengganti logo tersebut cukup mudah. Anda hanya perlu membuat atau mencari gambar dengan ekstensi *.ico berukuran 16 X 16 pixel, memnyimpanya disalah satu server, dan menuliskan satu baris HTML di dalam template Blog.

Mencari File Ikon
Untuk membuat file ikon, anda dapat memanfaatkan perangkat lunak seperti IrfanView (http://irfanview.com), Icon Developer (http://www.stardock.com/products/ikondeveloper/) Icon Edit Pro (http://iconedit.com/download.htm), dan Greenfish Icon Editor Pro (http://greenfish.extra.hu/download.php), serta banyak lagi. Atau melalui alat bantu ikon generator berbasis web yang tersedia di http://htmlkit.com/services/favicon, http://www.favicon.cc, http://favicon.co.uk, dan lain sebagainya. Namun jika langsung ingin menggunakan, anda dapat mencarinya di http://iconarchive.com. Carilah gambar ikon yang anda inginkan melalui kategori yang disediakan di samping kiri. Anda dapat mendownload gambar berbasis PNG 128 X128, 48 X48, dan 32 X32 untuk dikonversi menjadi file ICO menggunakan software Irvan View atau alat bantu yang tersedia di alamat http://htmlkit.com/favicon. selanjutnya disimpan di web server yang anda miliki. Namun jika anda langsung menggunakan file ICO yang ada didalam http://iconarchive.com, arahkan icon mouse ke “Download as.ico file” dan gunakan klik kanan untuk memunculkan pop-up menu. Copy link yang ada menggunakan “copy link location” di web browser Firefox atau menu “copy shortcut” pada web browser internet explorer (IE). Langkah di atas akan menghasilkan pencatatan file ikon di alamat http://www.iconarchive.com/download/ico/fasticon/avatar-girls/girls-8.ico. alamat tersebut nantinya akan digunakan di dalam kode HTML yang berfungsi untuk menampilkan logo website atau blog.

Menampilkan Ikon di Template Blog
Untuk menampilkan file ikon di dalam web, anda hanya perlu menyisipkan kode dibawah ini setelah tg , dimana file_ikon.ico diganti dengan file yang anda pilih.
Untuk memasukan kode tersebut di dalm blogspot,anda dapat memilih menu Layout > Edit HTML.
Kalau anda pingin nyoba kayak punyak saya copy kode HTML dibawah ini:
<+head+>
<+link href='http://www.iconarchive.com/download/ico/everaldo/kids-icons/
bookmark.ico' rel='shortcut icon' type=' image/x-icon'/+>

Untuk tanda + tolong di hapus

Kemudian simpan penambahan kode di atas dengan menekan tombol Save Template. hasilnya dapat anda lihat melalui web brouser Firefox dan Internet Explorer. Ikon yang telah anda pilih akan muncul disebelah alamay web dan tabulasi pada web brouser Firefox dan Internet Explorer. Ikon ini juga akan tersimpan ketika pengunjung menyimpan alamat situs di dalam bookmark atau menu Favorite yang ada di dalam web brouser.

Dan jika anda ingin ganti ikon yang lain, anda tinggal paste hasil dari “copy shortcut” atau copy link location” tepat di kode HTML yang berwarna merah.
Selamat mencoba…..

Read more...