Kamis, 03 November 2011

Cara Meningkatkan Page View Blog Dengan Widget Dari Linkwithin

by  0
Page View adalah rata-rata jumlah halaman Blog yang diakses seseorang dalam satu kali kunjungan. Makin tinggi Page View, maka bisa diartikan tingkat lamanya pengunjung mengakses Blog kita makin tinggi pula. Banyak cara untuk meningkatkan Page View Blog. Seperti memasang Widget Related Post, Most Popular Post, dll. Tapi, ada cara baru yang cukup praktis dan menarik, yakni dengan Linkwithin.
Ok, Buat Yang Berminat, Langsung Saja Ke Langkah-Langkah :

[1]. Login dulu ke Blog Kalian.
[2]. Trus buka http://linkwithin.com.
[3]. Masukkan E-mail, URL Blog, Platform Blog dan banyaknya Artikel yang akan dimunculkan, lalu klik 'Get Widget'.



[4]. Klik 'Instal Widget'



[5]. Pilih Blog yang Akan Kalian beri Widget Linkwithin, lalu klik 'Menambah widget'.



[6]. Di Sidebar akan muncul Elemen Linkwithin. Drag atau Tarik ke Bawah Posting. Simpan, Selesai, dan Lihat Hasilnya.



NB :
- Setelah proses selesai, Widget ini biasanya tidak langsung muncul. Untuk memunculkan, tunggu beberapa menit, lalu refresh Blog Kalian.

Selamat mencoba....!!!

DOWNLOAD ARTIKEL :

1. Ms Office Word 2003
2. Ms Office Word 2007

Cara Menambahkan Gambar Berjatuhan Di Blog (Falling Snow Effect)

by  0

Gambar berjatuhan,  haha kedengaran lucukan, tapi ini salah satu tips menpercantik tampilan Blog kita. Kalo Kalian tertarik, silahkan ikuti langkah-langkah berikut :

[1]. Pertama Login dulu ke Blog Kalian
[2]. Trus cari Rancangan --> Add Gadget --> HTML/Java Script
[3]. Lalu Copy dan Paste-kan Code di bawah ke dalamnya
<script language='JavaScript'>
var no = 7;
var speed = 5;
var snowflake = "http://i634.photobucket.com/albums/uu66/oktri_2009/kampret.gif";
</script>
<script language='JavaScript' src='http://jmkjs.googlecode.com/files/Gambar%20Jatuh.js'/>
[4]. Ganti tulisan yang berwarna Merah dengan Link Gambar Kalian.
[5]. Simpan dan lihat hasilnya.

Semoga Berhasil...!!!

DOWNLOAD ARTIKEL :

1. Ms. Office Word 2003
2. Ms. Office Word 2007
3. Download Script/Code

Cara Membuat Teks Berjalan Di Blog

by  0

Teks berjalan, hemm mungkin ini tidak asing lagikan..?? seperti yg Kalian lihat pada Blog ini, di bawah Judul Blog, kan ada tulisan yg berjalan ke kanan dan ke kiri. Nah kalau Kalian tertarik membuatnya, silahkan ikuti langkah-langkah berikut ini :

[1]. Pertama Login dulu ke Blog Kalian.
[2]. Kemudian cari Rancangan.
[3]. Klik Tambah Gadget.
[4]. Pilih HTML/java script.
[5]. Lalu Copy dan Paste-kan salah satu Script di bawah sesuai keinginan Kalian .

A.TEKS BERJALAN KE KANAN
<font face="times" color="red" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="black" width="450px">??[_�I_n_�do�n_e��si_�a�n] [�_Bl�_og�_] [�_J.__�m.�K�_��_�]�</marquee></font>
NB :
- Kalau Ingin Teks Berjalan Ke Kiri, Kalian Cukup Mengganti Kata "right" Dengan "left".

B.TEKS BERJALAN KEKIRI DAN KEKANAN
<span style="color: blue; font-family: arial; font-size: medium;"><marquee behavior="alternate" bgcolor="pink" direction="right" height="20px" scrollamount="2" scrolldelay="10" width="450px">??[_�I_n_�do�n_e��si_�a�n] [�_Bl�_og�_] [�_J.__�m.�K�_��_�]�</marquee></span>
C.MEMBUAT TEKS BERGERAK DENGAN EFEK BOUNCE ATAU MEMANTUL
<font face="comic sans ms" color="yellow" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">??[_�I_n_�do�n_e��si_�a�n] [�_Bl�_og�_] [�_J.__�m.�K�_��_�]�</marquee></marquee></font>
D.TEKS BERJALAN KEATAS DAN KE BAWAH
<font face="verdana" color="white" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="blue" width="450px">??[_�I_n_�do�n_e��si_�a�n] [�_Bl�_og�_] [�_J.__�m.�K�_��_�]�</marquee></font>
NB :
- Pada teks "??[_�I_n_�do�n_e��si_�a�n] [�_Bl�_og�_] [�_J.__�m.�K�_��_�]�", ganti dengan pesan Kalian.

[6]. Terakhir tinggal di SAVE, dan lihat hasilnya.

Semoga Bermanfaat...!!!

DOWNLOAD ARTIKEL :

1. Ms. Office Word 2003
2. Ms. Office Word 2007
3. Download Script/Code

Cara Menghilangkan Tulisan "Showing Newest Posts With Label"

by  0

Kalian mungkin agak asing dengan judul Postingan kali ini, Tulisan "Showing Newest Posts With Label" biasanya muncul ketika Kalian meng-klik Label, yang letaknya di atas semua Postingan.

Ok langsung saja berikut langkah-langkahnya :

[1]. Pertama Login Dulu Ke Blog Kalian.
[2]. Trus Cari Rancangan --> Edit HTML.
[3]. Cari Code "body {" (Tanpa Tanda Petik) Agar Memudahkan Mencari Kode Itu Tekan Saja (CTRL +).
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
[4]. Ganti Code di atas dengan Code di bawah.
<b:includable id='status-message'>
<b:if cond=�data:navMessage�>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
[5]. Simpan dan lihat hasilnya.

Semoga Berhasil...!!!

Cara Merubah Warna Text Selection

by  0
Sebelum Di Rubah Warna Text Selection :

 

Sesudah Di Rubah Warna Text Selection :


Jika Kalian menyeleksi sebuat tulisan pada Postingan Blog Kalian, maka akan keluar warna Biru atau Putih, itu Default. Dan kali ini Saya akan memberikan cara menggantinya sesuai dengan warna yang Kalian inginkan.

Jika Kalian tertarik, ikuti langkah-langkah berikut :

[1]. Seperti biasa Login dulu ke Blog Kalian.
[2]. Trus cari Rancangan --> Edit HTML.
[3]. Trus cari Code "body {" (Tanpa Tanda Petik) Biar Gampang Mencarinya Tekan Saja (CTRL + F).
[4]. Kalo sudah Copy dan Paste-kan Code di bawah ini di atas Code yang tadi.
::-moz-selection { 
background: #CC3399;
color: #ffffff;}
NB :
- Kalian bisa mengganti Warna Text Highlight di atas (#CC3399), dengan Warna yang Kalian suka.

[5]. Simpan Dan Lihat Hasilnya.

Kalo Kalian dingung mencari Code Warna tidak usah kuatir, klik saja DI SINI.


Semoga Berhasil....!!! ^_^

Rabu, 02 November 2011

Daftar Kode Warna HTML Lengkap

by  0
#FFFFFF#FFFFCC#FFFF99#FFFF66#FFFF33#FFFF00
#FFCCFF#FFCCCC#FFCC99#FFCC66#FFCC33#FFCC00
#FF99FF#FF99CC#FF9999#FF9966#FF9933#FF9900
#FF66FF#FF66CC#FF6699#FF6666#FF6633#FF6600
#FF33FF#FF33CC#FF3399#FF3366#FF3333#FF3300
#FF00FF#FF00CC#FF0099#FF0066#FF0033#FF0000

#CCFFFF#CCFFCC#CCFF99#CCFF66#CCFF33#CCFF00
#CCCCFF#CCCCCC#CCCC99#CCCC66#CCCC33#CCCC00
#CC99FF#CC99CC#CC9999#CC9966#CC9933#CC9900
#CC66FF#CC66CC#CC6699#CC6666#CC6633#CC6600
#CC33FF#CC33CC#CC3399#CC3366#CC3333#CC3300
#CC00FF#CC00CC#CC0099#CC0066#CC0033#CC0000

#99FFFF#99FFCC#99FF99#99FF66#99FF33#99FF00
#99CCFF#99CCCC#99CC99#99CC66#99CC33#99CC00
#9999FF#9999CC#999999#999966#999933#999900
#9966FF#9966CC#996699#996666#996633#996600
#9933FF#9933CC#993399#993366#993333#993300
#9900FF#9900CC#990099#990066#990033#990000

#66FFFF#66FFCC#66FF99#66FF66#66FF33#66FF00
#66CCFF#66CCCC#66CC99#66CC66#66CC33#66CC00
#6699FF#6699CC#669999#669966#669933#669900
#6666FF#6666CC#666699#666666#666633#666600
#6633FF#6633CC#663399#663366#663333#663300
#6600FF#6600CC#660099#660066#660033#660000

#33FFFF#33FFCC#33FF99#33FF66#33FF33#33FF00
#33CCFF#33CCCC#33CC99#33CC66#33CC33#33CC00
#3399FF#3399CC#339999#339966#339933#339900
#3366FF#3366CC#336699#336666#336633#336600
#3333FF#3333CC#333399#333366#333333#333300
#3300FF#3300CC#330099#330066#330033#330000

#00FFFF#00FFCC#00FF99#00FF66#00FF33#00FF00
#00CCFF#00CCCC#00CC99#00CC66#00CC33#00CC00
#0099FF#0099CC#009999#009966#009933#009900
#0066FF#0066CC#006699#006666#006633#006600
#0033FF#0033CC#003399#003366#003333#003300
#0000FF#0000CC#000099#000066#000033#000000

#465584#EEF2F7#3A4F6C#00D#434951#555
#777#DFE6EF#345487#F5F9FD#3860BB#BCD0ED
#C2CFDF#F0F5FA#D1DCEB#003#900#CCE9FD
#E4EAF2#4C77B6#DFE6EF#EEF2F7

Semoga Bermanfaat Ya...!!!

Cara Membuat Read More Di Blog V.01

by  0

Read More atau Baca Selanjutnya, adalah tombol yg sangat berguna apabila kita membuat Postingan yg lumayan panjang. Dan mungkin Kalian sudah mengetahuinya,  dan Saya memberikan Cara Membuatnya. OK langsung saja ke tutornya ya..

[1]. Seperti biasa Login dulu ke Blog Kalian.
[2]. Trus cari Setelan --> Format.
[3]. Cari tulisan "Template Entri" kan ada kotak kosong tuh.
[4]. Isikan kotak kosong tersebut dengan Script di bawah.
<span class="fullpost">
</span>
[5]. Lalu Simpan Setelan.
[6]. Trus coba Kalian buat sebuat Entri, lihat gambar di bawah.

 

[7]. Pasti ada menu seperti di gambarkan, cara kerjanya lihat pada gambar di bawah.


[8]. Selesai

Semoga Berhasil Ya...!!!!!