Tampilkan postingan dengan label javascript. Tampilkan semua postingan
Tampilkan postingan dengan label javascript. Tampilkan semua postingan

Selasa, 20 Oktober 2009

Membuat Banner Tampil Bergantian Dalam Satu Kolom Widget ( Banner Rotator )

Menampilkan Banner di blog atau website itu adalah langkah yang harus di lakukan bagi seorang bloger yang mangikuti program Afliansi atau bisnis-bisnis internet lainya,

Bagaimana kalau kita mengikuti program afliansi / bisnis-bisnis internet atau sejenisnya hingga 10 sampai 20 atau lebih  dan  harus memasang banner di blog atau website kita tentu blog atau web kita akan penuh dengan banner-banner tersebut dan kadang membuat loding blog semakin lambat,  salah satu cara untuk mengatasinya adalah menempatkan banner dalam satu kolom widget dan akan tampil bergantian sesuai jeda waktu yang akan di tentukan seperti contoh banner di atas.

 Buat teman-teman bloger yang ingin membuat banner slide show atau banner yang tampil bergantian dalam satu kolom widget bloger berikut cara yang harus di lakukan.
  • Login.
  • Pilih tata letak > elmen halaman.
  • Tambah Widget.
  • Copy kode scrip di bawah ini taruh di widget.
<!-- --><script language="JavaScript">


<!-- Hide from JavaScript-Impaired Browsers
/* First, if you load fewer or more than 6 sponsors
into your rotator, change the "number_of_sponsors" variable
to the actual number of sponsor .gifs you plan to
load. */
number_of_sponsors=6;


var sctr=0;
var halt=0;
var isn=new Array();
for (i=0;i<number_of_sponsors;i++){
isn[i]=new Image();
}


/* The sponsor .gif names are loaded into the isn[x]
sponsor images array. You may load any number of
sponsor images (.gif or .jpg or both) into this
array. They must all be the same size, however.
Substitute your own .gif filenames for the ones
shown here. Note that the first .gif must appear
in the isn[0] array element. */
isn[0].src="http://h1.ripway.com/rudi77/26456_468x60d.gif";
isn[1].src="http://h1.ripway.com/rudi77/banner3.gif";
isn[2].src="http://h1.ripway.com/rudi77/ban_04.gif";
isn[3].src="http://h1.ripway.com/rudi77/FFZ_468x60_aa_01b.gif";
isn[4].src="http://h1.ripway.com/rudi77/p.gif";
isn[5].src="http://h1.ripway.com/rudi77/trekpay_60x468.jpg";


/* Finally, replace the URL's below with those of
your sponsors IN THE SAME ORDER. */
var durl=new Array();
durl[0]="http://d0e4a9f0.linkbucks.com/";
durl[1]="http://f167ff1e.linkbucks.com";
durl[2]="https://www.alertpay.com/?6CBL0NDZkv0nCwjDwuNznA%3d%3d";
durl[3]="http://d0e4a9f0.linkbucks.com";
durl[4]="http://f167ff1e.linkbucks.com";
durl[5]="http://8952d67b.linkbucks.com";


/* This script is set to rotate every 5 seconds.
(5000=5 seconds, so 30000 would equal 30, etc)
You should change the number in the setTimeout()
call below for the number of seconds you wish. */
function rotateIt(){
if (halt!=1){
sctr++;
if (sctr>number_of_sponsors-1){
sctr=0;
}
document.sponsor.src=isn[sctr].src;
setTimeout("rotateIt()",10000);
}
}


/* This code will work just fine with or without
frames. However, if you are in frames and wish
to replicate the TARGET="_top" call to remove
frames, change the location.href call to:
parent.location.href=durl[sctr];
below. */
function doIt(){
halt=1;
location.href=durl[sctr];
}


function dispIt(){
parent.window.status=durl[sctr];
}
// End Hiding -->


</script>


<center><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a onmouseover="dispIt();return true;" href="http://your url.html" onclick="doIt();return false"><img border="0" width="468" src="http://whatever the name is.gif" name="sponsor" height="60"/></a></td>
</tr>
</table></center>
<!-- this script and more free from a1javascripts.com -->


<!-- -->
<script language="JavaScript">
<!-- Hide JavaScript from Java-Impaired Browsers
sctr=0;
rotateIt();
// End Hiding -->
</script>
<!-- -->
Keterangan 
Ganti code yang berwarna di atas. atau mau download code scripnya di sini
  • Url tujuan banner bila di klik.
  • Jeda waktu slide show
  • Lebar widget.
  • tinggi widget.

Kalau mau tambah bannernya tinggal ditambah aja,
 Misalnya untuk link banner/gambar
isn[No Urut].src="Link gambar";


Untuk Url Tujuan banner kaq di bawah ni
durl[No Urut]="Link Tujuan Banner";

Jangan lupa Jumblah banner yang di tampilkan harus sesuaiYang ada di kode scrip misalnya ada 10 banner yang di pasang berarti statusnya 10 biar gak ribet tu liat di code scripnya yang warna kaq gini.

Kalau sudah  klik simpan dan lihat hasilnya .

Untuk pemasangan dua kolom yang berbeda tema-teman bisa cobak sendiri karna saya pernah cobak tapi malah keduanya jadi eror.
Kalau bingung tanya aja via COMMENT
Selamat Mencoba Semoga Berhasil.......!!!!

Rabu, 23 September 2009

Cara Posting Code HTML Di Bloger

Dulu sebelum tahu caranya kalo mau posting ada kode HTML-nya begitu disimpan selalu kodenya berubah…
Nah ini ada caranya supaya kode HTML di postingan artikel kita tidak berubah begini caranya…
  • Anda klik dulu di sini
  • Masukkan kode HTML/Java Script yang ingin anda tampilkan pada artikel anda di kotak merah terus klik aja Encode
  • Kopi paste kode hasil Encode tersebut dan ditaruh di artikel anda (taruh di HTML bukan yg Visual ya…)

    Hasilnya kaq di bawah ini
<a href="http://batamcyber.wordpress.com/" title="Blog Hahahaha" target="_blank"> <img src="http://i630.photobucket.com/albums/uu25/cyber_40/btm-cyberblog.gif" border="0" alt="BTM CYBER"></a>



  • kalau di copi taruh di sidebar hasilnya kayak di bawah ini
BTM CYBER
  • Terbitkan entri dah selesai
  • Gampang to iya to enak to hehehe


Cara Buat Tag Cloud ( tag yang berputar-putar )

Mungkin ada diantara teman yang masih pemula yang senang menghias blog dengan membuat atau menambah tag (label) yang berputar ketika pointer mouse diarahkan ke tag atau label tersebut. Biasanya tag cloud ditempatkan di sidebar blog.
Anda bisa menambahkan script ke template anda untuk bisa menampilkan tag (label) cloud tersebut di sidebar.


Contohnya bisa dilihat di bawah ini:





Oke bro lang sung aja kita mulai dengan melihat gambar di bawah ini:

klik gambar biar gede




Pertama setelah login masuk ke Dasbord
  1. Pilih Tata letak.
  2. Edit HTML.
  3. Download template lengkap ( Gunanya untuk cadangan, kalau seandainya ada masalah dengan template nya nanti )
  4. Beri tanda centeng pada kotak Expand Template Widget.
  5. Cari code di bawah ini 
    <b:section class='sidebar' id='sidebar' preferred='yes'>

     ( Agar lebih gampang gunakan menu ( Edit > Fine on this page ) pada broswer anda copy code di atas paste di kotak fine lalu klik Fine Nex) kalau tidak ketemu terpaksa gunakan cara manual.      Kalau sudah ketemu copy code di bawah ini dan letakkan tepat di bawah code di atas,

<b:widget id='Label100' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>




  6.  Save template.
Dah rampung
Keterangan:
  • #ffffff adalah warna beground
  • 240 adalah Lebar widget
  • 300 adalah tinggi widget
  • 333333 adalah warna tex
Kalau sukses gambarnya kaya di SIDEBAR  samping. Mohon Maaf Scrip JS sudah tidak berfungsi akan segera di update Trimakasih.....

 
Powered by Blogger