Sebelum Sobat Membaca Artikel Ini Ada Baiknya Sobat Meng-share Atau Meng-like Artikel Ini Dan Jangan Lupa Meninggalkan Jejak Dengan Semacam Berkomentar Di Artikel Blog ini Thank's
Muhammad Qalbu Dary
x
Welcome To KxMadagascar, Bro
x

Recent Post

Posted by : Dary Sadega Mantemand Sunday, September 1, 2013

Assalamualaikum Wr Wb
Hallo Minna San ^_^ . Jumpa Lagi Nih... Abis Lagi Jutex Bikin Postingan ~xD
Oke Lah Langsung Aja Ke Artikel Tentang Cara Memasang Author Box Ala KxMadagascar
Nih SS nya

Oke Langsung Aja Ke TKP 

1 . Log In Blogger
2 . Pergi Ke Template
3 . Klik Edit HTML
4 . Cari Kode <body>
5 . Masukan Kode Berikut Tepat Di Bawah Kode <body>
<style type='text/css'>
.profile{
  display: block;
  width: 300px;
  height: 340px;
  border-radius:0px 0px 10px 10px;
  background: #fff;
  box-shadow: 0 10px 10px rgba(0,0,0,.25);
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  margin-bottom:20px;
}
.pic{
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background: rgba(101,132,124,.5);
  border: 6px solid #66847C;
  border-bottom:6px double #66847c;
  border-top:6px double #66847c;
  margin: auto;
  z-index: 10;
  overflow: hidden;
  text-align: right;
  cursor: pointer;
  -webkit-transition: all .35s ease-out;
  -moz-transition: all .25s;
}
.img{
  background: #FDF6E3;
  border-radius: 60px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0,0,0,.6);
  z-index: 10;
}
h4{
  margin: 30px 0 0 0;
  font-size: 18px;
  color: #66847C;
  text-shadow: 0 2px 5px rgba(0,0,0,.15);
}
p{
  margin-top: 5px;
  font-size: 14px;
  color: rgba(101,132,124,.7);
}
.icon-plus{
  float: right;
  font-size: 25px;
  text-shadow: 0 2px 5px rgba(0,0,0,.5);
  position: relative;
  top: -60px;
  right: -25px;
  color: #fff;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
}
.profile:hover > .pic{
  box-shadow:0 00 13px #66847C;
}
.pic:hover{
  background: rgba(101,132,124,.65);
}
.pic:hover > .icon-ok{
   right: -5px
}
.pic.active > .icon-ok{
  opacity: 1;
  color: #66847C;
}
.profile:hover > .pic .icon-plus{
  opacity: 1;
  right: 15px;
}
.pic.active > .icon-plus{
  left: 1000px;
}
.icon-ok{
  float: right;
  font-size: 25px;
  text-shadow: 0 -1px 1px rgba(0,0,0,.6), 0 1px 1px rgba(255,255,255,.15);
  position: relative;
  top: -60px;
  right: -50px;
  color: #66847C;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all .2s;
  -moz-transition: all .25s;
}
#leader {
  background: #66847C;
  height: 50px;
  width:300px;
  position: inherit;
}
#logo {
  color: #FFF;
  text-align: center;
  padding-top:15px;
  font-weight: 800;
  position: inherit;
  background: rgba(225,225,225,.3);
  height: 35px;
  width: 150px;
  margin:auto;
  font-size:13pt;
}
</style>
6 . Sekarang Cari Kode <div id='sidebar-wrapper'> Atau <div id='sidebar'> ( Semua Template Berbeda - Beda Kode Jadi Cari Lah Yang Berhubungan Dengan Sidebar )
7 . Masukan Kode Berikut Tepat Di Bawah Kode  <div id='sidebar-wrapper'> Atau <div id='sidebar'>
<div id='leader'>
        <div id='logo'>AUTHOR</div>
      </div>
<div class='profile'>
<div class='pic'>
<div class='img'><img src='http://4.bp.blogspot.com/-40eSpcTLPXo/UeWicqqhD2I/AAAAAAAAGyU/noEoeYNVxZI/s1600/miku-icon.jpg'/></div>
</div>
              <h4 style='font-size: 17px;color: #66847c;margin: 5px;'>Muhammad Qalbu Dary</h4>
              <p>Yosh.. Akhirnya KxMadagascar Dengan Style Baru Dan Unik,Ya.. Walaupun Masih Berantakan Dan Belum Sempurna. Oke Perkenalkan Dulu Bagi Yang Belum Tahu Nama Saya Muhammad Qalbu Dary. Jika Ingin Bertanya Sesuatu Ke Saya Silahkan Add/Follow/Join Circles. Tuh Udah Ada Yang Melayang-Layang ~Xd</p>
</div>
8 . Simpan ( Untuk Itu Mohon Di Pratinjau Dahulu .. Oke Baru Di Simpan )

Selesai kan...
Jika Ingin Bertanya .. Silahkan Komentar Di Bawah Ini Atau PM
Insyallah Saya Akan Menangapi Pertanyaan Sobat ^_^
Sekian Artikel Cara Memasang Author Box Ala KxMadagascar
Wassalamualaikum Wr Wb

{ 5 comments... read them below or Comment }

  1. partamax... keren nanti sy mau coba :D

    comment back : www.sandy-shared.com

    ReplyDelete
  2. ini Kapan" aja Kupasang, Lagi Males :v

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete

Peraturan Komentar KxMadagascar
◄════════════════════════►
No Spam
No Sara
No Bahasa Kasar
No Menyebarkan Link Jebakan

Berkomentar Lah Dengan Sopan Dan Santun
◄════════════════════════════►

- Copyright © 2013 Supported By 9DesiMeter | Designed by KxMadagascar | Template by Johanes Djogan -