Rabu, 26 Januari 2011
Tukar Link
A
-
B
-
C
-
D
-
E
-
F
Fajrin Blog's
G
-
H
-
I
-
J
-
K
-
L
-
M
-
N
-
O
-
P
-
Q
-
R
-
S
-
T
-
U
-
V
-
W
-
X
-
Y
-
Z
-
-
B
-
C
-
D
-
E
-
F
Fajrin Blog's
G
-
H
-
I
-
J
-
K
-
L
-
M
-
N
-
O
-
P
-
Q
-
R
-
S
-
T
-
U
-
V
-
W
-
X
-
Y
-
Z
-
Selasa, 25 Januari 2011
Cara membuat link pelangi di blogger
Saya akan menulis tentang cara membuat tulisan berkedip-kedip. Kini saatnya ganti bagaimana cara membuat tulisan link jadi pelangi. Loh kok bisa ? iya, saat kita taruh kursor di link tersebut maka tulisan akan berubah-rubah warna seperi pelangi yang warna-warni.
Pelangi atau bianglala adalah gejala optik dan meteorologi berupa cahaya beraneka warna saling sejajar yang tampak di langit atau medium lainnya. Di langit, pelangi tampak sebagai busur cahaya dengan ujungnya mengarah pada horizon pada suatu saat hujan ringan. Pelangi juga dapat dilihat di sekitar air terjun yang deras.
Dengan membuat link pelangi akan membuat blog kita menjadi penuh warna. Bagaimana cara membuat link pelangi ? Ikuti saja langkah-langkah berikut ini.
Cara Membuat Link Pelangi :
1. Login ke Blogger
2. Pilih Rancangan
3. Klik Edit HTML
4. Centang Expand Template Widget
5. Taruh kode berikut ini diatas kode </head>
<script src='http://achmad46.googlepages.com/rainbow.js'>
</script>
</script>
6. Simpan jika sudah selesai
Membuat Headline News di Blog kita
Pernah melihat televisikan ? :D pastinya pernah. Saat ini Televisi yang ada sudah banyak menyertakan running teks yang berisi headline berita. Kita dapat mengetahui headline atau berita terbaru secara singkat. Sekarang kita akan membuat running teks yaitu tulisan berjalan yang isinya judul tulisan-tulisan terbaru blog kita.
Akan semakin menarik pembaca untuk mengetahui headline yang kita tulis di blog kita, judul-judul tulisan kita akan berjalan layaknya running teks yang ada di TV. Dan pengunjung dapat mengklik judul untuk melihat isinya secara lengkap. nah contoh gambarnya adalah seperti ini kawan, sekarang kita akan belajar membuatnya.
Akan semakin menarik pembaca untuk mengetahui headline yang kita tulis di blog kita, judul-judul tulisan kita akan berjalan layaknya running teks yang ada di TV. Dan pengunjung dapat mengklik judul untuk melihat isinya secara lengkap. nah contoh gambarnya adalah seperti ini kawan, sekarang kita akan belajar membuatnya.
Cara membuat Headline news di blog kita
1. Login ke blogger
2. Pilih Rancangan
<script type="text/javascript">
var hn_url_blog = "http://tips-trikss.blogspot.com/";
var hn_jumlah_post = 10;
var hn_warna_latar = "#000000";
var hn_warna_garis = "#FF0000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = false;
</script>
<script src="http://headlinenews.googlecode.com/files/Headlinenews-MasDhani.js">
</script>
var hn_url_blog = "http://tips-trikss.blogspot.com/";
var hn_jumlah_post = 10;
var hn_warna_latar = "#000000";
var hn_warna_garis = "#FF0000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = false;
</script>
<script src="http://headlinenews.googlecode.com/files/Headlinenews-MasDhani.js">
</script>
Ganti http://tips-trikss.blogspot.com/ dengan URL blog masing-masing , Selain itu kita juga bisa mengganti jumlah post, warna latar belakang, warna garis dan posisi sesuai dengan selera kita.
6. Simpan jika sudah selesai
Sekarang anda tinggal memberi komentar saja.
6. Simpan jika sudah selesai
Sekarang anda tinggal memberi komentar saja.
Cara Membuat Judul Blog Jadi Animatif
Ada beberapa cara untuk membuat judul blog menjadi animatif. trik kali ini sedikit berbeda dimana judul blog akan muncul seperti sebuah ketikan dari masing-masing huruf dari judul blog anda. kalo misalnya anda tertarik untuk memasangnya pada blog anda ikuti aja trik berikut ini :
1. Login ke blogger
2. Pilih Rancangan
3. Klik Edit HTML
<script>
var tit = document.title;
var c = 0;
function writetitle() {
document.title = tit.substring(0,c);
if(c==tit.length)
{
c = 0;
setTimeout("writetitle()", 2000)
}
else {
c++;
setTimeout("writetitle()", 275)
}
}
writetitle()
</script>
var tit = document.title;
var c = 0;
function writetitle() {
document.title = tit.substring(0,c);
if(c==tit.length)
{
c = 0;
setTimeout("writetitle()", 2000)
}
else {
c++;
setTimeout("writetitle()", 275)
}
}
writetitle()
</script>
6. Kalau sudah tinggal di simpan
Selamat mencoba
Sebagaimana kita ketahui bahwa Blogspot tidak menyediakan fasilitas read more atau page break dalam penulisan post. Namun, bukan berarti kita tidak bisa membuatnya sendiri, bahkan kita bisa menggantnya dengan tulisan Baca Selengapnya, Detail, Read More, dsb. Inilah uniknya blogspot (blogger), kita bisa edit template bawaan, yang penting kita mau sedikit bersusah-susah mengedit code HTML.
-sigup terlebih dahulu..
-masuk ke tatletak
-pilih edit html pastinya,
-beri tanda centang pada Expand Template Widget
-cari code berikut <p><data:post.body/></p> biar mudah
klo loe pake firefox tekan aja ctrl+f trus masukin code nya..
-trus loe copy kode berikut !! dan letak diatasnya
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>-kata yang berwarna merah " read more.."bisa loe ganti dengan kata terserah loe..misalnya Baca selengkapnya....
-trus simpan template,
-kemudian loe masuk pada "pengaturan" or "setting"
-trus pilih tabmenu format
-copy code berikut !!
<span class="fullpost"> </span>
-letak codenya di dalam Template Posting
-simpan setelan
-Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :
<span class="fullpost"> </span>
-Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalaman utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
Svript Buka Blog Muter-muter
Udah nggk Usah banyak Bacot, Langsung ja ^_^
Pastinya Login Terlebih Dahulu
Masuk ke Rancangan Edit HTML >> Edit HTML
Beri tanda Centang pada Expand Template Widget
Letakkan code Berikut ini di atas code <head>
Simpan Template dan lihat hasilnya ...
Pastinya Login Terlebih Dahulu
Masuk ke Rancangan Edit HTML >> Edit HTML
Beri tanda Centang pada Expand Template Widget
Letakkan code Berikut ini di atas code <head>
<script> //<![CDATA[ window.scrollBy(0,0) window.resizeTo(0,0) window.moveTo(0,0) //setInterval("move()",10); setTimeout("move()", 1); var mxm=100000 var mym=100000 var mx=100000 var my=100000 var sv=70 var status=1 var szx=0 var szy=0 var c=25 var n=0 var sm=10 var cycle=2 var done=2 function move() { if (status == 1) { mxm=mxm/1.01 mym=mym/1.01 mx=mx+mxm my=my-mym mxm=mxm+(500-mx)/5 mym=mym-(400-my)/5 window.moveTo(mx,my) rmxm=Math.round(mxm/1) rmym=Math.round(mym/2) if (rmxm == 0) { if (rmym == 0) { status=2 } } } if (status == 2) { sv=sv/1.1 scrratio=1+1/3 mx=mx-sv*scrratio/2 my=my-sv/2 szx=szx+sv*scrratio szy=szy+sv window.moveTo(mx,my) window.resizeTo(szx,szy) if (sv < 0.1) { status=3 } } if (status == 3) { document.fgColor=0xffffFF c=c-16 if (c<0) {status=8} } if (status == 4) { c=c+16 document.bgColor=c*65536 document.fgColor=(255-c)*65536 if (c > 239) {status=5} } if (status == 5) { c=c-16 document.bgColor=c*65536 document.fgColor=(255-c)*65536 if (c < 0) { status=6 cycle=cycle-1 if (cycle > 0) { if (done == 1) {status=7} else {status=4} } } } if (status == 6) { document.title = "Cljck" alert("Cljck") cycle=2 status=4 done=1 } if (status == 7) { c=c+4 document.bgColor=c*65536 document.fgColor=(255-c)*65536 if (c > 128) {status=8} } if (status == 8) { window.moveTo(0,0) sx=screen.availWidth sy=screen.availHeight window.resizeTo(sx,sy) status=9 } var timer=setTimeout("move()",0) } //]]> </script>
Simpan Template dan lihat hasilnya ...
Langganan:
Postingan (Atom)