Pasang Tombol Button Effek Balon

Ditulis Oleh Rifki Andrean Pada Hari Selasa, 06 Agustus 2013


Anda mungkin telah melihat beberapa gelembung Tombol CSS3 untuk Demo, Unduh Etc Dalam beberapa blog ingin menjaga Tombol tersebut dalam Blog Anda sendiri. Lalu kami di sini. Hari ini kami akan menjelaskan Panduan Instalasi Lengkap CSS3 gelembung Buttons.

Seperti yang Anda lihat pada gambar di atas terdapat Besar, Menengah, Kecil & Buttons Rounded dengan empat warna yang berbeda. It Really memberikan penampilan yang cukup baik dari posting blog Anda. Jadi mengapa tidak menggunakannya.


Cara menginstal?


Hal ini sangat mudah untuk menginstal tombol gelembung di blogger posting. Hanya Anda perlu menjaga sepotong kode javascript.

  • Langkah 1. Pergi ke Blogger Dashboard >> Template >> Edit HTML
  • Langkah 2. Cari kode Berikut (Tidak perlu Klik Hitam panah yang menunjukkan di garis <b:skin> </ b: skin>
</ Head>
  • Langkah 3. Tambahkan kode di bawah ini tepat di atas javascript </ head>
  <link href='https://blogswidget.googlecode.com/svn/tags/bubble.css' rel='stylesheet' type='text/css'/> 
  • Langkah 4. Simpan Template Anda. Anda Selesai.

Cara Mendaftar di Blogger Posting.


Dalam rangka untuk menerapkannya dalam Posting Blogger Anda, Anda perlu menjaga beberapa kode di Editor Posting Anda. Beralih Editor Posting Anda dalam tampilan HTML dan Pasang kode di bawah HTML di mana Anda ingin menempatkan gelembung. Ada empat jenis penggunaan gelembung sebagai keinginan Anda. 

Untuk Tombol Big.


For Big Buttons.

Big Blue Big Green Big Orange Big Gray -
 <a href="#" class="button besar blue"> Big Tombol </ a> 

 <a href="#" class="button besar green"> Big Tombol </ a> 

 <a href="#" class="button besar orange"> Big Tombol </ a> 

 <a href="#" class="button besar gray"> Big Tombol </ a>

Untuk Tombol Medium.

Sedang Biru Sedang Hijau Medium Jeruk Medium Gray
 <a href="#" class="button biru medium"> Tombol Medium </ a> 

 <a href="#" class="button hijau medium"> Tombol Medium </ a> 

 <a href="#" class="button orange medium"> Tombol Medium </ a> 

 <a href="#" class="button abu medium"> Tombol Medium </ a>

Untuk Tombol Kecil

Kecil Biru Kecil Hijau Kecil Jeruk Gray Kecil
 <a href="#" class="button kecil blue"> Tombol Kecil </ a> 

 <a href="#" class="button kecil green"> Tombol Kecil </ a> 

 <a href="#" class="button kecil orange"> Tombol Kecil </ a> 

 <a href="#" class="button kecil gray"> Tombol Kecil </ a> 

Untuk Tombol bulat.

Rounded Hijau Bulat Biru bulat Oranye Rounded Jeruk
 <a href="#" class="button kecil hijau rounded"> Rounded </ a> 

 <a href="#" class="button biru kecil rounded"> Rounded </ a> 

 <a href="#" class="button rounded"> jeruk kecil bulat Jeruk </ a> 

 <a href="#" class="button rounded"> abu-abu kecil bulat Jeruk </ a> 

Jika Anda ingin Jauhkan tombol ini dalam posisi Tengah hanya menggunakan kode. <center> KODE TOMBOL ANDA </ center> 

Kata terakhir


Anda dapat Mengubah # nilai sebagai link Anda. Perubahan Nilai "Big Buttons" sesuai keinginan Anda. Seperti Live Demo, Unduh. Dan lain-lain 

Harapan Anda telah berhasil diterapkan di blog Anda. Jika Anda punya kebingungan kemudian Jatuh bebas untuk bertanya. 

Ditulis Oleh : Rifki Andrean Admin dari www.mamangtutorial.blogspot.com

Rifki Andrean Assalamualaikum WR, WB.
Anda sedang membaca artikel berjudul Pasang Tombol Button Effek Balon yang ditulis oleh Rifki Andrean yang berisi tentang "Pasang Tombol Button Effek Balon" Apabila anda sedang membaca, Anda tidak diperbolehkan mengcopy paste artikel ini. Hak cipta dilindungi oleh monitoring artikel.

Blog, Updated at: Selasa, Agustus 06, 2013

0 komentar:

Posting Komentar

Mari Bantu Artikel Ini, Join Sekarang !

Pencarian


mamangtutorial.blogspot.com© 2014. All Rights Reserved.
SEOCIPS Areasatu