-->
Group description=

Font Colour

COLOUR CHANGER

default=
Tampilkan postingan dengan label BLOGGING. Tampilkan semua postingan
Tampilkan postingan dengan label BLOGGING. Tampilkan semua postingan

Sabtu, 07 Januari 2012

Cara Membuat efek Zooming pada gambar

;
Membuat Efek Zoom Pada Gambar di Blog Anda

Di dalam blog terutama pada postingan Anda, akan sangat menarik dan identik jika terdapat sebuah gambar atau image, hal ini penting untuk membuat suatu postingan menjadi lebih menarik. Berikut ini Saya ingin memberikan sedikit trik untuk membuat gambar / image pada blog Anda menjadi lebih menarik dengan menambahkan efek zoom in dan zoom out menggunakan kode CSS, berikut langkah-langkah nya.
Silahkan Anda login ke blogger Anda masing-masing
Masuk kebagian Rancangan, dan klik bagian Edit HTML, kemudian beri tanda centang pada bagian Expand Template Widget
Cari kode ]]></b:skin>, gunakan shortcut keyboard Ctrl + F
Setelah ketemu copy paste kode CSS berikut tepat diatas kode tadi
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }
Simpan Template Anda, dan lihat perubahan nya
sumber; awan biru 2007
»»  READMORE...
...IMAM SANTOS SALADIN AL GHAZI ZAT ZIT ZUT...
Diposting oleh di 01.57 0 komentar
Label:

Jumat, 06 Januari 2012

BACKGROUND HL TEXT

;

Contoh KODE :;"

<span style="background:blue;"> Teks yang akan diberi HL background </span>

Kamu juga bisa menggunakan KODE yang lain seperti :

<font style="background:blue;"> Teks yang akan diberi HL background </font>

Apabila KODE warna dalam bentuk angka jangan lupa di depannya diberi KODE " # ", sehingga menjadi berbentuk seperti ini :

background:#fff;

Jika kamu membutuhkan data tentang warna kamu bisa membuka tabel warna yang berisi daftar warna dana namanya di sini.

»»  READMORE...
...IMAM SANTOS SALADIN AL GHAZI ZAT ZIT ZUT...
Diposting oleh di 01.43 0 komentar
Label:

Kamis, 05 Januari 2012

TEXTAREA

;






Catatan :

1. Jika diperlukan rubah lebar texarea dengan merubah width:500px; (bisa juga dengan width:auto;)

2. Untuk merubah tinggi texarea ganti nilai pada KODE ---> row="..."

3. Nama paijo pada paijo_area dapat diganti dengan sembarang nama !

4. Untuk merubah ukuran font ganti KODE : font-size:12px; dengan ukuran yang dikehendaki .

5. "Highlight Text" pada : value="Highlight Text" dapat diganti dengan text lain seperti "Select All"

»»  READMORE...
...IMAM SANTOS SALADIN AL GHAZI ZAT ZIT ZUT...
Diposting oleh di 22.03 0 komentar
Label:

Cara Membuat jQuery Loader

;

1.  Login ke Blogger
2. Halaman Dasbor (Dasboard)
3. Klik Rancangan (Design)
4. Klik Edit HTML
5.  Cari kode <head>
6.  Copy-Paste: Copy dan pastekan javascript dan kode CSS berikut di bawah kode <head>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
<script src='http://jquery-loader.googlecode.com/files/jQuery-GR_loader.min.js' type='text/javascript'></script>
<style type="text/css" media="screen">
.QOverlay{background:#000;z-index:9999999;}
.QOverlay:before,.QOverlay:after{display:block;position:absolute;left:0;text-shadow:0 0 15px #aaa;width:100%;text-align:center;font-size:16px;font-weight:bold;}
.QOverlay:before{color:#666;top:350px;content:"Refresh jika loading terlalu lama ....!!!"; }
.QOverlay:after{top:250px;color:#f00;content:"Loading...";text-decoration:blink;}
.QLoader{background:#ccc;height:1px;}
</style>

Cari kode </body>
Copy-Paste: Copy dan pastekan javascript berikut di atas kode </body>

<script type="text/javascript">
QueryLoader.selectorPreload = "body";
QueryLoader.init();
</script>

7.  Klik kode Save Template
8.  Cek hasilnya dengan membuka blog!

Keterangan/Catatan:

Buka menu Special Tutorials di deret menu sebelah kiri jika membutuhkan panduan tentang cara menyimpan kode HTML dan cara cepat mencari kode HTML menggunakan Ctrl + F
Jika sebelumnya blog telah menggunakan jQuery-1.3.2.min.js atau jQuery yang setara dengan fungsi jQuery-1.3.2.min.js, cukup gunakan satu buah jQuery saja.
Sumber: http://www.gayadesign.com/
»»  READMORE...
...IMAM SANTOS SALADIN AL GHAZI ZAT ZIT ZUT...
Diposting oleh di 20.44 0 komentar
Label:

Kamis, 08 Desember 2011

MEMBUAT EFEK STABILO

;
Oke, kali ini Bloggertrik akan membagikan trik blog, yaitu cara membuat efek stabilo pada tulisan.

Langsung saja Bloggertrik akan memberikan contohnya dibawah ini:


Nah, ini yang dinamakan efek stabilo

Untuk membuatnya sangat mudah tinggal copy saja kodenya di bawah ini:

<span style="background-color: yellow;">Nah, ini yang dinamakan efek stabilo</span>
Nah, ini yang dinamakan efek stabilo


Efek stabilo ini bisa digunakan untuk menandai tulisan/ text yang dirasa penting di dalam artikel yang anda buat.

Silahkan diterapkan di blog..
MATUR NUWUN..
sumber

»»  READMORE...
...IMAM SANTOS SALADIN AL GHAZI ZAT ZIT ZUT...
Diposting oleh di 19.24 0 komentar
Label:
description=