Tampilkan postingan dengan label Mempercantik Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Mempercantik Blog. Tampilkan semua postingan

Trik Memberi Background Pada Artikel

Coba lihat artikel dibawah ini:

Ini adalah contoh bagian artikel yang diberi background. Dengan ini, maka akan memperjelas para pembaca untuk menemukan bagian artikel yang penting seperti (Ingat, Keterangan, Catatan, Warning, Perhatian, dll) atau yang lainnya. Tergantung keinginan anda!


Nah, anda juga bisa mengganti warna background sesuai keinginan anda. Atau anda juga bisa mengganti backgroundnya dengan sebuah gambar (klo mw tau caranya, harus Donate dulu !). Jika anda juga pingin punya yang kayak gini, ikuti cara2 berikut ini…

1. Login ke Blogger
2. Masuk ke Layout > Edit HTML
3. Masukin skrip berikut ini pada kode CSS (atau sebelum kode ]]></b:skin>)

.alert {
background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;
border-bottom: 1px dotted #223344;
border-left: 1px dotted #223344;
border-right: 1px dotted #223344;
}


4. #DDE4FF bisa anda ganti dengan warna yang anda inginkan, lihat kode2 warna di sini
5. Klo udah, Save Template

Cara postingnya, tinggal masukkan bagian artikel yang ingin diberi background di antara kode <p class="alert"> dan </p>. Dah, selesai deh…
Label:

Trik Mengganti Gambar Background Blog

Pada trik kali ini, kita akan mengubah gambar background pada blog sesuai keinginan kita. :) Tetapi pertama2 kita harus mencari alamat URL gambar yang kita inginkan untuk dijadikan background blog kita, atau kita bisa upload sendiri gambarnya melalui layanan web hosting. :D Nah, mumpung aku sendiri belum ngotak-atik background, ;) ayo kita coba trik ini sama2...

1. Login ke Blogger
2. masuk ke Layout > Edit HTML
3. Klo udah, cari kode body {
4. Nah, dibawah kode tersebut, anda pasti menemukan kode yang seperti ini:

background: #4386ce url(http://static1.grsites.com/archive/textures/blue/blue140.gif);


5. Ganti kode yang di bold sesuai keinginan anda. #4386ce bisa diganti dengan warna background ketika gambar background belum muncul (lihat kode2 warna di sini), sedangkan http://static1.grsites.com/archive/textures/blue/blue140.gif bisa diganti dengan alamat URL gambar yang ingin dijadikan sebagai background
6. Klo udah, klik tombol Save Template untuk menyimpan perubahan...
Label:

Trik Membuat Judul Blog Berjalan

Dalam trik kali ini, kita akan membuat judul blog berjalan ke arah kiri, terus huruf yang sudah ngilang ke kiri akan kembali ke kanan lagi (di posisi teks yang paling belakang) dan akan tetap berjalan kekiri secara terus-menerus, gitu lho maksud saya! Seperti di blogku ini...

Tenang aja, caranya gampang kok! Kita tinggal login ke Blogger, masuk ke Layout > Edit HTML. ;) Klo udah, masukkan skrip berikut ini di bawah <head>

<script language='JavaScript'>
var txt="JUDUL BLOG ANDA";
var kecepatan=170;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

Anda tinggal mengganti JUDUL BLOG ANDA dengan judul blog anda. :D Klo udah, klik tombol Save Template untuk menyimpan perubahan, dan lihatlah perubahannya...
Label:

Trik Mengganti Favicon Blogspot

Didepan alamat situs pada addressbar, biasanya ada ikon khusus untuk situs tersebut, ikon ini dinamakan favicon (favorite icon), karena ikon ini juga digunakan sebagai ikon situs pada folder Favorites. Misalnya pada situs Google, faviconnya adalah logo Google, contoh2 lainnya yaitu Yahoo!, blog ini, dll. Nah, kalo situs blogspot, favicon defaultnya seperti ini:



Sebenarnya anda bisa menggantinya dengan favicon milik anda sendiri, bisa format ico, jpg atau gambar animasi format gif juga bisa dijadikan favicon. :p Gini nih cara gantinya...

1. Login ke Blogger
2. Masuk ke Layout > Edit HTML
3. Terus, taruh skrip berikut ini di bawah <head>

<link rel="shortcut icon" href="http://www.iconarchive.com/download/ico/icons-land/vista-style-emoticons/Cool.ico"/>

Anda tinggal mengganti skrip yang di bold dengan alamat URL favicon anda, jangan lupa untuk menyertakan ekstensi…

4. Klo udah, klik Save Template untuk menyimpan perubahan
5. :D Coba anda buka blog anda dan lihat sendiri hasilnya…
Label:
Langganan: Postingan (Atom)
Get paid To Promote at any Location