<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-6713397553488594410</id><updated>2011-08-03T11:41:47.718+07:00</updated><category term='Signature Digital'/><category term='Favicon'/><category term='Blogger'/><category term='Step by Step'/><title type='text'>Bibilitik</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://bibilitik.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6713397553488594410/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://bibilitik.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Admin</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>2</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-6713397553488594410.post-4671896483437246888</id><published>2009-09-17T08:49:00.002+07:00</published><updated>2010-01-25T15:28:28.993+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger'/><category scheme='http://www.blogger.com/atom/ns#' term='Step by Step'/><category scheme='http://www.blogger.com/atom/ns#' term='Favicon'/><title type='text'>Step by Step Membuat Favicon</title><content type='html'>Pagi!&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;Ini hari kedua saya dengan si bibilitik. Okay, Rencananya mau buat favicon buat blog ini. Untuk yang belum tau apa itu favicon. Sini, mari, saya akan coba jelaskan dipostingan kali ini. :D&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;&lt;span style="font-weight: bold;"&gt;Favicon&lt;/span&gt; adalah singkatan dari Favourite Icon, dikenal juga dengan nama Page Icon.  Merupakan sebuah icon/logo kecil yang berada di samping alamat situs kamu. Fungsinya sebagai identitas dari si situs yang muncul pada toolbar browser dan akan terlihat jika seseorang masuk ke alamat situs kamu.&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_rDYVc3H2t0Y/SrGbT2JYmPI/AAAAAAAAACk/3-93wb67eTI/s1600-h/favicon-asli.jpg"&gt;&lt;img style="cursor: pointer; width: 245px; height: 51px;" src="http://3.bp.blogspot.com/_rDYVc3H2t0Y/SrGbT2JYmPI/AAAAAAAAACk/3-93wb67eTI/s400/favicon-asli.jpg" alt="" id="BLOGGER_PHOTO_ID_5382253794939148530" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;Lihat Logo B diatas, itu merupakan favicon bawaan dari Blogger. Nah, gimana cara untuk mengubahnya? Ikuti langkah-langkah berikut, brangcuts..&lt;br /&gt;&lt;br /&gt;Step by Step Membuat Favicon&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;Siapkan image yang akan di jadikan sebagai favicon, format file favicon biasanya  berekstensi .ico, namun kamu juga bisa gunakan ekstensi seperti .jpg, .gif atau .png. &lt;/li&gt;&lt;/ul&gt;Contoh:&lt;div style="text-align: left;"&gt; &lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_rDYVc3H2t0Y/SrGfCJsSWDI/AAAAAAAAACs/a_grv-2nEP8/s1600-h/1187644930777.gif"&gt;&lt;img style="cursor: pointer; width: 50px; height: 50px;" src="http://2.bp.blogspot.com/_rDYVc3H2t0Y/SrGfCJsSWDI/AAAAAAAAACs/a_grv-2nEP8/s400/1187644930777.gif" alt="" id="BLOGGER_PHOTO_ID_5382257888994678834" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;Okay, setelah imagenya siap, kali ini saya akan mengubah ekstensinya menjadi .ico. Mudahnya gunakan Favicon Generator. Bisa diakses di &lt;a href="http://www.favicongenerator.com/"&gt;www.favicongenerator.com&lt;br /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Ikuti step by step generate image yang ada di Favicon Generator.&lt;/li&gt;&lt;/ul&gt;&lt;div id="result_box" dir="ltr"&gt;&lt;span style="font-weight: bold;"&gt;Step 1&lt;/span&gt;. Pastikan Image yang akan dijadikan favicon memiliki dimensi persegi sempurna (misal. 100 pixel x 100 Pixels).&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Step 2&lt;/span&gt;. Browse lokasi file image di PC kamu.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Step 3&lt;/span&gt;. Tekan tombol Generate Favicon!&lt;br /&gt;Okay, favicon.ico pun sudah selesai dan berbentuk mini. Sekarang download favicon kamu &gt;&gt; Click Here to Download Your Favicon!&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Step 4&lt;/span&gt;. Upload favicon.ico ke situs upload gambar gratis, misal di &lt;a href="http://www.flickr.com/"&gt;www.flickr.com&lt;/a&gt; &gt;&gt; Copy URL image favicon.ico&lt;br /&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;Masuk ke account Blogger &gt;&gt; pilih Lay out &gt;&gt; klik Edit HTML&lt;/li&gt;&lt;li style="font-weight: bold;"&gt;Masukkan kode&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: center;"&gt;&lt;span style="border: 1px solid rgb(204, 204, 204); padding: 5px;"&gt;&amp;lt;link href='URLfaviconKamu' rel='shortcut icon'/&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;diatas kode&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;span style="border: 1px solid rgb(204, 204, 204); padding: 5px;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Klik Save Template&lt;/li&gt;&lt;li&gt;Voila, Jadi deh. ;)&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_rDYVc3H2t0Y/SrG3HVB6JKI/AAAAAAAAAC8/hcH3oQ3Ublw/s1600-h/favicon-bibilitik.jpg"&gt;&lt;img style="cursor: pointer; width: 243px; height: 54px;" src="http://3.bp.blogspot.com/_rDYVc3H2t0Y/SrG3HVB6JKI/AAAAAAAAAC8/hcH3oQ3Ublw/s400/favicon-bibilitik.jpg" alt="" id="BLOGGER_PHOTO_ID_5382284366216570018" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Chesse Burger :p&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6713397553488594410-4671896483437246888?l=bibilitik.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bibilitik.blogspot.com/feeds/4671896483437246888/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bibilitik.blogspot.com/2009/09/step-by-step-membuat-favicon_17.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6713397553488594410/posts/default/4671896483437246888'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6713397553488594410/posts/default/4671896483437246888'/><link rel='alternate' type='text/html' href='http://bibilitik.blogspot.com/2009/09/step-by-step-membuat-favicon_17.html' title='Step by Step Membuat Favicon'/><author><name>Admin</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_rDYVc3H2t0Y/SrGbT2JYmPI/AAAAAAAAACk/3-93wb67eTI/s72-c/favicon-asli.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6713397553488594410.post-5082345298519167606</id><published>2009-09-16T18:36:00.008+07:00</published><updated>2010-01-26T15:45:04.137+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger'/><category scheme='http://www.blogger.com/atom/ns#' term='Step by Step'/><category scheme='http://www.blogger.com/atom/ns#' term='Signature Digital'/><title type='text'>Step by Step Membuat Signature Digital</title><content type='html'>&lt;div style="text-align: justify;"&gt;Untuk membuat Signature digital ini dengan gratis kamu bisa  gunakan My live Signature. Berikut langkah-langkah untuk &lt;a href="http://bibilitik.blogspot.com/2009/09/step-by-step-membuat-signature-digital.html"&gt;&lt;span style="font-weight: bold;"&gt;membuat signature digital&lt;/span&gt;&lt;/a&gt;:&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_rDYVc3H2t0Y/SrDO9ToueiI/AAAAAAAAACM/raXNxDavebg/s1600-h/my-live-signature.jpg"&gt;&lt;img style="cursor: pointer; width: 382px; height: 400px;" src="http://2.bp.blogspot.com/_rDYVc3H2t0Y/SrDO9ToueiI/AAAAAAAAACM/raXNxDavebg/s400/my-live-signature.jpg" alt="" id="BLOGGER_PHOTO_ID_5382029107346176546" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Step by Step&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;Akses &lt;a href="http://mylivesignature.com/"&gt;http://mylivesignature.com&lt;/a&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;klik Create Here to Start&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Creating a new Signature (kamu dapat memilih 3 buah metode untuk membuat signature ini - mudahnya gunakan creation wizard) &gt;&gt; pilih &lt;/li&gt;&lt;li&gt;Step 1 Masukkan nama kamu&lt;/li&gt;&lt;li&gt;Step 2 Pilih Font (terdiri dari #1 sampai #120, pilih suka-suka :p) &lt;/li&gt;&lt;li&gt;Step 3 Pilih Ukurannya &lt;/li&gt;&lt;li&gt;Step 4 Pilih Warnanya &lt;/li&gt;&lt;li&gt;Step 5 Atur kemiringannya&lt;/li&gt;&lt;li&gt;Selesai (kamu tinggal download dengan mengklik tulisan "Want to download this Signature")&lt;/li&gt;&lt;li&gt;Akan keluar halaman "Downloading Signature..." &gt;&gt; klik kanan pada image signature lalu pilih save picture as&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Sip, tinggal simpan di PC kamu&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: justify;"&gt;Nah untuk menggunakannya dalam postingan blogger, kamu bisa dilakukan dengan 2 cara,&lt;br /&gt;&lt;/div&gt;&lt;ol style="text-align: justify;"&gt;&lt;li&gt;Cara manual, dengan menyisipkan gambar dari PC kamu setiap kali posting &gt;&gt; tinggal klik Add image &gt;&gt; browse gambar &gt;&gt; upload&lt;/li&gt;&lt;li&gt;Cara otomatis, dengan memasukkan kode di halaman html kamu. Dengan begitu setiap postingan kamu pasti akan tersisip signature secara begitu sajo.&lt;br /&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;Pertama, upload image signature yang tadi kamu buat di situs upload gambar gratis, misal di &lt;a href="http://www.flickr.com/"&gt;www.flickr.com&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Copy URL image signature kamu&lt;/li&gt;&lt;li&gt;Masuk ke account Blogger &gt;&gt; pilih Lay out &gt;&gt; klik Edit HTML&lt;/li&gt;&lt;li&gt;Jangan lupa centang kotak "Expand widget Templates"&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Masukkan kode berikut&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: center;"&gt;&lt;span&gt;&lt;span style="border: 1px solid rgb(204, 204, 204); padding: 5px;"&gt;&amp;lt;img src='URLimageSignatureKamu' style='border:0'/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;                         &lt;span style="font-weight: bold;"&gt;dibawah kode&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="border: 1px solid rgb(204, 204, 204); padding: 5px;"&gt;&amp;lt;data:post.body/&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;Jadi deh. :D&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: justify;"&gt;Cheers,&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6713397553488594410-5082345298519167606?l=bibilitik.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bibilitik.blogspot.com/feeds/5082345298519167606/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bibilitik.blogspot.com/2009/09/step-by-step-membuat-signature-digital.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6713397553488594410/posts/default/5082345298519167606'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6713397553488594410/posts/default/5082345298519167606'/><link rel='alternate' type='text/html' href='http://bibilitik.blogspot.com/2009/09/step-by-step-membuat-signature-digital.html' title='Step by Step Membuat Signature Digital'/><author><name>Admin</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_rDYVc3H2t0Y/SrDO9ToueiI/AAAAAAAAACM/raXNxDavebg/s72-c/my-live-signature.jpg' height='72' width='72'/><thr:total>0</thr:total></entry></feed>
