Membuat Logo Pada Addres Bar

Favicon adalah

icon kecil yang ada di url address bar, bisa juga masuk dalam daftar

bookmark jika kita mem bookmark suatu situs yang mempunyai Favicon,

untuk ukurannya favicon sendiri adalah 16 x 16

pixel.

Berikut tutorial nya bagaimana cara membuat

Logo pada URL Address Browser:

caranya siapkan icon favorite

anda, download icon-icon dibawah

ini:

   

http://www.webdeveloper.com/favicon.ico

http://www.oscmax.com/favicon.ico

http://www.coffeecup.com/favicon.ico

http://unblock-url.qarchive.org/favicon.ico

http://www.pizzahut.com/favicon.ico

http://www.starbucks.com/favicon.ico

src="http://unair.info/img/klik-kanan.gif">

Setelah itu

silahkan klik kanan salah satu icon, lalu pilih Save Image As..

-> lalu save

Cara pemasangannya bisa anda Upload dan

letakkan di direcrtory root

dengan nama:

favicon.ico

atau bisa

juga letakkan tag di bawah ini dalam header anda

style="color: rgb(0, 0,

255);">

....

REL="SHORTCUT ICON" HREF="http://www.yourwebsite.com/favicon.ico"

/>

/>Sumber dari situs
href="http://www.ilmuwebsite.com">Ilmu Website dalam
kategori
href="http://www.ilmuwebsite.com/html/">html dengan judul

href="http://www.ilmuwebsite.com/detil_html/11/Membuat_Logo_Pada_Addres_Bar/">Membuat
Logo Pada Addres Bar

 

Membuat Gambar Melayang (Float Image)

Teman-teman semua saya mendapatkan tips bagus ni bwt hias blog kalian semua dari internet kemaren
kita bisa bikin gambar yang ngelayang di tampilan blog kita kayak wargreymon yang nemplok di pojok kanan bawah blog saya
penasaran ngebuatnya gimana??

simak yang di bawah ini
    Membuat Anu Supaya Selalu Berada Di pojok

Pasti pada bingung nih, apa maksudnya dan kenapa judulnya begitu, sebenarnya aku sendiri juga bingung mau ngasih judul apa untuk trik yang berikut ini. Setelah aku pikir-pikir eee.. nggak nemu-nemu juga judul yang cocok, ya udah deh aku asal aja kasih judul gitu. Trus apa maksudnya dari judul tersebut dan trik apa yang akan dibahas?
Gini, untunya itu gini trik nyoba ngebahas gimana cara membuat "ANU" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "ANU" itu apa? "ANU" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]> kalo dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {

position:fixed;_position:absolute;bottom:0px; left:0px;

clip:inherit;

_top:expression(document.documentElement.scrollTop+

document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode

&ltdiv id="trik_pojok">
&lta href="http://trik-tips.blogspot.com">
&ltimg src="http://kendhin.890m.com/soniclari.gif" border="0" />

"http://trik-tips.blogspot.com" adalah link. ganti dengan link kamu.

"http://kendhin.890m.com/soniclari.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

6. Simpan hasil kerja kamu dan lihat hasilnya.

Posted by Kendhin

http://trik-tips.blogspot.com/

   

Bikin Sidebar di Sebelah Kiri Pada Template Blogspot/Blogger

 

Kode ini aku dapatkan dari My Learning Days.. Awalnya si ingin pake yang dah jadi aja yang aku download dari Webtalks, tapi ternyata begitu diedit HTML-nya untuk bikin kolom page elemen dibawah header template untuk keperluan menu bar, hasilnya tidak seperti yang dinginkan ya. Akhirnya coba cari kode dan dikerjain satu-satu deh, dari bikin tambahan sidebar disebelah kiri dan terus bikin kolom page elemen di bawah headernya.

Untuk menambah sidebar di sebelah kiri, caranya adalah sebagai berikut:

1. Login ke Blogspot --> layout --> Edit HTML

2. Download template untuk jaga-jaga biar bila ada kesalahan dalam proses edit HTML, bisa dikembalikan lagi ke template awal.

3. Liat di bagian Outer Wrapper, tambahkan kode dan rubah beberapa variabel seperti dibawah ini: 

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 840px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 420px;
float: left;
padding: 5px;
border:1px solid $bordercolor;
background-color:#c77c7c;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 200px;
float: right;
padding: 5px;
border:1px solid $bordercolor;
background-color:#c77c7c;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#newsidebar-wrapper {
width: 200px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}

Catatan:

Kode dengan warna biru menunjukan kode aslinya.

Kode dengan warna hijau menunjukan kode yang ditambahkan.

Kode yang ditulis dengan angka merah merupakan variabel yang bisa dirubah harganya.

Outer wrapper merupakan lebar template, rubah angkanya seperti yang diinginkan; pada contoh diatas, lebarnya dari 660px dirubah jadi 840px.

Main wrapper adalah lebar kolom posting, pada contoh diatas lebarnya dari 410px diubah jadi 420px.

Sidebar wrapper adalah lebar sidebar yang dinginkan, pada contoh lebarnya dari 220px diubah jadi 200px.

Float menunjukan letak side bar di kiri atau dikanan.

4. Kemudian liat di bagian bawah, tambahkan kode di bawah ini sebelum kode

5. Simpan.

Selamat mencoba.
sumber: kembangbungaku.blogspot.com