under development....
exchange link with us!!
Tampilkan postingan dengan label blog tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label blog tutorial. Tampilkan semua postingan


cara membuat Random rotating banner ads

Bila beberapa waktu yang lalu saya telah membuat tulisan mengenai random rotating header image untuk blogger di sini, maka sekarang mas Aan ingin menulis mengenai cara menampilkan random rotating banner ads di blogger.

Cara ini berawal dari keinginan saya untuk menampilkan banyak banner iklan tapi tidak memakan banyak tempat. Mas Aan sempat stress karna mencoba banyak script random rotating image atau yang lainnya ke blogger tapi tak satupun yang sukses alias berhasil. tapi, pada akhirnya mas Aan berhasil mengimplementasikan satu script yang sangat sederhana untuk random rotating banner ke blogger.Pokoknya, sangat mudah dan ringkas.

Dengan script simple random rotating banner ads ini, rekan-rekan bisa memasang banyak banner tanpa terbatas dalam satu tempat dengan catatan usahakan banner memiliki ukuran yang sama. dan banner image tersebut akan tampil secara bergantian secara acak setiap kali halaman di load atau refresh. Dipastikan, pengunjung blog rekan-rekan tidak akan melihat banner yang itu-itu saja. Untuk contoh implementasi dari script random rotating banner ini, silahkan rekan-rekan lihat banner yang ada di bagian atas blog ini. Coba refresh halaman, maka rekan-rekan akan mendapati banner lain dan berbeda dari yang muncul sebelumnya..

Bagaimana? tertarik? kalau sudah penasaran, sekarang saatnya untuk beraksi.

  • dari dashbor blog rekan -rekan pilih"Tata Letak"
  • setelah ada di halaman "Element Halaman" klik "Tambah Gadget"
  • dari pop up yangmuncul, pilih yang "Html/JavaScrpt"
  • copy kode dibawah ini lalu paste di kotak pop-up html/javascript yang muncul :
    <SCRIPT  LANGUAGE="JavaScript"> 
    <!-- Begin
    var how_many_ads = 3;
    var now = new Date()
    var sec = now.getSeconds()
    var ad = sec % how_many_ads;
    ad +=1;
    if (ad==1) {
    txt="The World's Largest Online Bookstore, Amazon.com";
    url="http://www.amazon.com";
    alt="amazon.com";
    banner="http://imageserv.imgis.com/images/Ad12669St1Sz1Sq1_Ban1.gif";
    width="468";
    height="60";
    }
    if (ad==2) {
    txt="Palm III by 3Com, in stock!";
    url="http://cybershop.com/";
    alt="cybershop.com";
    banner="http://imageserv.imgis.com/images/Ad13189St1Sz1Sq5_Ban10.gif";
    width="468";
    height="60";
    }
    if (ad==3) {
    txt="Find it at GoTo.com";
    url="http://www.goto.com";
    alt="goto.com";
    banner="http://imageserv.imgis.com/images/Ad13700St1Sz1Sq1_Ban1.gif";
    width="468";
    height="60";
    }
    document.write('<center>');
    document.write('<a href=\"' + url + '\" target=\"_top\">');
    document.write('<img src=\"' + banner + '\" width=')
    document.write(width + ' height=' + height + ' ');
    document.write('alt=\"' + alt + '\" border=0><br>');
    document.write('<small>' + txt + '</small></a>');
    document.write('</center>');
    // End -->

    </SCRIPT>
  • simpan perubahan, selesai.

Simple dan mudah bukan? mas Aan yakin, tanpa penjelasan pun rekan-rekan sudah tahu pemakaian script random rotating banner ads ini. Tapi baiklah, saya terangkan sedikit.
Pada kode yang diberi warna merah atau var how_many_ads = 3;, tulis jumlah banne yang akan ditampilkan, sesuaikan dengan jumlah banner rekan-rekan. kalau mau menampilkan 10 banner, ganti 3 dengan 10.
Lalu pada kode yang saya beri warna putih, adalah penempatan kode baner rekan rekan:

if (ad==1) {
kode urutan banner, banner nomor 2 berarti ganti angka 1 dengan 2, dan seterusnya.
txt="The World's Largest  Online Bookstore, Amazon.com";
ganti dengan tulisan apapun tentang banner tersebut. semisal" dapatkan duit gratis" dsb.tulisan akan muncul di bawah banner dengan ukuran kecil. kalau mau, bisa dikosongkan.
url="http://www.amazon.com";
url tujuan banner rekan-rekan. maksunya, ganti dengan url banner rekan- rekan.
banner="http://imageserv.imgis.com/images/Ad12669St1Sz1Sq1_Ban1.gif";
alamat lokasi penyimpanan image banner rekan -rekan.

Nah, sangat mudah bukan? kalau masih ada yang bingung, silahkan tinggalkan komentar.

diizinkan untuk copy paste artikel yang ini 
dengan mengharuskan anda untuk mencamtumkan sumber
tulisan (http://cominfo-indonesia.blogspot.com )dan link ke halaman tulisan ini.

HAPPY BLOGGING

mau software dibawah ini? klik saja untuk mendownload!! GRATIS!!

kalau mau download, klik disini!!

Baca Selengkapnya-->>......


cara menampilkan widget recent post (yang isinya lebih dari 5)

Apabila sebelumnya saya membuat postingan tentang cara memasang widget recent post, dimana, dengan menggunakan cara tersebut maka isi yang tampil hanya 5 item. terkadang, rekan-rekan blogger ingin menampilkan dalam jumlah yang lebih banyak, bagaimana caranya??

Baiklah, untuk memenuhi janji saya sebelumnya, sekarang saya posting tulisan cara menampilkan widget recent post yang lebih dari 5 ini.

Cara menampilkan widget recent post yang isinya banyak dengan mudah adalah menggunakan layanan dari feddburner yang bernama buzzboost.. untuk menggunakan layana ini, anda harus memburn dahulu feed blog yang dimiliki ke feedburner( untuk caranya tidak perlu saya terangkan, oke. pasti dah pada tahu bukan???). lalu login ke account feedburner saudara. setelah itu, pilih salah satu blog saudara yang akan akan di aktivkan layanan bozzboost nya.

klik tab "publicize" di bagian atas. setelah halaman terbukan, cari menu:BuzzBoost di sidebar kiri halaman.
cara memasang recent post memakai bozzboost;bozzboost thumbnail image
Aturlah bagaiman link akan ditampilkan, seperti berapa banyak jumlah link yang akan ditampilkan, anda bisa menampilkan sampai 15, banyak bukan?. Selanjutnya, ini adalah bagian terpenting, aktifkan layanan ini dengan mengklik tombol yang ada di bagian bawah.

Setelah layanan ini rekan-rekan aktivkan, maka akan muncul kode yang harus kita copy untuk menampilan recent post yang dalam jumlah - lebih dari 5 - tertentu di blog kita.

Nah, sekarang tinggal kita pilih, mau ditempatkan dimana widget recent postnya. semisal di sidebar, maka:

  • dari element halamant blog pilih "tambah sebuah elemen halaman"
  • lalu setelah pop menu terbukan, pilih yang " tambah html/javascipt"
  • lalu pastekan kode dari feedburner tadi.


Sekarang, recent post yang tampil di sidebar blog rekan rekan isinya tidak hanya 5, tapi bisa sampai 15. tergantung settingan yang rekan-rekan lakukan di feedburnernya.

Sebenarnya, masih ada cara -cara lain untuk membuat widget recent post yang isinya lebih dari 5, tapi untuk sekarang cukup ini dulu, kalau rekan-rekan penasaran layanan apa saja itu, SILAHKAN TINGGALKAN KOMENTAR ,oke!. saya sendiri memakai layanan bozzboost dari feedburner ini untuk menampilkan postingan artikel terbaru di bagian halaman depan / frontpage blog life insurance saya. silahkan kunjungi bila ingin melihat contoh alternatif penempatannya.alamatnya: http://1st-lifeinsurance.blogspot.com
(mohon maaf bila tulisan kali ini lumayan acak-acakan dan susah dimengerti. ini semua karna suasana hati)

HAPPY BLOGGING!



Baca Selengkapnya-->>......


membuat homepage/frontpage blogger (saya online lagi.....)

Alhamdulillah, setelah beberapa bulan vacum dan tidak bisa online karna kejadian yang membuat saya tidak punya uang sama sekali, ( sampai uang untuk makan dapat dari pinjaman teman), sekarang saya sudah bisa hadir lagi. Sebetulnanya cuma mo cek email saja dan surfing surfing supaya terbiasa lagi dengan dunia internet, hitung - hitung sebagai pemanasan setelah berbulan-bulan offline. tapi, akhirnya terfikirkan juga dengan blog ini, ya sudah, untuk pemanasan sekalian saya kasih sedikit tutorial(sedikit saja ya....masih malas ngetik ni......

Baiklah, seperti judul postingan kali ini, saya mau ngasih tutorial bagaimana membuat sebuah homepage atau frontpage blog kita. sebagaimana rekan- rekan sekalinan ketahui, secara otomatis frontpage/homepage(halaman awal yang terbuka ketika situs/blog di akses)dari blogger adalah postingan terbaru. setiap membuat postingan terbaru maka secara otomatis postingn tersebut akan berada di atas atau menjadi yang pertama kali muncul ketik blog di akses. Nah, tip yang akan saya berikan adalah bagaimana membuat sebuah frontpage tetap sehingga hanya frontpage ini yang muncul pertama kali sampai kapanpun walaupun anda membuat postingan-postingan baru(kecuali anda kembalikan ke setting awal kode-kodenya). bila anda masih kurang paham, silahkan kunjungi blog weddingplanningatau life insurancedisini dan disini!

kita mulai saja sekarang!!!.

langkah ke-1:memodifikasi postingan blog tujuan dari langkah ini adalah untuk menyembunyikan postingan/ supaya tidak muncul pertama kali. seperti biasa, anda berada di halaman edit html, lalu centang dulu kotak "expand widget contents". selanjutnya, scroll ke bawah ke bagian kode blog postnya atau cari saja kode di bawah ini, kode yang berwarna merah adalah kode yang harus anda tambahkan. <b:includable id='main' var='top'> <b:if cond='data:blog.pageType == "item"'> <!-- posts --> <div class='blog-posts'> <b:include data='top' name='status-message'/> <data:adStart/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2> </b:if> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comments'/> </b:if> </b:loop> <data:adEnd/> </div></b:if> nah, sekarang postingan blog anda tidak akan muncul ketika pertama kali blog anda di loading dan tergantikan dengan halaman awal/frontpage yang akan kita buat.. lanjut.......

langkah ke-2:MEMBUAT FRONT PAGE untuk membuat frontpagenya, kita akan menggunkan html widget yang berada di kolom blogpost di area element halaman. sebaiknya tambahkan dahulu jumlah widget yang bisa berada dalam halaman blog post saudara karna biasanya setting awal dari template blogger tidak memungkinkan untuk menambah widget/elemant halaman di area blog post.(emang biasanya dah dibuat begitu sama para pembuat template blogger, tapi tetap bisa kita utak-atik bukan???). nah untuk membuat widget di area blogpost, klik template ------>edit html, seperti biasa,lalu cari kode berkut ini: <div id='main-wrapper'> <b:section class='main' id='main' maxwidgets='3' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> tambahkan kode maxwidgets='3' seperti diatas dan ganti kode showaddelement='no dengan yes. lalu, simpan perubahan template anda.

Selanjutnya, klik tabmenu pageelements untuk berpindah ke halaman page element. setelah anda berada di halaman page element, klik link "add page element" atau tambahkah element halaman (bila blog anda berbasa indonesia) pada kolom atau area blogpost, setelah pop up terbuka, pilih yang add htlm/javascript, lalu, tulis /pastekan kode html untuk frontpage anda, atau kalau cuma untuk percobaan, tulis saja "selamat datang di frontpage blog saya.........terimakasih mas Aan dengan cominfonya, saya berhasil..........".simpan perubahan dan hua...hua...hua..(tertawa) anda telah berhasil membuat halaman depann untuk blog anda.

eit......, tapi perjuangan belum selesai....kita masih harus membuat widget yang baru saja jadi tersebut untuk hanya benar-benar muncul sebagai halaman depan(malu dong kalau widget frontpagenya ternya muncul di atas postinga blog sampeyan). caranya.....pergi lagi ke halaman edit hmtl, lalu seperti biasa, centang kotak expands widget template.lalu scroll ke bawah dan cari kode widget yang baru kita buat seperti di bawah ini: <b:widget id='HTML1' locked='false' title='' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/></b:if> </b:includable> </b:widget> kode yang merah diatas adalah kode yang harus anda tambahkan.

yup sekarang blog anda telah mempunya sebuah halaman awal atau homepage atau frontpage. tapi jangan lupa, anda harus menambahkan link-link tersendiri ke postingan -postingan anda atau lebih gampangnya blog kita harus mempunyai menu navigasi. nah, kalau udah kayak gini, blog kita sudah kaya situs-situs web lainnya yang bukan blog. keren kan?tinggal anda belikan domain maka orang yang mengunjungi blog anda tidak akan sadar bahwa situs yang mereka kunjungi ternyata blogspot/blogger.kalau mau lihat hasilnya, kunjungi aja blog lifeinsurance dan weddinplaning saya.

oke, saya kira cukup dulu tutorial pemanasan kali ini, jangan lupa tinggalkan komentar kalau berhasil maupun gagal ataupun sekedar kirim pertanyaan, dan mohon maaf kalau tutorial kali ini agak susah untuk di cerna habis baru offline berbulan-bulan sehingga membuat saya agak-agak males.

sukses ya........ditunggu komentarnya. Aan

Baca Selengkapnya-->>......


cara memasang game flash ke dalam postingan blog

Tentunya rekan-rekan sudah tahu dengan game flash. Itu loh, game yang dibuat denga flash maker seperti macromediaflashmx 2004 atau 8. Game flash yang berukuran kecil ini memang sangat enak untuk dimainkan untuk mengisi waktu suntuk.

Trus apa hubungannya dengan postinga/tutorial kali ini? seperti judul postingan ini, tentu saya cuma mau memberi contoh bagaimana cara memasang game game flash kesukaan anda ke dalam postingan blog. Asyik bukan? kalau pengunjung blog anda disuguhi dengan game kesukaan anda waktu membaca artikel anda.

Bagi yang sudah tahu html, hal ini tentu sangat mudah, makanya, kalau yang udah tahu, ya sebaiknya jangan di baca tutorial ini. oke dah, mari segera kita mulai aksi kita kali ini.

Untuk menampilkan game flash di postingan blog kita, tentu saja kita butuh file gamenya yang berformat file .swf. Selanjutnya, upload gametersebut ke tempat penyimpan file dalam server hosting yang bisa kita akses langsung alamatnya. Untuk masalah upload file ke server tidak usah saya jelaskan karna anda pasti sudah tahu. Kalau belum tahu, silahkan kirimkan pertanyaan, dengan senang hati, pasti akan dijawab..

Selanjutnya seperti biasa, anda login ke Blogger dengan account anda. klik tab "posting", lalu posting artikel seperti biasa. Untuk memasukkan game flash di dalam postingan artikel anda, klik "tab edit html" di pojok atas kotak postingan, sekali lagi jangan lupa, tab html di klik karna kita akan memasukkan kode html. Selanjutnya, salin kode di bawah ini dan paste di halaman postingan anda (dalam edit html area)

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400px"height="350px"> <param name="movie" value="samuraiwm.swf"> <param name="quality" value="high"> <embed src="http://lukman.com/game/kusamuraiwm.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400px" height="350px"> </embed> </object>
#pejelasan.
  • Paling atas; width="400"height="350", merupakan kode untuk mengatur lebar dan tinggi tempat file game yang akan di tampilkan. width="400" adalah untuk lebar dalam pixel dan height="350"> adalah kode untuk tinggi, rubah nilai sesuai yang anda inginkan.
  • Kedua; samuraiwm.swf, anda isi saja sama dengan nama file game anda atau terserah..
  • src="http://lukman.com/gameku/samuraiwm.swf", isi dengan alamat url tempat pemyimpanan file game flash anda.
  • Selanjutnya, yang terakhir, width="400" height="350" adalah lebar dan tinggi game yang akan muncul, isi saja sama dengan lebar dan tinggi yang sama dengan kode lebar dan tinggi yang pertama.
  • Selesai..

Sebagai contoh, dibawah ini saya tampilkan salah satu game kesukaan saya, silahkan main saja, asyik kok. Kalau anda suka, klik aja disini untuk mendownloadnya ,GRATIS!!. Di klik dong linknya disini supaya anda juga punya game ini di komputer anda. Bagaimana? sudah capek main gamenya, sekali lagi klik disini untuk mendownloadnya. Sebelum pamit, ada yang ketinggalan, kode diatas bisa dipakai untuk menampilkan semua file flash yang berformat .swf. Pamit dulu ya.....(besok kerja shift pagi..(:- jadi harus cepetan bobo..) SELAMAT NGEBLOG

Baca Selengkapnya-->>......


add digg button to your blog's post

add digg into your blog pictureDigg merupakan sebuah situs terkenal yang merupakan tempat menemukan dan berbagi content situs dari web manapun. Situs yang muncul di digg.com adalah berdasar submit atau voting dari pengunjung yang telah mempunyai account di digg.com. Maka, semakin banyak orang atau pengunjung blog/situs saudara yang mensubmit sebuah postinga blog atau situs, akan semakin besar kemungkinan bagi blog atau situs anda untuk muncul di halaman depan digg.com dan semakin besar peluang blog atau situs tersebut mendapatkan pengunjung.(terutama dari komunitas digg.com). Dengan kata lain, digg.com bisa difungsikan sebagai alternatif cara mempromosikan sebuah blog atau situs.(mohon dibenarkan bila ada kekeliruan mengenai sekilas penjelasan tentang digg.com ini)

Baiklah, tidak usah terlalu panjang lebar, sesuai dengan judul artikel ini"add digg to your blog's post", maka tutorial kali ini adalah tentang bagaimana memasang tombol digg di blog saudara. Sebenarnya, setelah saya telusuri blog kang rohman, beliau telah membuat artikel ini disini, tapi dalam bahasa inggris. Maka, saya coba untuk buatkan yang bahasa indonesia terutama untuk blogger yang benar2 pemula dan kurang mengerti bahasa inggris seperti saya. Adanya blog ini bukan untuk menyaingi atau ikut-ikutan pak guru Rohman, tapi sekedar sebagai pelengkap dan perwarna dunia blogger indonesia.

Oke, kita mulai:

#mulai
  1. Login ke blogger saudara
  2. Setela ada di dashbord, klik tab "Layout".
  3. Klik tab "Edit Html"
  4. setelah ada di halaman "Edit Html" centang kotak pilihan "expand template widgets" di pojok kanan atas kotak kode-kode template.
  5. cari kode seperti di bawah ini:
    <p><data:post.body/></p>
  1. hapus kode diatas, lalu ganti dengan kode berikut ini:
    <p> <!-- DIGG --> <div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url = '<data:post.url/>'; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <data:post.body/> </p>
  2. Klik "save template"
  3. Selesai.

Mudah bukan, so...bila anda suka postingan ini, digg it,please!!!

Baca Selengkapnya-->>......


add posting rate on blogger-menambahkan rating postingan artikel di blogger

free blogger tutorial's pictureIngin menambahkan rating ke artikel/postingan blog saudara? gampang. Tetapi, sebelumnya saya mohon maaf bila postingan ini sudah ada di blog lain. Saya sendiri kurang tahu apakah kang Rohman sudah membuat artikel ini atau belum di blognya karena saya belum sempat mengecek dan menelusuri kembali postingan - postingan di blog beliau.

Ya sudah, tidak usah terlalu jauh. Kalau mo lihat demo atau penerapan di blogger dari artikel ini, klik disini atau lihat screenshoot gambar di atas.

Cara memasang di blogger, berikut langkahnya:

  1. Login ke blog saudara, lalu masuk ke "edit template" lalu pilih yang "edit html".
  2. Centang "expand template widget"
  3. Cari kode seperti di bawah ini: <data:post.body/>
  1. Copy kode berikut ini dan Paste/letakkan tepat di bawah kode tadi <script language='JavaScript'> var OutbrainPermaLink='<data:post.url/>'; var OB_demoMode = false; var OB_Script = true; </script> <script src='
    http://lukman.oke.googlepages.com/PostRating.js'
    type='text/javascript'/> Note : Sumber script aslinya adalah: http://widgets.outbrain.com/OutbrainRater.js' , saya sengaja menyalinnya dan menyimpannya sendiri untuk backup apabila nantinya script tersebut di hapus oleh yang punya. Anda bisa memilih menggunakan sumber seperti di atas atau dari yang asli dengan mengganti tulisan yang berwarna merah dengan : http://widgets.outbrain.com/OutbrainRater.js .
  2. Klik "save template". Selesai.

Mudah bukan?.Saran saya apabila anda bekerja dalam layout blog di bagian edit html, gunakan fasilitas "Find" dalam browser anda untuk mencari tempat kode-kode yang akan anda rubah atau di tambah. Karena, ada kemungkinan bagi yang belum begitu memahami kode-kode tersebut akan mengalami kesulitan untuk mencari satu baris kode diatara sekian banyak kode-kode yang membuat kita bingung.

Untuk browser Mozilla, klik Edit>Find in This Page..., lalu ketikkan kode yang anda cari. Untuk browser Internet Explorer, klik Edit>Find on this Page..., ketikkan kode yang anda cari.

Selamat mencoba.(untuk melihat demo, klik disini>>>)

Baca Selengkapnya-->>......


MAKE A FAVICON FOR YOUR BLOGS; SIMPLE AND EASY

favicon, sudahkah rekan-rekan semua tahu apa maksudnya.?, kalau untuk menjelaskan saya sendiri bingung apa artinya. tapi kurang lebih favicon ini kepanjangan dari favorite icon.

kalau mau tahu apa artinya, cari sendiri di google, berikut kutipan penjelasan dari situs wikipedia, artinya, silahkan terjemahkan sendiri:

A favicon (short for 'favorites icon'), also known as a website icon, page icon or urlicon, is an icon associated with a particular website or webpage. A web designer can create such icons in several ways, and many recent web browsers can then make use of them. Browsers that support them may display them in the browser's URL bar, next to the site's name in lists of bookmarks, and next to the page's title in a tabbed document interface........

ya sudahlah, tak usah terlalau berpanjang lebar, sesuai denga judul postingan kali ini, saya ingin menyampaikan tutorial bagaiman membuat favicon dengan cara yang gampang buat blog saudara. sebenarnya sudah banyak blog yang membahas masalah ini seperti di blognya kang rohman. tapi setelah saya baca tutorial dari blog kang rohman tsb, kok rasanya terlalu susah dan panjang, padahal untuk membuat favicon tersebut mudah sekali.(bukan maksud untuk menandingi guru rohman dalam hal blogging, hanya sebagai tambahan ilmu) Pertanyaan yang besar dari tutorial tersebut adalah : bagaimana cara menghasilkan gambar dengan format .ico sebagai gambar icon?. kang rohman sama sekali tidak menyinggungnya...mungkin lupa kaleeee.

biar tidak terlalu panjang tulisan ini, mari segera kita mulai.

#langkah satu

  1. siapkan sebuah gambar untuk dijadikan favicon.bisa photo anda atau gambar apapun, sebaiknya ukurannya tidak terlalu besar. format file terserah, bisa format.gif , jpeg atau png.
  2. kunjungi alamat situs berikut ini untuk melakukan generate gambar anda menjadi gambar dengan format file .ico, kunjungi:http://www.htmlkit.com/services/favicon/, maka akan terbuka halaman seperti di bawah ini.
  1. cari lokasi penyimpanan gambar yang akan dijadikan favicon dengan mengklik tombol "browse."
  2. bila sudah ketemu, klik tombol "generate favicon.ico" di bawahnya
  3. akan terbuka halaman baru untuk mendownload hasil generate tadi, klik tombol "download favicon" lalu simpan di komputer.
  4. gambar yang kita dapat masih dalam bentuk file .zip, extract dahulu file tersebut maka anda akan mendapatka file gambar anda dengan nama favicon.ico

nah, sekarang anda sudah mempunyai gambar yang siap di jadikan favicon bagi blog anda.

#langkah dua

  1. upload gambar favicon hasil generate tadi di hosting penyimpanan gambar yang anda suka, bisa picassa, googlepages, photobucket,atau yang sejenis. saya sendiri menyimpana gambar icon blog ini di googlepages.com.
  2. login ke blogger, lalu klik menu "layout" pada blog yang akan anda pasangi favicon. klick menu"edit html". copy code berikut ini:
  3. <link rel="shortcut icon" href="http://alamat penyimpana gambar favicon anda. " type="image/x-icon" /> contoh pada blog ini: <link rel="shortcut icon" href="http://lukman.oke.googlepages.com/faviconsitusjpeg.jpg" type="image/x-icon" />
  4. lalu paste di antara kode"<head>......................</head>" blog saudara. atau lebih mudahnya paste di bawah kode seperti yang di tunjukkan di bawah ini.
  5. <HEAD> paste aja kode disini,,,,ga masalah kok.... <b:include data='blog' name='all-head-content'/> <TITLE><data:blog.pageTitle/></TITLE> <b:skin><![CDATA[/*
  6. klik tombol "save template widget"
  7. selesai.
  8. bagaimana, gampang bukan...pokoknnya...make a favicon for your blog is easy,isn't???

Baca Selengkapnya-->>......