Saturday, March 21, 2015

Edit Integrasi Media Sosial


Setelah kita menambahkan Integrasi Media Sosial dibawah postingan di blog kita, caranya lihat disini

Nah sekarang kita mau merubah tampilannnya (Integrasi Media Sosial) yang kotak2 menjadi bundar, caranya:

  1. Buka blog kita yang sudah ada Integrasi Media Sosialnya dibawah Postingan, lalu inspect element

  2. Disebelah kanan ada script ini: .stButton .stLarge

    Lalu paste di CSS

    dan tambahkan scriptnya untuk membuat tampilan menjadi bulat, seperti ini:

    /*Membuat bundar Integrasi Media Sosial*/
     .stButton .stLarge {
     webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
     box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
     }


  3. Save
  4. Lihat hasilnya:



No comments:

Post a Comment

Share this posts