Diberdayakan oleh Blogger.

You can replace this text by going to "Layout" and then "Page Elements" section. Edit " About "

Archives

Kamis, Agustus 20, 2009

Script Blog Pelangi

"Bagi shobat yang pengen tau beberapa script blog ini, shobat bisa pilih dari beberapa script dibawah ini yang cocok dengan blog shobat..
Untuk template anda bisa download sendiri atau browsing di google "cara mengubah template blog", atau kata bantu pencarian "Mengganti background blog", dll lalu ikuti petunjuknya.
Kalo' bisa sich, sebaiknya desain sendiri aja. he..he...
Blog saya hanya terdiri dari 2 gadget tambahan saja. Saya modifikasi sendiri 9 script menjadi 2 script agar loading blog kita tidak berat. Jadi saya cuma bisa ngasih 3 script dibawah ini karena sebagian ada yang saya pasang scriptnya melalui HTML, seperti Menu Horizontal (Home, My FS, My FB, My Hi5, Fisika dan Kimia). Jadi kan lumayan dapat menghemat gadget biar blog kita ga' berat.

Sebelum anda memulai bain-main alias pasang script di blog anda, sebaiknya anda simpan template anda terlebih terlebih dahulu meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan anda sudah memiliki back-up untuk mengembalikannya seperti semula.

Anda juga cek atau lihat dalu loading anda, apakah berat atau tidak. So, jika loading blog anda terasa berat, sebaiknya anda kurangi "Gadget" atau satukan beberapa script ke dalam 1 "Gadget" karena jika loading blog anda berat alias lambat saat dibuka, maka pengunjung akan lari atau males lihat blog anda coz perkerjaan yang membosankan adalah menunggu, termasuk menunggu loading blog anda. heee...
Dibawah ini adalah script Menu Horizontal blog saya:

<li class='navlinks'><a href='http://handy-ans.blogspot.com/'>Home</a></li>
<li class='navlinks'><a href='http://profiles.friendster.com/29847913'>My FS</a></li>
<li class='navlinks'><a href='http://www.facebook.com/profile.php?id=1285870753'>My FB</a></li>
<li class='navlinks'><a href='http://www.hi5.com/friend/p422483793--Burhan_Handy--html'>My FB</a></li>
<li class='navlinks'><a href='http://www.hi5.com/friend/p422483793--Burhan_Handy--html'>My Hi5</a></li>
<li class='navlinks'><a href='http://www.fisika.net'>Fisika</a></li>
<li class='navlinks'><a href='http://www.chem-is-try.org'>Kimia</a></li>

Jadi posisi script saat edit HTML, ditaruh dibawah kode:
<!-- /Title -->
<!-- Menu -->
<div id='header-menu'>
<ul>
Lalu ditutup dengan </ul> sehingga menjadi seperti ini:
<!-- /Title -->
<!-- Menu -->
<div id='header-menu'>
<ul>
<li class='navlinks'><a href='http://handy-ans.blogspot.com/'>Home</a></li>
<li class='navlinks'><a href='http://profiles.friendster.com/29847913'>My FS</a></li>
<li class='navlinks'><a href='http://www.facebook.com/profile.php?id=1285870753'>My FB</a></li>
<li class='navlinks'><a href='http://www.hi5.com/friend/p422483793--Burhan_Handy--html'>My FB</a></li>
<li class='navlinks'><a href='http://www.hi5.com/friend/p422483793--Burhan_Handy--html'>My Hi5</a></li>
<li class='navlinks'><a href='http://www.fisika.net'>Fisika</a></li>
<li class='navlinks'><a href='http://www.chem-is-try.org'>Kimia</a></li>
</ul>

Keterangan: Kemungkinan script diatas tidak sama dengan HTML Blog anda, jadi mungkin anda bisa menggunakan script yang lain.

Sedangkan script dibawah ini adalah script yang menggunakan / menambah gadged (Java Script) ke blog anda kecuali script 3 (kursor ular).

SCRIPT 1: {Buku Tamu, Tulisan Bergarak {WELCOME}, dst... Blog Archive (Tulisan Bergerak), Daftar Isi Blog Archive, Link Bergerak (Tulisan Bergerak), Daftar Isi Link Favorit, Blog My Friends (Tulisan Bergerak), Daftar Isi Blog My Friends), Tulisan Berjalan ke atas}:

<marquee onmouseover="this.stop()" onmouseout="this.start()"><span style="font-weight:bold;">{WELCOME} di Blog Pemuda Seribu Bayangan... FISIKA (Fikiranku Selalu Ingat Kamu)</span></marquee>
:z :z :z :z
<!-- Start oggix.com ShoutBox -->
<div align="center">
<iframe border="0" frameborder="0" height="550" src="http://oggix.net/shout/show/?oggixid=108539&amp;type=4&amp;smileys=1&amp;oggixcode=VU7hsVT4g5g%3D" scrolling="yes" width="185" name="shout" noresize=""> <br/> Click <a href="http://oggix.net">oggix.com for free Tagboard Shoutbox Guestbook.</a></iframe>
</div>
<!-- End oggix.com ShoutBox -->
----------------------------
<b><marquee behavior="alternate" width="100%" scrollamount="3" bgcolor="BLACK"><h2>Blog Archive:</h2></marquee></b>
----------------------------
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 200px;" class="Tabs">
<a>Kajian Ilmiyah</a>
<a>Tips Komputer</a>
</div>
<div style="width: 200px; height: 378px;" class="Pages">


<div class="Page">
<div class="Pad">
:v <a href="http://handy-ans.blogspot.com/2009/06/fisika-dan-gelombang-otak.html">Fisika dan Gelombang Otak</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/materi-dan-energi.html">Materi dan Energi</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/cahaya-pemuda-seribu-bayangan.html">Cahaya (Pemuda Seribu Bayangan)</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/hikmah-keseimbangan-penciptaan.html">Hikmah Keseimbangan Penciptaan</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/optimalisasi-potensi-intelektual-muslim.html">Optimalisasi Potensi Intelektual Muslim</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/prestasi-akademik-vs-organisasi.html ">Prestasi Akademik Vs Organisasi</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/ada-apa-dengan-cinta-aadc.html">Ada Apa Dengan Cinta (AADC)</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/kumpulan-puisi-cinta-anak-mipa.html">Kumpulan Puisi Cinta Anak MIPA</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/olimpiade-fisika-asia-dua-pelajar-sman.html">Olimpiade Fisika Asia: Dua pelajar SMAN 1 Pamekasan</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/to-be-success.html">To Be Success</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/renungan-perjuangan.html">Renungan Perjuangan</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/motivasi-hidup.html">Motivasi Hidup</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/semangat-hidup.html">Semangat Hidup</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/waktu-engkau-berumur-1-th-dia-menyuapi.html">Renungan Masa Kecil Bersama Ibu</a><br/>
</div>
</div>


<div class="Page">
<div class="Pad">
:v <a href="http://handy-ans.blogspot.com/2009/06/anti-virus-microsoft-security.html">Anti Virus Microsoft Security Essentials 1.0 Beta</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/mozilla-firefox-35-rc2.html">Mozilla Firefox 3.5 RC2</a><br/>
:v <a href="http://akhandy-ans.blogspot.com/2009/06/script-blog-pelangi_20.html">Script Blog Pelangi</a><br/>
:v <a href="http://akhandy-ans.blogspot.com/2009/06/tips-komputer-data-hilang-akibat-virus.html">Tips komputer (Data Hilang Akibat Virus, Percepat System Komputer, dll)</a><br/>
:v <a href="http://akhandy-ans.blogspot.com/2009/06/tips-komputer-basmi-virus-bersihkan.html ">Tips Komputer (Basmi Virus, Bersihkan Komputer Windows, dll)</a><br/>
:v <a href="http://akhandy-ans.blogspot.com/2009/06/ccleaner-pembersih-komputer.html ">CCleaner Pembersih Komputer</a><br/>
:v <a href="http://akhandy-ans.blogspot.com/2009/06/bagi-shobat-pengguna-internet-yang.html">Opera 10 Versi Beta</a><br/>
</div>
</div>


</div>
</div>
</form>


<script type="text/javascript">
tabview_initialize('TabView');
</script><br/>
----------------------------
<b><marquee behavior="alternate" width="100%" scrollamount="3" bgcolor="BLACK"><h2>Link Favorit:</h2></marquee></b>
----------------------------
<script src="http://www.geocities.com/sehatserasi72/recentpost.js"></script>
<script>var numposts = 15; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
:~<a href="http://kammi.or.id/" target="new">KAMMI Pusat. :~</a>
:~<a href="http://www.jrmn.org/" target="new">JRMN {Pusat} :~</a>
:~<a href="http://ihamafi.fisika.net/" target="new">IHAMAFI Oke. :~</a>
:~<a href="http://azzamislamica.blogspot.com/" target="new">AIR {UIN Mlg} :~</a>
----------------------------
<b><marquee behavior="alternate" width="100%" scrollamount="3" bgcolor="BLACK"><h2>Blog My Friends:</h2></marquee></b>
----------------------------
:z <a href="http://tgk-sulis.blogspot.com/" target="new">Ustadz Dr. Sulis...</a>
:z <a href="http://alkayyiz.blogspot.com/" target="new">Ustadz Al-Kayyiz..</a>
:z <a href="http://halimizuhdy.blogspot.com/" target="new">Ustadz Halimi Z....</a>
:z <a href="http://abdulqodirqudus.blogspot.com" target="new">Ustadz Qodir's.....</a>
:z <a href="http://iqbalaje.blogspot.com/" target="new">Iqbal Joss Ajee....</a>
:z <a href="http://w4vin.blogspot.com/" target="new">Makhrus Wafin.....</a>
:z <a href="http://neezam.uinmalang.net/" target="new">Iqrok Wahyu P.....</a>
:z <a href="http://erikmarangga.blogspot.com/" target="new">Erik Marangga......</a>
:z <a href="http://suaidi2007.wordpress.com/" target="new">Suaidi Bakhtiar.....</a>
:z <a href="http://khansa-elbanjary.blogspot.com/" target="new">Anty Khansa's.....</a>
:z <a href="http://zona-nyaman.blogspot.com/" target="new">AbRaHaM Oke.....</a>
:z <a href="http://rubisniscoop.blogspot.com/" target="new">Ruba'ie Robins.....</a>
:z <a href="http://justlookataworld.blogspot.com/" target="new">Azie Hidayat's.....</a>
:z <a href="http://sang-gelombang.blogspot.com/" target="new">Usman Adhim......</a>
:z <a href="http://zeeszehra.blogspot.com/" target="new">Nurul Inayah.......</a>
--------------------------
<marquee direction="up" onmouseover="this.stop()" width="180" onmouseout="this.start()" scrollamount="2" height="240" align="center">
Ketika segala rumus kehidupan, senyawa keabadian, arsitek keagungan, morfologi kesucian, daya penciptaan, keseimbangan alam, dan akses semesta adalah milik allah, Lantas apa yang bisa kita banggakan..??
--------------------------
"Sesungguhnya Hidup Ini Butuh Perjuangan, Tiada Perjuangan Tanpa Pengorbanan, Tiada Pengorbanan Tanpa Kesabaran Dan Tiada Kesabaran Tanpa Keikhlasan, Dengan Keikhlasan Akan Mengantarkan Kita Pada Kesuksesan".
</marquee>

SCRIPT 2: {Yahoo Messenger, dan tulisan dibawahnya}:

<a href="ymsgr:sendIM?handy_ans"> <img src="http://opi.yahoo.com/online?u=handy_ans&amp;m=g&amp;t=14&amp;l=us"/>
</a>
--------------------------
<span style="font-style:italic;">Waktu engkau berumur 1 Th
dia menyuapi dan memandikanmu...
sebagai balasannya
kau menangis sepanjang malam.

Waktu engkau berumur 2 Th
dia mengajarimu bagaimana cara berjalan...
sebagai balasannya
kau kabur waktu dia memanggilmu.

Waktu engkau berumur 4 Th
dia memberimu pensil warna...
sebagai balasannya
kau corat coret tembok rumah dan meja makan.

Waktu engkau berumur 7 Th
dia membelikanmu bola...
sebagai balasannya
engkau melemparkan bola ke jendela tetangga.

Waktu engkau berumur 10 Th
dia mengantarmu kemana saja,
dari membeli mainan hingga berangkat ke sekolah...
sebagai balasannya
engkau bermain asyik dengan temanmu
sampai tidak dengar panggilan orang tuamu.

Waktu engkau berumur 13 Th
dia menyarankanmu untuk memotong rambut karena sudah waktunya...
sebagai balasannya.
kau bilang &#8220;Mama tidak tau mode...&#8221;

Waktu engkau berumur 15 Th
dia pulang kerja ingin memelukmu...
sebagai balasannya
kau kunci pintu kamarmu.

Waktu engkau berumur 18 Th
dia terharu menangis ketika engkau lulus SMA...
sebagai balasannya
kau berpesta dengan teman-temanmu sampai pagi.

Waktu engkau berumur 19 Th
dia membayar semua biaya kuliahmu
dan mengantarkanmu ke kampus pada hari pertama...
sebagai balasannya
kau minta diturunkan jauh dipintu gerbang biar nggak malu sama temen-temenmu
karena orang tuamu jelek dan desa.

Waktu engkau berumur 20 Th
dia bertanya &#8220;darimana saja kamu seharian ini?&#8221;
sebagai balasannya
kau menjawab : &#8220;Ah, cerewet amat sih. Pingin tau urusan anak muda aja&#8221;.

Waktu engkau berumur 25 Th
dia membantu membiayai pernikahanmu..
sebagai balasannya
engkau pindah ke kota lain menjauhi orang tuamu.

Waktu engkau berumur 30 Th
dia memberimu nasehat bagaimana merawat bayimu...
sebagai balasannya ...
engakau katakan : &#8220;Sekarang jamannya sudah beda, Ma...&#8221;

Waktu engkau berumur 35 Th
dia menelponmu untuk di antar ke acara syukuran salah satu saudaranya
sebagai balasannya...
engkau menjawab : &#8220;Aku sibuk sekali, banyak kerjaan Ma...&#8221;

Waktu engkau sudah dewasa
dia sakit-sakitan sehingga memerlukan perawatanmu ...
sebagai balasannya
engkau merasa direpotkan oleh orang tuamu.

dan hingga SUATU HARI,
dia MENINGGAL dengan tenang...
tiba-tiba engkau teringat semua yang belum pernah engkau lakukan, ...
dan itu menghantam HATIMU bagaikan pukulan GODAM</span>
--------------------------
Maka..
Jika orang tuamu masih ada,
berikanlah kasih sayang dan perhatian lebih dari yang yang pernah engkau berikan selama ini...

Jika orang tuamu sudah tiada, ingatlah kasih sayang dan cintanya yang telah diberikannya dengan tulus ikhlas kepadamu... Do'akanlah, dan mohonkalah kepada Allah ampunan bagi keduanya...

(By: Handy)

SCRIPT 3: {Script Kursor Ular}

Login ke account blogger anda.
Pilih Tata Letak --> Edit HTML.
Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template anda dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan anda sudah memiliki back-up untuk mengembalikannya seperti semula.
Cari kode </head>
Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard dan untuk Opera tekan Ctrl+F (Control F). Maka akan muncul menu toolbar pencarian (untuk Firefox ada di bawah browser), sehingga anda tinggal memasukkan kata yang ingin dicari.
Kalau sudah ketemu, copy paste kode berikut diatas kode </head> tadi:

<style type='text/css'>
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type='text/javascript'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/

;(function(){

// Your message here (QUOTED STRING)
var msg = "Masukkan teks kamu disini";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>

Catatan :
Ganti kode yang dicetak tebal dengan teks yang akan anda tampilkan (mengikuti kursor).
Ganti kode yang var size = 44, apabila anda ingin merubah ukuran teks.
Jangan lupa disimpan.

Sedangkan untuk script dibawah ini adalah script blog saya sebelumnya. Contohnya: disini

SCRIPT 1: (gambar melayang/lari2 dipojok kiri blog saya)

Anda ikuti aja petunjuk pada link ini: Tips-Trik

SCRIPT 2:
(Tulisan bergerak kekiri-kanan pada blog saya & saya gabungkan dengan bintang-bintang berjatuhan):

<b><marquee behavior="alternate" width="100%" scrollamount="3" bgcolor="RED">Sesungguhnya Hidup Ini Butuh Perjuangan, Pengorbanan, Kesabaran dan Keikhlasan</marquee></b>

*
*
*

<marquee direction="lift" width="100%" scrollamount="2" height="20" align="center">Lakukan Segala Sesuatu Atas Dasar Cinta Karena Cinta Akan Merubah Persepsi Kita Tentang Waktu</marquee>

*
*
*

<b><marquee behavior="alternate" width="100%" scrollamount="3" bgcolor="RED">FISIKA (Fikiranku Selalu Ingat Kamu)</marquee></b>

<script src="http://www.geocities.com/sehatserasi72/efekbintangberjatuhan.js"></script>

Keterangan: Ada 4 macam script tersebut saya gabung menjadi satu dengan memberi jarak dengan 3 tanda bintang (hasilnya seperti contoh di blog saya) biar jarak tulisan yang atas dgn yang dibawahnya ga' terlalu rapat, sekaligus biar blog kita ga' berat kalo' kebanyakan "Gadget". Klo' anda ga' suka bintang-bintang berjatuhan tadi, anda bisa hapus script diatas (script paling bawah) yaitu:

<script src="http://www.geocities.com/sehatserasi72/efekbintangberjatuhan.js"></script>

dan untuk begron warna tulisan bergerak sperti "Sesungguhnya Hidup Ini, dst / FISIKA (Fikiranku Selalu ingat Kamu)" anda bisa ganti kata-katanya dan warna begronnya dengan mengubah "RED" pada script. Misal warna biru "BLUE", dsb. jadi anda tinggal sesuaikan warnanya dengan blog anda. Setelah selesai anda simpan.

SCRIPT 3:
(Menu Horizontal diatas Posting Artikel saya seperti: My FS, My FB, My Hi5, Info PKS, Physics, Chemistry) adalah sebagai berikut:

<div id="tabshori">
<ul>
<li><a href="http://profiles.friendster.com/29847913" target="new"><span>My FS</span></a></li>
<li><a href="http://www.facebook.com/profile.php?id=1285870753" target="new"><span>My FB</span></a></li>
<li><a href="http://www.hi5.com/friend/p422483793--Burhan_Handy--html" target="new"><span>My Hi5</span></a></li>
<li><a href="http://www.pk-sejahtera.org/v2/index.php" target="new"><span>Info PKS</span></a></li>
<li><a href="http://www.fisika.net" target="new"><span>Physics</span></a></li>
<li><a href="http://www.chem-is-try.org/" target="new"><span>Chemistry</span></a></li>
</ul>
</div>

Anda tinggal ganti link diatas dan judulnya lalu simpan.

SCRIPT 4: (Status Yahoo Messenger)

<a href="ymsgr:sendIM?handy_ans"> <img src="http://opi.yahoo.com/online?u=handy_ans&amp;m=g&amp;t=2&amp;l=us"/>
</a>



Anda ganti: handy_ans dgn ID YM anda.. Ganti angka 2 dengan sembarang angka dari 1-15 untuk memilih bentuk YM..
Keterangan: Tapi milik saya udah saya hapus coz kebanyakan gadget..

SCRIPT 5: {10 (Karya Baru)}

<script src="http://www.geocities.com/sehatserasi72/recentpost.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://handy-ans.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>


Anda ganti link blog saya: http://handy-ans.blogspot.com dengan link blog anda, jadi semua artikel / tulisan posting secara otomatis terpampang alias tampil di blog. Anda bisa ganti huruf 10 sesuai dengan jumlah artikel atau tulisan yang mau ditampilkan (Milik saya hanya ditampilkan 10).
Keterangan:

SCRIPT 6: (Blog My Friends)

<marquee direction="up" onmouseover="this.stop()" width="120" onmouseout="this.start()" scrollamount="2" height="270" align="center">


1. <a href="http://iqbalaje.blogspot.com/" target="new">Iqbal Joss Aje</a>
2. <a href="http://w4vin.blogspot.com/" target="new">Makhrus Wafin</a>
3. <a href="http://neezam.uinmalang.net/" target="new">Iqrok Wahyu P</a>
4. <a href="http://erikmarangga.blogspot.com/" target="new">Erik Marangga</a>
5. <a href="http://suaidi2007.wordpress.com/" target="new">Suaidi Bakhtiar</a>
6. <a href="http://khansa-elbanjary.blogspot.com/" target="new">Anty el-Khansa</a>
7. <a href="http://zona-nyaman.blogspot.com/" target="new">AbRaHaM ZoNe</a>
8. <a href="http://rubisniscoop.blogspot.com/" target="new">Ruba'ie Robin</a>
9. <a href="http://justlookataworld.blogspot.com/" target="new">Azie Hidayat</a>
10. <a href="http://sang-gelombang.blogspot.com/" target="new">Usman Adhim</a>
11. <a href="http://tgk-sulis.blogspot.com/" target="new">Ustadz Sulis</a>
12. <a href="http://halimizuhdy.blogspot.com/" target="new">Ustadz Halimi</a>
13. <a href="http://abdulqodirqudus.blogspot.com" target="new">Ustadz Qodir</a>
14. <a href="http://alkayyizblogspot.com/" target="new">Ustadz Ahmad</a>
</marquee>



Silahkan ganti link diatas dan juga nama teman2 saya dengan alamat blog teman anda dan jangan lupa ganti ukuran lebar width=120, sesuaikankan dengan posisi penempatannya di blog anda..
Keterangan:: Ini versi sebelumnya tapi saya udah modifikasi scriptnya dan saya gabung dengan Link Favorit dibawah ini ke dalam satu gadget.. (Lihat script 17 dan hasil tampilannya pake' Opera di blog saya)

SCRIPT 7: (Link Favorit)

<script src="http://www.geocities.com/sehatserasi72/recentpost.js"></script>
<script>var numposts = 15; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
1.) <a href="http://kammi.or.id/" target="new">KAMMI Pusat</a>
2.) <a href="http://www.jrmn.org/" target="new">JRMN Pusat</a>
3.) <a href="http://ihamafi.fisika.net/" target="new">IHAMAFI Oke</a>
4.) <a href="http://azzamislamica.blogspot.com/" target="new">AIR UIN Mlg</a>



Silahkan ganti link diatas dan juga nama linknya dengan alamat link yang pengen anda tampilkan dan jangan lupa ganti ukuran lebar width=120, sesuaikankan dengan posisi penempatannya di blog anda..
Keterangan: Ini juga versi sebelumnya tapi udah saya modifikasi scriptnya dan disatukan dengan script Blog My Friends. Ntar lihat scriptnya di script 17.

SCRIPT 8: (Gratis Isi Buku Tamu)

Untuk script buku tamu sebaiknya anda Registrasi (Register) ke http://oggix.com
Contoh scriptnya seperti dibawah ini (tapi ini khusus blog saya dan anda harus daftar dulu dan masukkan URL blog anda, ntar anda akan dapat script blog anda seperti dibawah ini dan anda tinggal pilih warna sesuai dengan blog anda dan juga anda bisa memasang foto anda yang paling cakep), yaitu dengan "Click here" to upload your avatar setelah anda regestrasi, kemudian anda login.

Contoh script Buku Tamu Blog saya:

<!-- Start oggix.com ShoutBox -->
<div align="center">
<iframe border="0" frameborder="0" height="500" src="http://oggix.net/shout/show/?oggixid=105158&type=4&smileys=1&oggixcode=t1hdc%2F1rZeE%3D" scrolling="yes" width="200" name="shout" noresize>
Click <a href="http://oggix.net">oggix.com for free Tagboard Shoutbox Guestbook.</a></iframe>
</div>
<!-- End oggix.com ShoutBox -->



Jika anda pengen kasih kata2 diatas buku tamu seperti milik saya, misal WELCOME di Blog Pelangi, dst. Silahkan anda taruh scrip dibawah ini diatas script buku tamu anda dalam satu kotak "Gadget", lalu anda ganti kata2: {WELCOME} di Blog Pelangi..., dst sesuai dengan selera anda.

<marquee onmouseover="this.stop()" onmouseout="this.start()">{WELCOME} di Blog Pelangi.. Sebaiknya gunakan Opera agar Animasi Blog berjalan dgn baik.. Bandingkan hasilnya dgn Mozilla Firefox, dll.</marquee>



SCRIPT 9: Read More (Baca Selanjutnya...) atau potongan artikel, ikuti langkah berikut ini :

1. Login ke account blogger
2. Pilih menu "Layout / Tata Letak --> Edit HTML"
3. Beri tanda centang pada kotak "Expand Widget Template"
4. Cari script berikut ini:

<data:post.body/>

atau

<p><data:post.body/></p>



Hapus script diatas, lalu ganti dengan script di bawah ini:

<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/>
<a expr:href='data:post.url'><strong>Baca Selengkapnya...</strong></a></p>
</b:if>



Langkah berikutnya:

Pilih menu "Setting / Pengaturan --> Formatting / Format"
Dibagian bawah ada kotak yang bertuliskan "Post Template (Template Posting)", isi text area kosong tersebut dengan kode di bawah ini :

<span class="fullpost">

</span>



Simpan Pengaturan

Cara Posting Artikel:

Pilih menu Posting
Pilih menu "Edit HTML" bukan yang " Compose/Tulis", maka secara otomatis tampak kode yang telah kita setting tadi, yaitu :

<span class="fullpost">

</span>



Tuliskan artikel yang ingin tampak pada blog sebelum kode : <span class="fullpost">

Sedangkan sisa artikel sesudah kode di atas tadi dan sebelum kode : </span>

Terakhir publikasikan artikel anda..

SCRIPT 10: Cara Menambahkan Link URL ke dalam Tulisan:

Langkah pertama, anda sorot/highlight/block kata yang akan anda masukkan link (seperti contoh pada gambar), misalkan kata ini: Blog Pelangi.
Jika anda klik kata "Blog Pelangi" itu, maka akan langsung terhubung ke Blog yang dimaksud. Jadi saat menulis (posting) artikel, anda sorot/highlight/block dulu kata yang akan anda masukkan link, lalu arahkan pointer/mouse Anda ke bagian tool untuk memilih memasukkan link tersebut. Posisi tool tersebut ada diatas kotak, tepatnya disamping kanan tanda i (baris ketiga dari kiri) diatasnya kotak posting. Seperti contoh gambar dibawah ini dibawah ini:
Kalau anda arahkan cursor mouse pada tool tersebut, akan muncul tulisan dibawahnya "masukkan tautan", lalu anda klik tool tersebut dan masukkan link (tautan) pada kata yang sudah anda highlight/block.

SCRIPT 11: Membuat Link dengan Tab Baru (New Tab):

Jika anda buka (klik) salah satu link blog maka halamannya akan terbuka seketika disitu juga dan yang pasti halaman sebelumnya akan tergantikan (blog tersebut diambil alih posisinya).
Trus gimana caranya membuat link yang hasilnya akan di buka di windows atau tab browser lain atau baru?, :t ini nih contohnya : My Blog

Hasilnya jika anda klik maka anda akan dibawa ke halaman baru / tab baru.
Jadi setiap akhir link, anda tambahkan dengan (target="New") sebelum scriptnya ditutup, seperti contoh:

<a href="http://handy-ans.blogspot.com/">My Blog</a>


Anda tambahkan setelah .com/" dengan (target="New") menjadi:

<a href="http://handy-ans.blogspot.com/" target="New">My Blog</a>



SCRIPT 12: (Membuat Text Link Berkelap-kelip)

Anda mungkin pernah lihat Text Link, begitu akan klik text link-nya, maka link tersebut berkelap-kelip kayak pelangi (seperti contoh pada blog saya). Indah sekali kelihatannya, bukan...? Mau tau cara buatnya, ikuti langkah berikut:
1. Login dulu di Blogger.com / Blogspot.com
2. Klik Tata Letak/Layout --> Edit HTML
3. Cari kode <head>
Masukkan script dibawah ini tepat dibawah kode <head> tersebut

<script src='http://www.geocities.com/sehatserasi72/rainbow.js'></script>



4. Simpan Template

SCRIPT 13:
(Menulis kode script di dalam artikel / tulisan blog)

Kalo' yang ini sebenernya ga' begitu penting sich........ tapi masih banyak yang suka dibikin bingung bagi yang blom tau.....
Seringkali saat kita menulis kode script pada blog... saat di publikasikan malah yang keluar bukan kode scriptnya, tapi malah gambar dari kode tersebut hehehe......!! Nah ! disini kuncinya mas / mbak....

Contoh kasus :

Saat kita menulis kode tulisan bergerak, seperti contoh:

<b><marquee behavior="alternate" width="100%" scrollamount="3" bgcolor="RED">FISIKA (Fikiranku Selalu Ingat Kamu)</marquee></b>



yang muncul di blog malah kayak gini:

FISIKA (Fikiranku Selalu Ingat Kamu)

Nah... nah..... !!
Kadang bagi yang belum tahu caranya, sampai kiamat jg ga' bakalan bisa menampilkan kode2 tersebut di blog.
Itu dikarenakan pihak blogger secara otomatis akan langsung menerjemahkan kode apapun kedalam bentuk aslinya.
Untuk mengatasi hal tersebut...... kita harus memparse PARSE atau mengganti beberapa simbol atau kode html itu paham ????
Kalo' lom paham, mendingan pake' cara yang instant aja.....
Gini nich caraya: Copy tuh kode diatas trus masuk ke sini, trus pastekan kode tersebut dikotak sebelah atas trus klik tombol PARSE yang ada dibawah kotak tersebut.
Trus akan muncul huruf pengganti dari kode2 tersebut diatas, trus tinggal di Copy lagi aja, trus tinggal dipaste ke dalam tulisan anda di blog (saat edit entri atau saat buat entri baru).
Trus, trus, trusss....................
Liat aja hasilnya... !! Kita akan bisa menulis kode script dengan sempurna dan sesuai selera kita O.K ? bisa dimengerti sekarang ?

Ingat..!! Lakukan hal tersebut setiap kali kita akan menulis kode script pada blog..!!!

SCRIPT 14: Memberi Highlight Pada Postingan Artikel:

Highlight fungsinya hanya untuk memperjelas kata-kata yang ingin ditonjolkan oleh penulis. Trik ini tentunya akan mempercantik blog Anda.
Untuk membuatnya ikuti langkah-langkah berikut:
1. Login ke Blogger
2. Pilih menu "Layout-->Edit HTML"
3. Cari kode ]]></b:skin>
4. Kemudian copy kode dibawah ini lalu pasang sebelum kode ]]></b:skin>

.alert { background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}



Kalo' udah selesai, kemudian Simpan Template

Keterangan:

background: #DDE4FF; adalah warna background-nya bisa kamu ganti sesukanya. Untuk melihat kode warna HTML klik disini.
border:1px dotted
adalah garis tepinya "1px" yaitu ketebalan dari garis tepinya, bisa diganti ketebalannya dengan yang lain sesuaikan dengan template anda, sedangkan "dotted" adalah jenis border pada kotak highlight script. Untuk melihat jenis-jenis border klik disini.
#223344 adalah kode warna border.
padding:5px 5px 5px 5px;
Untuk memberi batas garis tepi dengan tulisan sebesar 5 px

Cara Posting:

Pada saat ingin membuat postingan baru, pilih yang "Edit HTML" bukan yang "Tulis".
Supaya kode/scriptnya bisa ada tepat di kotak Highlight,untuk memposting sebuah postingan harus pakai cara-cara tertentu. Yaitu dengan menambahkan kode <p class="alert"> sebelum kode/script yang akan diberi highlight. Kemudian ditambahkan kode </p> diakhir script/Kode.
Seperti Contoh:

<p class="alert">

"Postingan Yang Mau di Highlight"

</p>

SCRIPT 15: (Cara Buat Icon Address Bar atau Favicon Blog dan Website)

Banyak para netter pemula (newbie) atau mungkin para netter lain yang mungkin bingung gimana cara buat favicon atau icon yang bisa muncul di address bar yang bisa menunjukkan identitas si pemilik blog atau website (seperti gambar huruf B samping alamat / URL blog saya diatas).
Akan saya beberkan sedikit cara untuk membuatnya, tapi ini khusus untuk di BLOGGER bukan di WORDPRESS sebab di BLOGGER ada format untuk edit HTML. Gimana, Pengen tau caranya? Yupz, gini Mas/ Mbak caranya:

1.Cari format yang bertuliskan:
]]></b:skin>

2. Lalu paste kode HTML ini:

<link href='http://i465.photobucket.com/albums/rr20/jakabanda/JBGIF-1.gif' rel='SHORTCUT ICON'/>



Tepat dibawah ]]></b:skin> jadi formatnya:

]]></b:skin>
<link href='http://i465.photobucket.com/albums/rr20/jakabanda/JBGIF-1.gif' rel='SHORTCUT ICON'/>


Kode HTML: 'http://i465.photobucket.com/albums/rr20/jakabanda/JBGIF-1.gif' ganti dengan kode HTML icon milik Anda. Ukuran icon saya sarankan berukuran 16 x 16 pixel, bisa format apa saja: GIF (gambar animasi) atau PNG (gambar icon non animasi) atau bisa dengan format lain. Anda bisa upload icon atau gambar Anda di photobucket.com lalu edit image saja di sana, daftar gratis.

3. Setelah selesai simpan template

Saya Pake' kode HTML diatas saja karena sesuai dengan huruf awal nama saya (Burhan), jadi enak tinggal copy-paste..

SCRIPT 16: (Memasang emoticon pada postingan blog):

Terkadang pada blogger kita ingin menuliskan suatu artikel dengan Emoticon... tapi tentunya kita juga kepengen banget ada wajah yang menggambarkan keadaan kita saat menuliskan artikel tersebut... nah itu disebut juga EMOTICON... contohnya: :z :d ;)
Seperti yang kita tau bersama bahwa emoticon hanya sering dijumpai pada Yahoo Messenger, akan tetapi untuk diblog kita harus menambahkan sendiri..
So, kali ini saya coba membahasnya..

Persyaratan:
1. mempunyai akun BLOGGER atau blog lainnya
2. mau mencoba dan berusaha
3. berdoa

Oke lansung aja kita terapkan:

1. Masuk / login ke blogger anda
2. Pada dasbor, klik Tata Letak (Layout)
3. Pilih / klik Edit HTML
4. Masukkan script di bawah ini persis dibawah kode ]]></b:skin>

<script src='http://kendhin.890m.com/smile/smile.js' type='text/javascript'/>



5. Simpan hasil pekerjaan anda.
6. Mulai melakukan penulisan pada blog anda, untuk mencoba hasil pekerjaan anda.

Perlu diketahui bahwa untuk membuat emoticon pada saat menulis di blog harus memakai format penulisan seperti dibawah ini.

:) --> :)
:D --> :D
:$ --> :$
:( --> :(
:p --> :p
;) --> ;)
:k --> ;)
:@ --> :k
:# --> :#
:x --> :x
:o --> :o
:L --> :L
:z --> :z
:r --> :r
:y --> :y
:t --> :t
:s --> :s
:~ --> :~
:v --> :v
:f --> :f
:d --> :d
:c --> :c

Tapi penulisannya ga' boleh pake' spasi coz tentunya ga' akan berubah Formatnya menjadi gambar emoticon
Ok selamat mencoba, semoga anda berhasil... jika anda gagal bisa segera menghubungi No ini: 08170337266 secepatnya atau bisa memberikan komentar anda di artikel ini... He..hee..heee... (b'canda koq) :z
dan jika anda berhasil, wajib kirim komentar ya..

SCRIPT 17: (Link Favorit dan 10 Karya Baru)

<script src="http://www.geocities.com/sehatserasi72/recentpost.js"></script>
<script>var numposts = 15; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
:v <a href="http://kammi.or.id/" target="new">KAMMI Pusat</a>
:v <a href="http://www.jrmn.org/" target="new">JRMN Pusat</a>
:v <a href="http://ihamafi.fisika.net/" target="new">IHAMAFI Oke</a>
:v <a href="http://azzamislamica.blogspot.com/" target="new">AIR UIN Mlg</a>
--------------------
<h2>Blog My Friends:</h2>

:v <a href="http://iqbalaje.blogspot.com/" target="new">Iqbal Joss Aje</a>
:v <a href="http://w4vin.blogspot.com/" target="new">Makhrus WFN</a>
:v <a href="http://neezam.uinmalang.net/" target="new">Iqrok Wahyu</a>
:v <a href="http://erikmarangga.blogspot.com/" target="new">Erik Marangga</a>
:v <a href="http://suaidi2007.wordpress.com/" target="new">Suaidi Bakhtr</a>
:v <a href="http://khansa-elbanjary.blogspot.com/" target="new">Anty Khansa</a>
:v <a href="http://zona-nyaman.blogspot.com/" target="new">AbRaHaM Oke</a>
:v <a href="http://rubisniscoop.blogspot.com/" target="new">Ruba'ie Robin</a>
:v <a href="http://justlookataworld.blogspot.com/" target="new">Azie Hidayat</a>
:v <a href="http://sang-gelombang.blogspot.com/" target="new">Usman Adhim</a>
:v <a href="http://tgk-sulis.blogspot.com/" target="new">Ustadz Sulis</a>
:v <a href="http://halimizuhdy.blogspot.com/" target="new">Ustadz Halimi</a>
:v <a href="http://abdulqodirqudus.blogspot.com" target="new">Ustadz Qodir</a>
:v <a href="http://alkayyizblogspot.com/" target="new">Ustadz Ahmad</a>



Untuk 3 gambar emoticon di atas Link Favorit seperti contoh blog saya, anda tinggal tambah kode emoticon sesuai dengan selera anda (tempatnya diatas dan dibawahnya script Link Favorit). Selanjutnya juga anda ganti link dan namanya sesuai dengan keinginan anda pada script Link Favorit diatas.
Note: Jika anda belum melakukan langkah SCRIPT 16, maka sebaiknya anda hilangkan semua kode emoticon pada script yang saya buat ini coz itu ga' akan bisa berfungsi di blog anda.

Setelah selesai simpan template.

SCRIPT 18: (Blog Archive / Tab View)

Dalam Tab View (Saya beri nama Blog Archive) bisa kita tampilkan Link, Komentar, Artikel postingan, Banner dll. So, karena berbentuk sebuah kotak yang bisa kita atur besarnya sehingga dapat menghemat ruang sidebar blog kita.

Mau tau cara buatnya:

1. Langkah pertama:
Login ke Account Blogger-Mu
Klik ”Layout / Tata letak” --> "Edit HTML"
Kemudian cari kode ini ]]></b:skin>
Copy-kan kode dibawah ini, letakkan sebelum atau diatas kode ]]></b:skin>

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}



Perhatikan text-text yang dicetak tebal, itu adalah keterangan yang ada di Tab View. Ada ukuran, style border dan warna dan anda bisa rubah sesuai dengan keinginan anda.
Untuk melihat kode warna klik disini.
Melihat style border klik disini.
Selanjutnya copy kode dibawah ini, letakkan sebelum kode </head>

<script src='http://www.geocities.com/sehatserasi72/tabview.js' type='text/javascript'/>



Kemudian Simpan

2. Langkah Kedua:

Pilih "Page Elements"
Trus Pilih "Add a Gadget" --> "HTML/Javascript" untuk meletakkan Tab Menu View ini.
Copy script dibawah ini kedalamnya:

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script><br/>



Kemudian Simpan.

Keterangan:
Text yang dicetak tebal (350px) dan (250px) adalah ukuran tinggi dan lebar Tab View.
Kode yang dicetak tebal (Tab 1, Tab 2, Tab 2), yang muncul di Menu utama (Menu Atas).
Kode yang dicetak tebal (Tab 1.1, Tab 1.2, Tab 1.3, dst) adalah isi dari Tab View.

Keterangan: Dibawah ini adalah contoh dari hasil langkah 1 dan 2 yang saya buat(anda tinggal ganti link dan namanya, sesuaikan dengan karya tulis atau artikel anda):

1. Langkah Pertama:

div.TabView div.Tabs a
{
float: left;
display: block;
width: 95px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Arial", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #58FAF4; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FFFF00; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}



2. Langkah kedua:

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 200px;" class="Tabs">
<a>Kajian Ilmiyah</a>
<a>Tips Komputer</a>
</div>
<div style="width: 200px; height: 330px;" class="Pages">

<div class="Page">
<div class="Pad">
:v <a href="http://handy-ans.blogspot.com/2009/05/fisika-dan-gelombang-otak_12.html">Fisika dan Gelombang Otak</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/sains-modern-telah-membuktikan-bahwa.html">Materi dan Energi</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/cahaya-pemuda-seribu-bayangan.html">Cahaya (Pemuda Seribu Bayangan)</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/04/hikmah-di-balik-keseimbangan.html">Hikmah Keseimbangan Penciptaan</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/04/optimalisasi-potensi-generasi.html">Optimalisasi Potensi Intelektual Muslim</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/prestasi-akademik-vs-organisasi.html">Prestasi Akademik Vs Organisasi</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/ada-apa-dengan-cinta-aadc.html">Ada Apa Dengan Cinta (AADC)</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/kumpulan-puisi-cinta-anak-mipa.html">Kumpulan Puisi Cinta Anak MIPA</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/olimpiade-fisika-asia-dua-pelajar-sman.html">Olimpiade Fisika Asia: Dua pelajar SMAN 1 Pamekasan</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/04/to-be-success.html">To Be Success</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/renungan-perjuangan.html">Renungan Perjuangan</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/motivasi-hidup.html">Motivasi Hidup</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/05/kebahagiaan-di-dunia-ini-bukan-diukur.html">Semangat Hidup</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/05/renungan-masa-kecil-bersama-ibu.html">Renungan Masa Kecil Bersama Ibu</a><br/>
</div>
</div>

<div class="Page">
<div class="Pad">
:v <a href="http://handy-ans.blogspot.com/2009/06/tips-komputer-data-hilang-akibat-virus.html">Tips komputer (Data Hilang Akibat Virus, Percepat System Komputer, dll)</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/tips-komputer-basmi-virus-bersihkan.html">Tips Komputer (Basmi Virus, Bersihkan Komputer Windows, dll)</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/ccleaner-pembersih-komputer.html">CCleaner Pembersih Komputer</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/script-blog-pelangi_20.html">Script Blog Pelangi</a><br/>
:v <a href="http://handy-ans.blogspot.com/2009/06/bagi-shobat-pengguna-internet-yang.html">Opera 10 Versi Beta</a><br/>
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script><br/>



Setelah selesai simpan template.

Semoga Bermanfaat…

Demikian Sekilas Info...

Note: Untuk script 2-8, anda harus Login ke Account Blogger anda, Trus pilih menu "Layout" atau "Tata Letak"
Kemudian klik pada "Add Gadget" atau "Tambah Gadget".
Lalu pilih "HTML/Javascript"

Saya kira itu beberapa script yang dapat saya berikan pada kesempatan ini. Apakah ada pertanyaan? (Cieee.... Kayak Pak. Dosen aja..!!)
Jika ada pertanyaan atau mungkin ada yang belum jelas alias ga' bisa berjalan di blog anda dari beberapa script diatas, InsyaAllah saya siap berbagi pengalaman dan pengetahuan dengan Anda...

Afwan jika hanya ini yang dapat saya berikan untuk sementara waktu.
Lain kali bisa disambung lagi..!!

Oya ada yang lupa, ada beberapa animasi seperti tulisan bergerak diblog ini, tidak bisa berjalan di Mozilla Firefox, atau mungkin juga yang lain. Dan tidak hanya blog ini, bahkan punya teman2 saya seperti Blog Iqbal Joss Aje dan Ustadz Halimi, juga tidak bisa berjalan di Mozilla Firefox. Coba anda buka blog ini menggunakan Opera, lalu anda bandingkan tampilan dan kecepatan loadingnya dengan Mozilla Firefox.!!!

Jangan lupa juga, biar blog kita ga' berat, kita siasati dengan mengurangi "Gadget". Lalu gimana caranya??? Gini nich:
Anda gabung beberapa script dalam satu "Gadget", yaitu dengan memasang script yang berbeda, dibawah script yang lain, seperti blog saya, 4 script berbeda saya gabung dalam 1 "Gadget".

Oke dech segitu dulu yah pertemuan kali ini, hehehe.. kayak kursus prifat aja nih.. tapi ga' pa2 kalo masih bingung atau pengen bertanya silahkan tanyakan lewat kotak komentar dibawah ini yah... moga aja bermanfaat..
thank's... Selamat Mencoba..!!!

By: Handy-Ans AFi2

0 komentar:

Posting Komentar