BELAJAR BLOG

Cara mengganti template blog

Kamis, 05 Juli 2012

Jika anda ingin mengganti tampilan template blog caranya mudah, gini nih caranya download dulu template yang diinginkan, setelah itu exstrax file dengan cara klik kanan pada fille template lalu klik exstrax here. setelah berhasil di exstrax muncul folder template carilah file tipe XML document. biar gak bingung cekidot...

1. Masuk dulu ke akun blog kamu

2. Pilih desain/layout

3. Klik tombol cadangkan/pulihkan

4. Browse file XML template

5. Klik unggah

setelah berhasil diunggah, lihat blog...

Dibawah ini ada contoh template yang bisa diunduh :

BamzStyle
DOWNLOAD

Blogazine BookDOWNLOAD

MagPress
DOWNLOAD

VersatileDOWNLOAD

ini template tambahannya :

Jeans Demo | Download
Leia Demo | Download
Integral Demo | Download
Mr. Techie Demo | Download
Your Blog 2.0 Demo | Download
Blogy Decorativo Demo | Download
GossipCity Demo | Download
Minyx Demo | Download
Glass Demo | Download
Colibri Demo | Download
Hemingway Black Demo | Download
Grey Press Demo | Download
Tierra Demo | Download
Vertical Demo | Download
Sweet Blog Demo | Download
Mosaico Demo | Download
Blogy Rosa Demo | Download
WP-Polaroid Demo | Download
Ads Theme Demo | Download
WP Premium Demo | Download
Aspire Demo | Download
Blogging Pro Demo | Download
Dilectio Demo | Download
iTheme Demo | Download
Vinery Demo | Download
sImpress Demo | Download
Erudite Demo | Download
Blue Marine Demo | Download
Flower Template Demo | Download
Red White Web 2.0 Demo | Download
iWork Demo | Download
Softlight Demo | Download
Pannasmontata Demo | Download
Underground Demo | Download
Florascent Demo | Download
Art Imagination Demo | Download
Dark World Demo | Download
Forte Demo | Download
Hemingway White Demo | Download
Bella Demo | Download
Feminina III Demo | Download
History Channel Demo | Download
Black Minimalism Demo | Download
Glued Ideas Subtle Demo | Download
Ocean Mist Demo | Download
The Late Show Demo | Download
Fleur Demo | Download
Morning Demo | Download
Colorful Day Demo | Download
Smashing Template Demo | Download

Semua template diatas adalah gratis untuk di download dan bisa dipakai untuk akun blogspot anda secara cuma-cuma. Yang pasti semuanya keren untuk dipakai buat ngeblog. Tinggal pilih saja yang mana kiranya paling cocok dengan blog maupun kepribadian anda.

Baca Selengkapnya...

Cara Membuat Text Animasi Tulisan Berwarna

Selasa, 03 Juli 2012

Pada artikel kali ini saya akan menuliskan panduan cara bikin teks flash (teks animasi flash / tulisan berwarna bergaya flash) yang nantinya bisa teman-teman pasang pada postingan blog (untuk mempercantik tulisan) atau di widget/sidebar (sebagai widget selamat datang yang keren).

Bagi teman-teman yang ingin memasukkan text flash animasi ini pada widget/sidebar silakan ikuti langkah berikut:

1. Klik Tata Letak
2. Klik Tambah Gadget / Add Gadget
3. Pilih Gadget Html/JavaScript
4. Masukkan kode Text Animasi Tulisan Berwarna di sana.
5. Simpan (kamu juga bisa memindahkan letak widget jam tersebut dengan cara menarik gadget tersebut)

Nah itulah langkah yang harus di lakukan.

Kode Script Text / Tulisan Flash Animasi Berwarna

<div style="-moz-box-shadow: inset 0 1px 5px 0 #fff; background: #990099; border: 1px solid #ECEDE8; box-shadow: inset 0 1px 5px 0 #555; font-family: Cataneo BT; font-size: 21px; font-weight: bolder; padding: 5px 20px; text-align: center;">
<script type="text/javascript">
var message="Selamat Datang Di Blog Ahmad Rifai Net"
var bgsGR1color="#FFFFFF" /* Warna utama teks */
var bgsGR2color="#FFFF00" /* Warna teks flash pertama */
var bgsGR3color="#00FF66" /* Warna teks flash ke dua */
var flashspeed=100 // kec. ganti warna (1/1000 dt)
var flashingletters=15 // jumlah teks pertama (tips / hiting jumlah text, kemudian bagi 2)
var flashingletters2=18 // jumlah berwarna teks ke dua (tips / hiting jumlah text, kemudian bagi 2)
var flashpause=1 // waktu jeda pergantian warna (1/1000 dtk)
var n=0
if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')}else
document.write(message)
function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj}function neon(){if (n==0){for (m=0;m<message.length;m++)
crossref(m).style.color=bgsGR1color}
crossref(n).style.color=bgsGR2color
if (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color 
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1color
if (n<message.length-1)
n++
else{n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return}}
function beginneon(){if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)}
beginneon()
</script>
</div>

Catatan :

Ganti tulisan Selamat Datang Di Blog Ahmad Rifai Net yang ada di line 3 dengan tulisan yang teman mau. var flashingletters=19 - var flashingletters2=19 : pada link 8 & 9 . Ganti angka 19 dengan angka yang teman mau (Tips* hitung seluruh tulisan dan spasi yang teman masukkan pada line 3 (kode 1) atau line 5 (kode 2), kemudian bagi 2, setelah itu ganti angka 19 dengan hasil pembagian tadi.

Selamat mencoba membuat text animasi tulisan berwarna & Semoga berhasil

Baca Selengkapnya...

Cara Membuat Tulisan Berjalan Di Address Bar

Membuat Tulisan Berjalan Di Address Bar

Untuk membuat tulisan berjalan di address bar langkah pertama yang harus anda lakukan adalah Login ke Blogger
Setelah itu klik menu Layout atau Tata letak
Kemudian klik menu Edit HTML
Silahkan temukan kode ini </head> ( dengan cara tekan tombol ctrl+f lalu ketik kode scrip yang dicari )
Setelah itu kode nya sudah di temukan silakan taroh kode di bawahnya.

<script type='text/javascript'>
//<![CDATA[
msg = " --- SILAHKAN DIGANTI ";
msg = " | SILAHKAN DIGANTI | SILAHKAN DIGANTI | SILAHKAN DIGANTI | SILAHKAN DIGANTI --- " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",100);
}
scrollMSG();
//]]>
</script>

Silahkan ganti tulisan berwarna biru dengan tulisan yang anda inginkan, nanti tulisan itulah yang akan terlihat berjalan di address bar. Sebelum pengaturannya di simpan, sebaiknya di preview dulu.

Baca Selengkapnya...

Cara mengganti icon blogger di address bar

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu ..... masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>