Tes Script Up-down Image Slideshow

Share

Ini bisa ko dipasang, langsung gw kopas dari blog ente kyuu

Tes Bikin Image Gallery

Share

Masukin gambar aja dulu semua dah

Embed Web App Software Box

Share

Pasang Webapp software box di postingan

Tes Kode Anti Klik Kanan Mouse

Share

Masudnya biar kontennya nggak bisa dicopy-paste:

Tes Opera Mini 5 Beta 2 Embed Object

Share

Pasang browser opera mini 5 emulator di posting

Tambah 3 Kolom Di Footer

Share

Buat anda yang ingin menambahkan 3 buah kolom di bagian footer blog di Blogger (blogspot.com), silahkan ikuti tutorial pemasangannya berikut ini.

Kode Stylesheet

---

Pada bagian head, cari kode ]]></b:skin>, lalu di atasnya tambahkan kode stylesheet berikut ini:

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

Kode Wrapper Footer

---

Cari kode berikut ini:

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

Catatan: Pada beberapa template blog tidak terdapat id value "footer wrapper", melainkan "footer", intinya adalah tag div untuk bagian footer.

Ganti kode <b:section class='footer' id='footer'/> tersebut di atas dengan kode berikut ini:

<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div> 

Save template, Selesai.

Silahkan beralih ke tab Page Elements, sekarang seharusnya di bagian footer sudah terdapat tiga kolom untuk widget. Silahkan anda isi widget yang diinginkan.

.

Sumber

Kode Embed TvOne Asli

Share

Tes Ubah Teks Link Jadi Tombol

Share

Ini mau tes script merubah teks link menjadi tombol (baca artikel selengkapnya di sini):
Teks link

Caranya

1. Masukkan kode ini di atas tag </head> di template:

<link href='http://sites.google.com/site/zonsdigital/pub/code/simplybtn/simplybtn.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://sites.google.com/site/zonsdigital/pub/code/simplybtn/simplybtn.js' type='text/javascript' />
<script type='text/javascript'>window.onload = function() { SimplyButtons.init(); };</script >

2. Kemudian pada teks link yang akan diubah menjadi tombol tambahkan kode dengan format seperti ini pada tag <a> (tag link):

<a id="links" class="button" href="URL-LINK"><span><span>Teks link</span></span></a>

Catatan penting:

• Kode pada tag <a> tersebut ditambahkan di mode Edit HTML (bukan mode Compose) pada Post Editor Blogger.
• Setelah menambahkan kode tersebut di mode Edit HTML, jangan kembali ke mode Compose, tapi harus langsung dipublish. Kalau tidak begitu, kode tag <span>-nya akan hilang. Jadi penambahan kode dilakukan pada saat terakhir sebelum artikel di-publish.

Agak repot? Iya, hehehe... .

.

Tes Embed Google, Facebook, Twitter, dan zonsDigital Mini

Share

Contohnya lihat widget di sidebar sebelah kanan.

Ini kodenya:

<script type="text/javascript">
zmbt_widget_width="255";
zmbt_web_area_height="302";
zmbt_mobileURL="http://zonsdigital.mofuse.mobi/?sm=1";
zmbt_mobileURLtext="zonsDigital 1";
zmbt_normalURL="http://zonsdigital.blogspot.com";
zmbt_normalURLtext="zonsDigital 2";
zmbt_link_separator=" • ";
</script>
<script src="http://sites.google.com/site/zonsweb/js/zonsminibrowsertools-0.1.txt" type="text/javascript"></script>

Tinggal ganti text warna merah saja.


.

Tes Font Burner 012345678 - Headline dan Judul dengan Font Khusus

Share

Ini buat ngetes pake font dari FontBurner, pake font jenis Corbel Bold. Tapi khusus buat tampilan headline atau judul artikel aja. Kode htmlnya harus di copy-paste ke template blogger tepat di atas tag <body>.

Bisa juga buat tampilin font khusus Corbel Bold ini di konten artikel, tapi pada teks yang kita ubah harus memasukkan kode ini:
<div class="corbel_bold">Your text here</div>

Contohnya teks ini:

Ngetes Font Burner http://www.fontburner.com

.