Selasa, 21 Juni 2011

Cara Membuat Tombol/Button di Blog Blogspot

| Selasa, 21 Juni 2011 | 2 komentar



Cara membuat tombol untuk blog blogger sangatlah gampang, karena kita hanya membutuhkan beberapa kode HTML yang amat singkat. Beberapa tujuan pembuatan tombol atau button ini hanya agar tampilan tulisan maupun link yang kita sediakan terlihat lebih menarik. Selain itu dengan tampilan tombol akan terlihat lebih unik daripada hanya sekedar tulisan saja.


Sebagai contoh, berikut adalah tulisan yang dibentuk dengan gaya tombol/button namun tidak mengandung link

Belajar Membuat Blog di Blogger

Untuk membuat tombol di atas, anda hanya membutuhkan kode berikut

<button>Belajar Membuat Blog di Blogger</button>


Lalu, jika anda ingin membuat tombol yang terdapat teks dan link di dalamnya seperti berikut (diklik ya, biar tahu bedanya => santai, Link akan mengarah ke postingan ini)


Maka kode yang anda perlukan untuk membuat tampilan tombol dengan teks plus link yaitu sebagai berikut

<a href="http://zidiyuto.blogspot.com/2011/06/cara-membuat-tombol-di-blog-blogspot.html"><button>Belajar Membuat Blog di Blogger</button></a>


Jika anda ingin membuat agar linknya terbuka di tab baru, maka anda harus menggunakan kode berikut

<a href="http://zidiyuto.blogspot.com/2011/06/cara-membuat-tombol-di-blog-blogspot.html" target="blank"><button>Belajar Membuat Blog di Blogger</button></a>


Dan berikutlah hasilnya (klik yaaa...):


Oh ya, teman-teman bisa menggunakan tombol ini di dalam postingan maupun di halaman depan blog (sidebar, header, footer, dll). Bagi teman-teman yang belum tahu tentang cara penggunaannya untuk halaman depan, silahkan diperaktekkan melalui langkah-langkah berikut:

1. Login dulu ke Blogger
2. Klik menu Tata Letak
3. Klik Tambah Gadget
4. Isikan kolom kosong dengan kode tombol/buttton pilihan anda
5. Klik simpan, dan selesai...silahkan lihat hasilnya di blog anda

Semoga bermanfaat.

Silahkan Share yah sob! :
Anda sedang membaca artikel tentang Cara Membuat Tombol/Button di Blog Blogspot dan anda bisa menemukan artikel Cara Membuat Tombol/Button di Blog Blogspot ini dengan url http://zidiyuto.blogspot.com/2011/06/cara-membuat-tombol-di-blog-blogspot.html, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Tombol/Button di Blog Blogspot ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Cara Membuat Tombol/Button di Blog Blogspot sumbernya.

2 komentar:

Silahkan berkomentar kepada sobat blogger semua. Diharapkan komentar yang berkaitan dengan isi dari blog ini. Terima Kasih.



TULISKAN KOMENTAR DI BAWAH!!!

Related Posts Plugin for WordPress, Blogger...
 

Sobat Blogger

About Me

Foto Saya
Saya adalah seseorang yang senang berbagi. Oleh karena itu mari kita saling berbagi informasi di dunia maya ini.

My Status

© Copyright 2012. zidiyuto.blogspot.com . All rights reserved | zidiyuto.blogspot.com is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com