Minggu, 25 Desember 2011

Membuat Efek Link Berwarna-wanrni

Sekarang saya akan memberi tahukan kepada anda bagaimana memperindah link anda.

Cara pertama : sekarang kita akan menggunakan script berikut, script ini akan memberikan efek warna-warni di link anda.
           
                      <script src='http://enes-sc.googlecode.com/files/rainbowlink.js'/>.

Copy script diatas lalu pastekan setelah kode HTML <head> .

Cara kedua    : Kita akan mengedit link dengan CSS .


  • - Cari  kode seperti ini
                        a:hover, .post a:hover {
              color: red;
              text-decoration:none;
               }

- Edit bagian
            ext-decoration:none;
            menjadi text-decoration:blink;


            /*Untuk memberikan efek blink-blink.


  • - Edit bagian
              color:red;  
              menjadi    color:blue;
              /* Itu akan merubah warna link ketika kita sorot link tersebut dengan cursor.

Hanya itu yang dapat saya sampaikan untuk merubah link , terima kasih :)

Membuat Teks Berubah-Ubah

oke sob,,,walau blog ini masih jelek..tpi gpp lah,,(blog ini masih baru) dan blog ini saya khusus kan utk Tutorial Blogger... >>>>Blogger Home<<<<
,,
kali ini saya akan bahas ttng Membuat Teks Berubah-Ubah ,, langsung aja , ini contohnya



gmn? tertarik??langsung aja:
  • masuk ke blog
  • Rancangan (Tata Letak)
  • Edit HTML, cari kode <body> Taruh script berikut di bawah <body>
  • berikut ini scrip nya:
 <script type="text/javascript">





//Bagian edit tulisan yang bakal keluar.
var tickercontents=new Array()
tickercontents[0]='Ini Contoh doank!'
tickercontents[1]='rechkerweb.blogspot.com'

var tickerwidth="200px"
var tickerheight="70px"
var fontcss="font: bold 14px Verdana; color:black"
var tickdelay=3000 //delay btw messages
var highlightspeed=2 //2 pixels at a time.
var highlightcolor="lightyellow"
var backdroptextcolor="#E1E1E1"



document.write('<style>#highlighterbg a{color:'+backdroptextcolor+'}</style>')
document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">')
document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px"></span><span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background-color:'+highlightcolor+'; width:'+tickerwidth+';height:'+tickerheight+';padding: 4px"></span>')
document.write('</div>')

var currentmessage=0
var clipbottom=1

function changetickercontent(){
msgheight=clipbottom=crosstick.offsetHeight
crosstick.style.clip="rect("+msgheight+"px auto auto 0px)"
crosstickbg.innerHTML=tickercontents[currentmessage]
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}

function highlightmsg(){
//var msgheight=crosstick.offsetHeight
if (clipbottom>0){
clipbottom-=highlightspeed
crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipbottom=msgheight
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}

function start_ticking(){
crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}

if (document.all || document.getElementById)
window.onload=start_ticking

</script>

NB: kode warna merah , ganti dgn kesukaan anda..

semoga bermanfaat..

Animated Window Opener

saya akan membahas Animated Window Opener ,,jadi jika ada orang yang mengunjungi blog sobat, browse blog sobat akan jadi kecil dan akan membesar...
niie contohnya (klik satu-persatu):


Website


Trik Blogger

 anda tertarik??? silahkan ikuti caranya:

  • login blogger
  • dashboar
  • tataletak
  • add gadget
  • masukin scrip berikut kedalam HTML milik sobat..
<script>
<!--


var winheight=100
var winsize=100
var x=5





function openwindow(thelocation){
temploc=thelocation
if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)){
window.open(thelocation)
return
}
win2=window.open("","","scrollbars")
win2.moveTo(0,0)
win2.resizeTo(100,100)
go2()
}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=temploc
winheight=100
winsize=100
x=5
return
}
setTimeout("go2()",50)
}
//-->
</script>

<p><a href="javascript:openwindow('http://www.rechkercommunity.co.cc')">Website</a>

<p><a href="javascript:openwindow('http://www.rechkercommunity.co.cc')">Trik Blogger</a>

Keterangan: kode warna merah bisa diganti dengan URL yg ingin sobat berikan..

semoga bermanfaat,, jgn lupa komentarnya..

Cara Menghilangkan Navbar Di Blog

Selamat pagi sobat Blogger, sekarang saya akan memberi tahu bagaimana cara Menghilangkan Navbar Di Blog,banyak orang yang ingin menghilangkan Navbar blogger , karena tampilannya kurang begitu bagus . seperti gambar dibawah







jika anda ingin menghilangkan,, Rechker akan membantu anda. sebelumnya lihat demonya dulu >>>>disini<<<< gmn? ga ada kan Navbar Bloggernya.. anda tertarik?
langsung aja ke cara berikut :
  • login ke blog
  • dashboar
  • tata letak (Rancangan)
  • Edit HTML
  • Tekan Ctrl+F , lalu cari kode </style> 
jika suda ketemu..Copy kode berikut dan letakan dibagian atas </style>
  #navbar-iframe {
      height:0px;
      visibility:hidden;
      display:none
      } 
  • langsung aja di Save Template..

Jika masih belum bisa.,,ikuti cara berikut:
  • Letakan script dibawah ini diatas kode ]]></b:skin>

/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Terima Kasih telah membaca blog ini.. 
semoga bermanfaat, dan sukses selalu..
Salam Blogger Indonesia .. :) 

 

Memberi Efek Suara Di Blog

Kali ini saya akan membahas tentang Cara Memberi Efek Suara Di Blog ,, dimana blog kita jika di masuki , akan ada suara langsung.. tanpa menekan tombol PLAY...
lihat demonya >>>>disini<<<<
anda tertarik? silahkan ikuti cara berikut:
  • masuk ke blog sobat--- Dasboar
  • Klik Rancangan.
  • Tambah Gadget
  • Pilih HTML/Java Script
  • Kemudian pastekan scrip di bawah ini ke dalam gadget anda :
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" width="1" src="http://www.swfcabin.com/swf-files/1257488371.swf" height="1" type="application/x-shockwave-flash"></embed> 
  • Setelah itu klik Simpan.
=========
Keterangan:
=========
kode warna merah ,bisa anda ganti dgn URL musik sobat,, bisa anda cari disini http://www.swfcabin.com/search.php

semoga bermanfaat..

Cara Memasang Widget Radio Streaming di Blog

pada kali ini Rechker akan membahas tentang Cara Memasang Widget Radio Streaming di Blog , jadi nanti blog anda akan muncul sebuah radio ..
gimana?tertarik? jika sobat tertarik..

Langsung Saja Ikuti tutorial Cara Memasang Widget Radio Streaming di Blog :
  1. Masuk Dashboard 
  2. Klik design 
  3. Pilih Page element
  4. Add widget,pilih html/java script
  5. Kemudian Copy Script dibawah ini
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="220" height="40" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashvars" value="audio_duration=DURATION&amp;external_url=http://180.243.245.47/diorama" /><param name="src" value="http://cdn.techknowl.com/wp-content/uploads/2010/03/audio_player_standard_gray.swf" /><param name="wmode" value="transparent" /><embed type="application/x-shockwave-flash" width="220" height="40" src="http://cdn.techknowl.com/wp-content/uploads/2010/03/audio_player_standard_gray.swf" wmode="transparent" flashvars="audio_duration=DURATION&amp;external_url=http://180.243.245.47/diorama"></embed></object>
NB: Link yang berwarna merah, bisa anda gantikan dengan link radio lain,..