Gadget Slide Show Tulisan Background dari Bawah

---

• Contoh
• Kode
  • Penjelasan
• Install

---

Contoh

Back To Menu

---

Kode

<script type="text/javascript">
//nanoyulianto.blogspot.com/2010/07/slide-show-tulisan-yang-ke-2.html
var ncontents=new Array()

//For Text //Untuk Teks
ncontents[0]='Selamat Datang Di Blog Nano Yulianto';
ncontents[1]='Ingin Slide Show Tulisan Seperti ini';
ncontents[2]='Ikuti Tutorialnya dan Semoga Bermanfaat';

//For Style Slide Show // Untuk Tampilan Slide Show
var fontcss="font: bold 20px Verdana; color:#222222";
var tickdelay=3000;
var highlightspeed=2;
var highlightcolor="yellow";
var textalign="center"
var backdroptextcolor="#222222";

////Stop Dont edit pass this line////////////////
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('j k(){l=6=3.c;3.4.m="n("+l+"d 5 5 8)";B.C=o[7];3.C=o[7];p()}j p(){e(6>0){6-=P;3.4.m="n("+6+"d 5 5 8)";D=q("p()",Q)}r{6=l;R(D);e(7==o.S-1)7=0;r 7++;q("k()",T)}}j E(){B=2.9?2.9("f"):2.s.f;3=2.9?2.9("t"):2.s.t;u=3.F?3.F:3.U;e(V(3.c)>0)u.4.v=3.c+"d";r q("u.4.v=3.c+\'d\'",g);k()}2.b("<4>#f a{w:"+G+"}</4>");2.b(\'<h 4="x:W;y:8;z:8; A:g%;\'+X+\';Y:Z 0;">\');2.b(\'<i H="f" 4="x:I;y:0;z:0;w:\'+G+"; A:g%;J: K 0; L-M:"+N+\';"></i><i H="t" 4="L-M:\'+N+";x:I;y:0;z:0;m:n(5 5 5 8); 10-w:"+11+\'; A:g%;J: K 0"></i>\');2.b("</h>");2.b(\'<h 4="12:13;v:14;15:16;"> </h>\');O 7=0;O 6=1;e(2.s||2.9)17.18=E',62,71,'||document|crosstick|style|auto|clipbottom|currentmessage|0px|getElementById||write|offsetHeight|px|if|nslideshowbg|100|div|span|function|changetickercontent|msgheight|clip|rect|ncontents|highlightmsg|setTimeout|else|all|nshowt|crosstickParent|height|color|position|left|top|width|crosstickbg|innerHTML|beginclip|start_ticking|parentNode|backdroptextcolor|id|absolute|padding|7px|text|align|textalign|var|highlightspeed|20|clearTimeout|length|tickdelay|parentElement|parseInt|relative|fontcss|margin|20px|background|highlightcolor|clear|both|70px|display|block|window|onload'.split('|'),0,{}))
</script>

Penjelasan

Ini potongan dari kode diatas untuk disesuaikan di Blog anda.

1. Untuk Teks :

   ncontents[0]='Selamat Datang Di Blog Nano Yulianto';
   ncontents[1]='Ingin Slide Show Tulisan Seperti ini';
   ncontents[2]='Ikuti Tutorialnya dan Semoga Bermanfaat';
   

   *Teks berwarna merah diganti dengan Teks anda.

   
   

   Teks bisa ditambahkan sesuai yang anda inginkan, seperti :

   ncontents[0]='Selamat Datang Di Blog Nano Yulianto';
   ncontents[1]='Ingin Slide Show Tulisan Seperti ini';
   ncontents[2]='Ikuti Tutorialnya dan Semoga Bermanfaat';
   ncontents[3]='Tulisan Tambahan';
   ncontents[4]='Tulisan Tambahan';
   

   *Kode berwarna merah adalah Untuk Menambah Teks

   *Kode Berwarna biru adalah Angka Urutan dari Teks. Jika ingin menambahkan banyak lagi, kode angka berwarna biru harus diurutkan dan tidak boleh sama.

2. Untuk Tampilan Slide Show:

   var fontcss="font: bold 20px Verdana; color:#222222";
   var tickdelay=3000;
   var highlightspeed=2;
   var highlightcolor="yellow";
   var textalign="center"
   var backdroptextcolor="#222222";
   

   • Untuk Jenis dan Warna Huruf :

     var fontcss="font: bold 20px Verdana; color:#222222";

     bold untuk tebalnya huruf

     20px untuk ukuran huruf

     Verdana untuk jenis huruf

     #222222 untuk warna huruf

     
     

     CSS Font

     Macam-Macam Warna

   • Untuk Waktu Jeda :

     var tickdelay=3000;
     

     Untuk bergantinya dari satu teks ke teks yang lain. Semakin besar nilainya, semakin lambat.

   • Untuk Kecepatan :

     var highlightspeed=2;
     

     Untuk kecepatan background muncul. Semakin besar nilainya semakin cepat.

   • Untuk Warna Background :

     var highlightcolor="yellow";
     

     Untuk warna background yang muncul. "yellow" adalah warna standar saya, bisa diganti sesuai selera.

     Macam-Macam Warna

   • Untuk Posisi Teks :

     var textalign="center"
     

     Bisa diganti dengan "right" atau "left".

   • Untuk Warna Teks Sebelum ditutupi Background :

     var backdroptextcolor="#222222";
     

     "#222222" Ini warna teks sebelum backgound muncul. Saya sarankan untuk sama dengan background blog anda, agar terkesan teks muncul dengan background.

     Macam-Macam Warna

Back To Menu

---

Install

1. Layout >> Add a Gadget >> HTML/Javascript

   

2. Masukkan kodenya

   

3. Save

Back To Menu

---

Last update 2012-11-20