Cara Mudah Membuat Author Box Profil Yang Keren Seperti Jagoandzgn, Showdzgn, Pada Vmagz

==Iklan Dipate Disini===

Cara Mudah Membuat Author Box Profil Yang Keren Seperti Jagoandzgn, Showdzgn, Pada Viomagz Lapakinfo.net - Pada kesempatan kali ini saya akan membagian sebuah cara membuat author box yang keren seperti jagoandzgn, dengan menggunakan author box pada blog kalian itu bisa membuat nila plus terhadap blog kalian dan yang lebih penting lagi dengan kalian memasang author box di blog kalian itu bisa mempermudah pengunjung untuk menghubungi atau kenal lebih dekat dengan pemilik blog.

Author box ini sengaja di buat dengan desain yang menarik dan di lengkapi dengan tombol Facebook, Whatsapp, dan Instagram, author box ini juga di lengkapi dengan foto dan bio kalian. Nah jika kalian mau memasang author box ikuti caranya di bawah ini, caranya sangat mudah karena hanya menambahkan CSS dan HTML maka author box kalian sudah jadi.

Cara Mudah Membuat Author Box Profil Yang Keren Seperti Jagoandzgn, Showdzgn, Pada Viomagz

1. Buka Blog kalian
2. Pilih Tema lalu pilih Edit HTML
3. Cari kode ]]></b:skin> Jika sudah ketemu salin kode di bawah ini dan letakan tepat di atas kode ]]></b:skin>

/* Kotak Author */
.jagoan-Author{text-align:center;margin-top:20px;}
.jagoan-Author .top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:flex-start;justify-content:center;}
.jagoan-Author .bottom{text-align:center;margin-top:-35px;padding:45px 15px 15px;background: #1589E3;background-image: linear-gradient(110deg,rgba(255,255,255,0.1) 16%,rgba(255,255,255,0.1) 17%,rgba(255,255,255,0.05) 17%,rgba(255,255,255,0.05) 23%,transparent 8.5%,transparent 78%,rgba(255,255,255,0.05) 78%,rgba(255,255,255,0.05) 84%,rgba(255,255,255,0.1) 84%,rgba(255,255,255,0.1));border-radius: 5px;}
.jagoan-Author img{width:50px;height:50px;border:5px solid #fff;border-radius:100px;}
.jagoan-Author .author-name{font-size:20px;font-weight:700;margin-bottom:7px;}
.jagoan-Author .author-name a{color:#ffffff;font-weight:bold}
.jagoan-Author .author-desc {color: #eaeaea;overflow: hidden;line-height: 1.6em;}
.jagoan-Author .author-desc a {margin: 3px; padding: 5px 8px;color: #ffffff;border-radius: 3px;font-family: 'Google Sans',sans-serif;font-size: 13px;border: 1px solid;}
.jagoan-Author .author-desc a:hover {color:#000000;}
.jagoan-Author .author-desc li {display : inline-block;padding-top: 5px;}

4. Cari kode <div id='share-container'> jika sudah ketemu salin kode di bawah ini dan letakan tepat di atas kode <div id='share-container'>.

<div class='jagoan-Author'>
<div class='top'>
<img itemprop='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbZaKqmhF1x7jLHY5Wo60X8Sg5Fu7VmpyfT1bF3Opxq3NQ_ZzDMIRjUrVGutQHymKTDI9IU5JwuDae_GQzP1zbMKTnnA30chO0Ojfy8w8nzg9XpazA82nLrxrmsxl_t-X-5ngKLGij7vvX/s1600/DEFAULT_USER_PROFILE_LOGO.png' width='90px'/>
</div>
<div class='bottom'>
<div class='author-name'>
<a href='https://www.blogger.com/follow.g?blogID=6479446256188251383' rel='author' title='Yusril Maker'>
<span itemprop='name'>Lapak Info</span>
</a>
</div>
<div class='author-desc'>Seseorang yang lebih suka menulis dan membagikan apa yang di tuliskan agar dunia tahu.
<br/>
<li><a href='https://www.facebook.com/108385560784010' title='Facebook'>Facebook</a></li>
<li><a href='https://wa.me/+6287710266952' title='WhatsApp'>WhatsApp</a></li>
<li><a href='https://www.instagram.com/lapakgratisdotcom/' title='Instagram'>Instagram</a></li>
</div>
</div>
</div>

5. Simpan template kalian dan selesai.

1. Ganti url gambar ini dengan url gambar milik kalian https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbZaKqmhF1x7jLHY5Wo60X8Sg5Fu7VmpyfT1bF3Opxq3NQ_ZzDMIRjUrVGutQHymKTDI9IU5JwuDae_GQzP1zbMKTnnA30chO0Ojfy8w8nzg9XpazA82nLrxrmsxl_t-X-5ngKLGij7vvX/s1600/DEFAULT_USER_PROFILE_LOGO.png
2. Untuk Bio ganti dengan Bio kalian dan
3.  Ganti Facebook, Whatsapp dan Instagram dengan milik kalian

Seperti itulah Cara Mudah Membuat Author Box Profil Yang Keren Seperti Jagoandzgn, Showdzgn, Pada Viomagz, semoga artikel bisa bermanfaat buat kalian semua. Jika kalian masih bingung dalam pemasangan dan jika kalian ingin bertanya silahkan bertanya di kolom komentar di bawah ini. Terimakasih sudah berkunjung

==Iklan Dipate Disini===