Cara Menampilkan Ikon Blog di Browser

Cara Menampilkan Ikon Blog di Browser

Ikon blog yg terkenal dengan sebutan Favicon (favourite icon) adalah icon kecil yang berada di samping alamat blog atau website anda.Banyak situs terkenal seperti Amazon.com , google mail , Kumpul blogger dll yang mengunakan Favicon sebagai identitas yang menurut saya "Keren" dan 'berbeda' dgn yg lainnya. Apabila anda membuat blog di Blogger.com alias blogspot, maka secara default favicon yang berada di samping alamat URL anda adalah berupa icon blogger. Lihat gambar contoh dibawah :

Untuk mengganti favicon tersebut, anda bisa melakukan langkah-langkah seperti berikut :

1. Pertama pilihlah sebuah gambar atau image atau photo yg tersimpan di file hardisk komputer anda yang akan di jadikan sebagai favicon. Untuk hal ini anda perlu mengedit image tsb menjadi gambar berukuran 32x32 pixel . simpan dengan format gif, jpg, png, dan bmp (pilih salah satu) contoh seperti gambar ikon blog panduan bisnis internet di bawah ini :Note : Untuk cara meng edit gambar silahkan lihat di "Cara Edit Gambar"

Namun Jika anda tidak mau repot mengedit gambar, anda bisa menggunakan jasa pembuat favicon gratis. Silahkan pergi ke salah satu situs dibawah ini:

http://www.favicongenerator.com
http://tools.dynamicdrive.com/favicon/
http://www.Html-kit.com
http://www.tinypic.com

Di salah satu situs tersebut : cari dan Klik tombol Browse...
Masukan gambar yang tadi anda pilih untuk di ubah menjadi format icon
Klik pada tombol Generate Favicon.
Setelah proses selesai, klik pada "Click Here to Download your favicon".
Save ke komputer anda.

2. Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi , ke tempat hosting gambar,atau ke Hosting anda sendiri jika anda menggunakan blog -hosting berbayar. Untuk layanan upload image ke hosting gratis silahkan pilih salah satu dibawah ini :

http://www.photobucket.com atau
http://www.pages.google.com atau
http:// www.geocities.com .

Dalam hal ini misalnya saya mengupload image pilihan saya ke Photobucket.com
Nanti di Photobucket.com saya akan diberikan sebuah URL untuk image yang saya upload. Ambil URL nya yang ber ekstensi seperti ini : http://www.....

Update 27 maret 2010:
Karena ada pertanyaan bagaimana mengupload dan mencari URL image dari photobucket, maka akan saya rinci langkah nya sbb :
1, Daftar dulu ke photobucket.com , gratissss
2. Login
3. Temukan form utk mengupload gambar :

4. Akan muncul jendela untuk mencari dan memilih image yang akan di upload

5. Setelah proses upload image selesai, akan muncul halaman utk pemberian nama,deskripsi dan tags dari image. Jika sudah diberi nama lalu klik tombol "Share"

6. Setelah itu akan dibawa kehalaman yag menampilkan link image yag barus saja kita upload. Pilih "Direct link" untuk keperluan menampilkan ikon blog ini.



Contoh : untuk image ikon panduan bisnis Internet itu link URL dari Photobucket nya seperti ini : http://i420.photobucket.com/albums/pp281/goldenphoto_2009/Iconulum.jpg

(Untuk ngetest : silahkan anda copy paste deh Link URL tsb,dan buka di tab browser baru, Pasti ikon sy itu akan tampil di ikon browser dan di ikon tab )

3. Kemudian.... selanjutnya silahkan login ke blogger anda.
4. Klik pada Tata Letak (Layout)
5. Klik Edit HTML. - centang kotak"Expand Widget Template"
6. Silahkan cari kode </head>
Agar cepat ketemu Tekan : CTRL + F pada keyboard lalu tulis </head>

7. Jika sudah ketemu masukkan script ini :
<link rel="shotcut icon" href="http://i420.photobucket.com/albums/pp281/goldenphoto_2009/Iconulum.jpg" />

Note : Ganti URL http://i420.photobucket.com/albums/pp281/goldenphoto_2009/Iconulum.jpg dengan URL milik anda yg didapat dari Photobucket tadi.

8. Simpan script tsb persis di atas kode </head>. Contoh :

<link rel="shotcut icon" href="http://i420.photobucket.com/albums/pp281/goldenphoto_2009/Iconulum.jpg" />
</head>

9. Lalu klik tombol "Save" atau "Simpan" Template.
10.Selesai. Sekarang anda sudah mempunyai favicon di alamat URL blog anda.

Triks di atas adalah untuk blog di Blogspot, sedangkan untuk Wordpress, yang oleh wordpress favicon ini sering juga disebut Blavatar atau favicon avatar (gambar kecil) .

Berikut adalah cara menampilkan ikon blog di wordpress:
Untuk mendapatkan blavatar untuk blog wordpress Anda, cukup masuk ke dalam Pengaturan(Setting) dashboard dan lalu upload lah foto anda sebagai image. Setelah Anda meng-upload, Anda dapat Mengedit atau "Crop" (dipotong sesuai ukuran yang Anda inginkan).Kemudian Simpan dan Favicon atau Blavatar Anda pun telah siap tampil.

Note : Berbeda jika anda menggunakan browser firefox, opera dan yang lainnya, yang favicon anda sudah langsung dapat di nikmati.Bagi anda yang masih menggunakan browser IE6, favicon anda tidak akan langsung terlihat, coba di bookmark dulu alamatnya.

Selamat mencoba...dan semoga bermanfaat untuk yang belum mengetahuinya.

Artikel lain :


Mengatur Kotak Komentar

Mengatur Kotak Komentar

Tidak ada aturan yang baku dalam hal Mengatur Kotak Komentar , ini hanya saran saya pribadi yang menurut saya paling baik buat saya, dan mungkin juga untuk anda.

Sebab banyak sekali sewaktu saya blogwalking ke blog lain, ketika saya tulis komentar, ada yang langsung bisa tampil tanpa di moderasi. Hal ini bisa "Berbahaya". Bayangkan jika ada orang yang iseng menuliskan kata2 yang jorok atau kasar misalnya, tentu akan mengganggu anda dan pembaca yang lain.Pernah di blog yang lumayan ramai traffik nya dan ada sekitar 20 komentar yang tertulis, salah satu komentar ,lolos dengan tulisan maha porno yang amat tidak pantas untuk tampil di halaman publik tsb.Lain halnya jika situs itu memang sengaja untuk blog porno.

Untuk itu, sebaiknya atur lah terlebih dulu Kolom komentar anda agar tidak terjadi hal2 yang tak di inginkan.Caranya sbb :
> Masuk ke accout blogger anda
> Klik "setting" atau "Pengaturan"
> Pilih "Comment" atau "komentar"

Selanjutnya ini yang sebaiknya anda atur :
> Pada opsi"coment"---pilih SHOW --- Agar kotak komentar tampil di halaman blog

> Pada opsi "Who can Comment" --- Pilih ANYONE --- agar setiap orang yang mampir ke blog anda bisa memberikan komentar.Kecuali blog anda dikhususkan.

> Pada opsi "Comment Form Placement" --- pilih yang " .

> Pada opsi "Comments Default for Posts"--- pilih "new post have comments"

> Pada opsi "Backlinks" Pilih "show" -- agar anda bisa membuat Link ke post yang lain saat anda membalas komentar pengunjung

> Pada opsi "Backlinks Default for Posts" ---Pilih "new post have Backlinks"

> Pada opsi "Comment Form Message" -- silahkan isi kata-kata anda misalnya :" Terimakasih atas komentar anda"

> Pada opsi "Comment moderation"--- Pilih "Always" -- agar setiap komentar yang masuk harus melalui persetujuan anda untuk ditampilkan atau tidak, koment yang masuk ini akan dikirimkan ke email anda.

> Pada opsi "Show word verification for comments?" ---pilih" yes" untuk mencegah spamming

> Pada opsi "Show profile images on comments?"--- terserah anda-- ini hanya untuk menampilkan ikon atau profil pengunjung saja.

> Pada opsi "Comment Notification Email" ---tuliskan alamat email anda, agar komentar yang masuk bisa dikirimkan ke email anda untuk selanjutnya anda moderasi,lalu anda putuskan diterbitkan atau tidak.

Selesai--- Klik "Save"---

Sekarang kotak komentar anda sudah aman dan nyaman buat pengunjung anda..

Semoga bermanfaat
Selamat mencoba...
Artikel lain :



Guruku Orang Desa Internet Marketer Kelas Dunia

Cara Membuat Tulisan Berjalan

Cara Membuat Tulisan Berjalan


Mungkin diantara anda ada yang ingin tau Bagaimana Cara membuat tulisan berjalan - atau tulisan yang bisa bergerak kekanan/kekiri dan keatas/kebawah ? .Tulisan ini saya bikin saat saya dulu mencoba membuat beberapa tulisan di blog saya bisa bergerak keatas atau kekanan.

Dan saya berfikir : Jika saya saja dulu bingung cara membuat tulisan bergerak,maka pasti banyak juga orang lain yang juga tidak tau caranya.Oleh sebab itu saya mencoba menuliskan artikel cara membuat tulisan bergerak ini ,khusus untuk anda yang belum mengetahui nya.

Apa sih tujuan atau manfaat Tulisan Yang bisa berjalan di Blog?

Saya melihat dibeberapa blog,menggunakan teknik tulisan bergeser kekanan atau kekiri  untuk menarik perhatian pengunjung (dan memang teknik ini mampu membuat saya melirik ke tulisan yang berjalan tsb).

Meskipun ada webmaster guru, yang menghindari trik tulisan berjalan ini ,dengan alasan : "Membuat Pusing..!" . Tapi menurut saya trik ini memang cukup ampuh kok. Agar tdk membuat pusing sebagian orang tertentu ( Ada lho beberapa org yang memliki gangguan penglihatan pada barang/tulisan/objek yang bergerak2..), kita bisa membuat tulisan yang bergerak tsb untuk diam sesaat ketika kursor mouse diarahkan ke tulisan bergerak itu. -- Lihat aja yah contohnya dibawah. --

Mana sih Contoh Tulisan Berjalan Di blogspot


Bergerak kekanan ! cara membuat tulisan berjalan di blog

Bergerak kekiri ! cara membuat tulisan bergerak

Ke Kanan dan Kekiri ? - cara membuat tulisan bergerak

Bergerak kekanan Perlahan !

Ke Kanan dan Kekiri Dan Bisa Di stop??


Bergerak Ke Atas



Bergerak Ke Atas dan Ke bawah


Tulisan bergerak atau MARQUE ini, pada beberapa pengaturannya : Misal : align;behavior;haspace; dll :  ada yang tidak kompatible ( tidak berfungsi ) di beberapa browser,terutama di browser kuno.Untuk melihat semua fungsi marque berfungsi semua fitur2 nya, coba buka blog yang ada marque nya dengan mozila firefox

Lalu mana Kode HTML Tulisan Berjalan nya ?


Oke ini kode nya :

Kode HTML Untuk Tulisan Yang bergerak kekanan

<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">Tulisan Bergerak Bergerak kekanan (ganti dgn tulisan anda)</span></marquee>

Kode HTML Untuk Tulisan Yang Bergerak kekiri : Lihat pada kode tulisan bergerak kekanan diatas,tinggal ganti kata "right" menjadi "left"


Kode HTML Untuk Tulisan Yang Ke Kanan dan Kekiri

<marquee direction="left" behavior="alternate"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Kanan dan Kekiri (ganti dgn tulisan anda)</span></marquee>


Kode HTML Untuk Tulisan Yang Bergerak kekanan Perlahan : Note : nilai scrolldelay menentukan cepat atau lambatnya tulisan bergerak.Direction = menentukan arah bergerak

<marquee direction="right" scrolldelay="500"><span style="color:red; font-weight: bold;">Tulisan Bergerak kekanan Perlahan (ganti dgn tulisan anda</span></marquee>


Kode HTML Untuk Tulisan Tulisan Yang Bisa Bergerak  Ke Kanan dan Kekiri Dan Bisa Di stop

<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Kanan dan Kekiri Dan Bisa Di stop??</span></marquee>


Kode HTML Untuk Tulisan Yang Bergerak Ke Atas

<marquee align="center" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Atas</span></marquee>


Kode HTML Untuk Tulisan Yang Bergerak Ke Atas dan Ke bawah

<marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Atas dan Ke bawah</span></marquee>

Note : Anda bisa merubah warna tulisan dengan kode warna HTML :

red = warna merah
blue= warna biru
yellow = warna Kuning
white = warna putih
black = warna hitam

Kode warna HTML, pada contoh diatas seperti ini:

<span style="color:red; font-weight: bold;">

Bisa diganti dengan seperti ini :

<span style="color:#f00; font-weight: bold;">

#f00; = warna merah ;

#00f; = Warna Biru ;

#0f0; = Warna Hijau ;

#f0f; = Warna Ungu ;

Atau dikombinasi....Coba-coba aja ya....

Update 25 agustus 2009:
Karena ada pertanyaan soal bagaimana cara agar gambar bisa bergerak kekanan atau kekiri, maka sy perlu tambahkan sedikit disini ...

caranya pertama anda bikin dulu image yang anda inginlan, lalu anda upload image tsb ke situs layanan penyimpan image gratis,misalnya photobucket.com.

Kemudian nanti dari photobucket anda akan mendapatkan URL dari image yg anda upload tsb.
Kemudian masukkan ke dalam scrip marquee(Berjalan) seperti yg ada diatas.
Berikut contoh script utk image Photo saya yg bergerak Ke kanan :

<marquee direction="right">
<img src="http://i420.photobucket.com/albums/pp281/goldenphoto_2009/Iconulum.jpg" /></marquee>

Dan ini contoh image yg bisa bergerak kekanan


ganti URL http://i420.photobucket.com/albums/pp281/goldenphoto_2009/bubble.gif dgn URL image milik anda

UPDATE OKTOBER 2011

Untuk cara dan dimana penempatan kode teks berjalan ini, silahkan lihat di postingan ini :
menempatkan tulisan berjalan diblog

Semoga membantu

Cara Masukkan Kode Amazon di Blogspot

Cara Masukkan Kode Script Amazon di Blogspot

Untuk memasukkan image beserta kode script dari Amazon sbb:

1. Login/Sign in ke account amazon anda.
Perhatikan gambar dibawah ini.Jika anda tidak menemukan halaman ini , coba anda klik tulisan"your account"-->>maka akan tampil halaman seperti gambar ini




2. Setelah anda Loggin..maka akan tampak halaman berikutnya.Scroll halaman kebawah dan cari "Features &services" Lalu klik "Associated Program"..Perhatikan gambar dibawah ini .


3. Pada halaman selanjutnya klik tab " Link&Banners"..Perhatikan gambar dibawah ini


4. Akan masuk di Halaman untuk search" atau mencari image yg anda inginkan. Untuk hal ini, jika misalnya anda mau nyari image "Camera" maka pada kolom'search" pilih kategori yg sesuai atau bisa juga cukup dgn"All product" (hanya saja untuk pilihan "All product" jadi kurang spesifik) ..Dan lalu di kolom "For" anda tulis "Camera"...Kemudian Klik "GO"...Perhatikan gambar dibawah ini :


5. Akan muncul halaman yg menampilkan hasil pencarian untuk image "Camera".Langkah selanjutnya klik Tab "Getlink" pada image yang anda pilih.Perhatikan gambar dibawah ini :


6. Nah dihalaman ini lah tempat anda untuk meng kopi paste ,baik image maupun kode script untuk image pilihan anda tsb.Disini ada 3 opsi pilihan yang bisa anda ambil.
  • Opsi pertama : Teks And Image. -->> Centang Tombol Text & Image (Sy ksh kode no.1)
Untuk pilihan ini anda bisa mengatur warna background , Garis Tepi , Teks dan link agar sesuai dengan warna halaman blog anda. Setelah anda atur , maka Copy paste lah Script yg ada di kolom "Get HTML code For This Image"(Sy ksh kode no.3) -- kode ini bisa langsung anda masukkan di blog dengan cara masuk ke blogger - Layout - Page element - lalu Add Gadget - HTML & Java script- Masukkan kode tadi- lalu Save. ( Detail cara masukkin kode HTML di blog bisa lihat di Cara masukkin kode HTML di Blog .) Sedangkan tampilan Gadgetnya akan terlihat seperti gambar (sy kasih kode no.2) .Perhatikan gambar dibawah ini :


  • Opsi kedua : Image Only
Untuk Menampilkan Image saja (Tanpa embel2 harga dsb) caranya dengan mencentang radio button kedua .Maka di kotak sebelah kanan akan muncul image yang lebih besar dari opsi pertama tadi. Untuk menampilkan image ini di blog anda, ada dua macam yakni sebagai Gadget dan sebagai image di halaman posting .

Untuk cara menampilkan sebagai "Gadget" sbb :
- Dihalaman Amazon -
>>Klik kanan pada tulisan dibawah image tsb (Right click On this link teks..dst).
Kemudian pilih "Save target As".
Beri nama terserah anda ,misalnya : "Camera ".
Lalu klik"save".
Langkah selanjutnya :
Masuklah ke account blogger anda,
pilih "-> Layout
-> Page element
-> lalu Add Gadget
-> Image(gambar)
Anda akan masuk pada halaman " Configure Image"
-> Pilih :"Browse picture from my computer"
-> cari file camera yg tadi anda simpan di hardisk anda
-> jika sudah ketemu klik "Open"
Maka anda akan kembali ke pada halaman " Configure Image" .
Pada tahap ini anda bisa memberi judul Image tsb dikolom"title" misalnya "Best Camera "
Lalu Agar image ini menjadi sebuah link yg jika ditekan akan menuju ke URL account affiliate amazon anda ,caranya masukkan kode html dari amazon sbb :

Sebelumnya kita kembali ke Halaman amazon dulu ya. Lihat Kolom "Get HTML code For This Product link ".Disitu kan tertulis script html. Jangan di copy semuanya.Cukup ambil sebagian saja.Jika contoh pada gambar kurang jelas , coba anda klik kanan gambar dibawah ini - trus klik "Open in New tab". Pada gambar anda akan melihat kode yg bisa diambil contohnya seperti ini :


<a href="http://www.amazon.com/gp/product/B000LRMS66?ie=UTF8&tag=............................-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B000LRMS66">....dst
Yang anda ambil cukup http://www.amazon.com/gp/product/B000LRMS66?ie=UTF8&tag=...........................&linkCode=as2&camp=1789&creative=9325&creativeASIN=B000LRMS66

-> kemudian klik "upload".Maka image itu akan masuk sebagai sebuah gadget berbentuk gambar, lengkap dengan Link nya.



Untuk cara menampilkan sebagai image di halaman posting sbb
:
Caranya hampir sama dengan cara menampilkan image sebagai Gadget, hanya saja dissini anda mesti berada di halaman posting- yakni seperti anda sedang membuat postingan.

Jadi pada saat anda sedang di halaman postingan , klik "Add image" .... itu lho gambar kotak kecil diatas boks posting yang terlihat seperti lukisan gunung dengan awan biru... keliatan kan ??
Kalau anda klik "add image" maka akan muncul halaman yag sama dengan sewaktu anda akan menupload Image untuk "GAdget" diatas tadi. Cuma di sini tidak akan ada untuk kolom buat nampilin judul dan link image tsb.

Nah gimana caranya agar image ini juga bisa menjadi sebuah Link ??
Berikut ini caranya :

Setelah image anda upload ... anda perlu mengeditnya dengan cara pilih opsi "Edit HTML" di atas boks postingan(Bukan Edit HTML yang di "LAYOUT" ya....)
Dan buang kode image yang dari blog spot yang biasanya berekstensi : on blur.....dst Untuk kita ganti dengan Kode Link yg dari Amazon.
Perhatikan Gambar dibawah ini


Di gambar diatas : No.1 adalah kode image setelah anda upload gambar di blogger.(jika kurang jelas : Klik kanan pada gambar trus "open in New tab")
Contoh kode HTML gambar tsb akan seperti ini :

< onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXt4X5bs9bJsS7OawxAHM0xxT6-LTbDkQNYlyLSoExYIPppV0vwKB14N9W_Am-n7HFZXlcEpW0hvSQp5wV_BRfbin8yYn8nx2t0NDb4GhOyj0Pj3qbAIYQGzk4tWSDN3kwIfDoQo9-CPt9/s1600-h/Amazon+di+web+amazon.bmp"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 342px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXt4X5bs9bJsS7OawxAHM0xxT6-LTbDkQNYlyLSoExYIPppV0vwKB14N9W_Am-n7HFZXlcEpW0hvSQp5wV_BRfbin8yYn8nx2t0NDb4GhOyj0Pj3qbAIYQGzk4tWSDN3kwIfDoQo9-CPt9/s400/Amazon+di+web+amazon.bmp" alt="" id="BLOGGER_PHOTO_ID_5315555558786618370" border="0" />



Lalu yang no.2 (Pada contoh gambar 8 diatas ) adalah kode html Amazon yang anda kopi sebagian.
Note : untuk Opsi menampilkan image di postingan, maka kode amazon yang mesti anda copy agak berbeda dgn cara untuk nampilin "Gadget" Untuk jelasnya kode yg mesti anda pakai sbb :


< href="http://www.amazon.com/gp/product/B000R4HDTU?ie=UTF8&;tag=................-20&;linkCode=as2&;c=1789&;creative=9325&;creativeASIN=B000R4HDTU">

Dan yang no.3(Pada contoh gambar 8 diatas) adalah kode setelah anda gabungkan kode no.1 dan kode no.2 dimana setelah anda edit jadinya sepeti ini --
Kode no.1 (Warna biru) digabung dengan kode no.2(warna merah )

<a href="http://www.amazon.com/gp/product/B000R4HDTU?ie=UTF8&;tag=.............-20&;linkCode=as2&;c=1789&;creative=9325&;creativeASIN=B000R4HDTU"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 160px; height: 125px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvNjt1uIrcaWBd8J6ik6b95EiYP7tKVMm_C1JnuFf8kjCghoPjv7k0tpzW2-nqi1DRPWRSIA7nAg6saqL9QSa9ODdADZEzhL_HLG6r8-vhn9tBTEfCIGTe4TjgETYnkXL7KtsInET-Zkw/s400/Home+Camera+security.jpg" alt="" id="BLOGGER_PHOTO_ID_5315558322683538194" border="0" />
Nah nanti hasilnya akan terlihat image seperti ini :




Note : Jika anda mendekatkan kursor mouse anda pada image kamera diatas , pasti akan tampil flash yang akan menerangkan info harga , deskripsi , dlsb... Bagaimana agar hal ini bisa terjadi ???

Berikut caranya :
Masuklah ke Account Blogger
Trus ke bagian "Layout"
Lalu pilih "edit HTML"
centang kotak kecil "Expand Widget Templates"
lalu masukkan kode HTML amazon yg ada di halaman amazon,
yakni di kolom yang dikotak no.4 "Add Product Preview Script" (seperti contoh gambar 7 #Amazon -Copy gambar + Kode HTML # )
ke dalam halaman edit template blog sebelum tag </body> ..
Perhatikan gambar dibawah ini ..


Note : di Blogspot terkadang suka tidak bisa di save kode HTML dari Amazon , karena tidak "Wellformed" ini biasanya diberitahukan diatas boks edit, lakukan saja sedikit perubahan sesuai petunjuk yang diminta.
Misalnya anda akan diminta untuk memberi tanda tag " " pada angka 0 ( nol ) atau yang lainnya. Pokoke... coba-coba aja. Saya aja kadang memang suka begitu..tapi setelah dilakukan berulang2 dengan merubah sesuai petunjuk ,akhirnya bisa juga.

Jika tahap2 itu sudah anda lakukan , maka kini anda sudah bisa membuat image amazon yang "hidup" dan bisa anda gunakan untuk dipromosikan.

Selamat mencoba...
Artikel lain :

Membuat Kotak Blogroll

Membuat Kotak Blogroll

Untuk membuat kotak blog roll yang juga kadang bisa dinamakan "Link exchange" atau "My friend" atau apa saja, caranya sbb :

1. Dengan menggunakan fitur yang ada di blogspot
Masuklah ke Account blogger anda
Lalu pilih 'Layout' atau 'tata letak'
Klik 'Add Gadget' atau Tambah Gadget
Pilih Blogroll
Save

Setelah itu nanti dikolom Blogroll anda bisa menuliskan Link URL teman anda atau orang yang ajak tukaran link dengan blog anda.

2. Dengan membuat sendiri ( Kustom )
Masuklah ke Account blogger anda
Lalu pilih 'Layout' atau 'tata letak'
Klik 'Add Gadget' atau Tambah Gadget
Lalu pilih 'HTML/JAVASCRIPT
Berikutnya masukkan kode HTML dibawah ini :


<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#<a href="link1"/>Nama Link<a /> <br />
#<a href="link2"/>Nama Link<a /> <br />
#<a href="link3"/>Nama Link<a /> <br />
#<a href="link4"/>Nama Link<a /> <br />

</div>



Ganti Tulisan Link1 , link2 , link3 , link 4 dengan URL Blog yang lain..
(Tanda kutip jangan dihilangkan)
Misalnya saya akan tuliskan sbb :
Link1 = saya ganti dengan = http://raja-portal.blogspot.com/
Link2 = saya ganti dengan = http://panduanbisnis1.blogspot.com/
Link3 = saya ganti dengan = http://aluminiumkaca.blogspot.com/
Link4 = saya ganti dengan = http://airsehatoxy.blogspot.com/

Sedangkan Untuk "nama Link" ini adalah yang disebut Anchor Teks ,silahkan beri nama sesuka anda. Untuk contoh URL diatas , misalnya saya tuliskan nama sbb :
Nama Link1 = saya ganti dengan = Raja Portal
Nama Link2 = saya ganti dengan = Panduan Bisnis Internet
Nama Link3 = saya ganti dengan = Aluminium Kaca
Nama Link4= saya ganti dengan = Air sehat Oxy

Maka nanti hasilnya akan tampak seperti ini :



Setelah itu , baru anda "Save"

Note : Blog roll ini digunakan untuk menjalin pertemanan dengan blogger lain , yang nantinya akan bisa meningkatkan peringkat blog anda di mata search engine. Jadi sebaiknya sering-seringlah mengunjungi blog lain sambil menawarkan tukar link.

Semoga bermanfaat ,

Artikel lain :

Technology And Health

Technology And Health

Technology and health, both related. Needed to improve the technology to development of health .Cause the technology has been create a miracle to help many people health . One of the technologies is infrared technology. This technology that has saved many people from the disease.

By means of called Far Infrared Saunas , we only need 2 - 3 times a week for therapy. And many diseases can be cured, including: Cancer, diverticulitis, diabetes,skin irritation, fibromyalgia or chronic fatigue , auto immune disease called Polymyositus, spinal problems, irritation , asthma , etc.. You can have more energy and sleep better or just escape the everyday stresses of life with regular use that wich can burn calories, relieve arthritis, reduce scarring and get rid of dangerous toxins in the body.

I found that one company ... had excellent customer reviews. West Coast Saunas' “Malibu” model ... offered virtually all the accoutrements included in the higher end saunas. It has a built-in CD/DVD/MP3 player, stereo speakers, a negative ionizer, heat panels along all four walls and on the floor as well as “Chromatherapy.”

West Coast Saunas’ revolutionary technology provides the most beneficial Far Infrared heat available. At up to 6200 in², the Carbon Wave 360 panels offer a broad heat distribution, which leads to a greater amount of absorption. Their authentic Carbon Wave 360 heating panels are within the desired range for maximum human benefit. The utilize Carbon based mixed materials consisting of 20 different kinds of organic minerals and elements. The operating temperature of our infrared saunas is between 60° and 150°F . This is important because one can withstand longer therapy sessions, resulting in increased sweat production.

For more information you can visit http://www.eastcoastsaunas.com