Cara Membuat Tombol/Button Keren Di Blog v2

Tombol dan Ikon juga sangat penting bagi setiap blog be'coz mereka menunjukkan khusus dari dan baik tampilan blog apapun, jika tombol Anda sangat tampan dan memberikan nuansa profesionalisme untuk blog apapun dan jika tombol Anda tampan dan berbeda untuk lain maka bisa baik untuk blog Anda. Itu sebabnya tim kami memperkenalkan tombol CSS baru dan murni untuk blogger.

1.Login ke Blogger> Dashborad 
2.Klik pada Drop Down Menu dan pilih Template 
3.Template Anda Backup sebelum melakukan perubahan ke blog Anda
4.Sekarang Klik pada Edit HTML
5.Tekan Ctrl + F dan cari kode yang ditunjukkan di bawah ini.


  
</head>

6.Paste kode di bawah ini sebelum </head> 

 <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'></link>

7.Sekarang lagi menemukan di bawah kode


]]></b:skin>


8.Paste kode di bawah ini sebelum ]]></b:skin>


#wg-dbutton {
border:2px solid black;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background:#F8F8F8;
box-shadow:3px 3px 3px #434343;
width:130px;
margin-bottom:5px;
padding:5px;
}

#wg-dbutton a {
color:#434343;
background:#F8F8F8;
display:inline-block;
font-size:32px;
font-family: 'Yanone Kaffeesatz';
line-height:20px;
text-decoration:none;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:8px 14px;
}

#wg-dbutton a:hover {
color:#fff;
text-shadow:0 1px 0 #000;
background:#434343;
text-decoration:none;
}

9.Simpan Template Anda.

Cara Menambahkannya Di Posting Anda:

1.Pergi Ke Entri Baru Lalu Pilih HTML

2.Lalu Masukan Code Di Bawah Ke Dalamnya

<div id="wg-dbutton"><a href="#" target="_blank"><b>Live Demo</b></a></div>

Cara Mengganti:

• Ganti # Dengan Link Anda.
• Ganti Live Demo Dengan tulisan Sendiri Anda.