27 Jun 2013

Banyak Blogger menginginkan widget baru dan segar dari blogger dan sebagian besar mengatakan kami ingin baru penulis bio widget yang meliput...

Cara memasang Author admin diblog Cara memasang Author admin diblog

Banyak Blogger menginginkan widget baru dan segar dari blogger dan sebagian besar mengatakan kami ingin baru penulis bio widget yang meliputi semua aspek blogging seperti Social Media seperti Facebook, Twitter, Youtube dll sehingga menyimpannya dalam pikiran, dalam widget ini Anda akan mendapatkan Tombol Donasi, Jadilah Tombol Blogger dan banyak ketika Anda menggunakan widget ini.

TAMBAHKAN EROSE PENULIS BIO WIDGET DI BLOGGER

Klik pada Drop Down menu dan pilih Template

Backup Template Anda sebelum membuat perubahan ke blog Anda

Tekan Ctrl + F dan cari kode yang ditunjukkan di bawah ini.

]]> </ B: skin>

Paste kode berikut tepat di atasnya.

.clear {clear:both;}
#author-box {margin:10px 0;}
#author-box a:hover {background:none!important;}
#author-box .row-1 {background:#333;padding:20px;}
#author-box .row-1 .avatar {float:left;line-height:1;-moz-box-shadow:0 0 10px #FFF;-webkit-box-shadow:0 0 10px #FFF;box-shadow:0 0 10px #FFF;}
#author-box .row-1 .info {margin:0 0 0 110px;}
#author-box .row-1 .info h6 {color:#FFF;font-size:20px;margin:-4px 0 0;}
#author-box .row-1 .info h6 span {font-size:11px;font-weight:400;background:#1BA1E2;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;filter:alpha(opacity=60);opacity:0.6;margin:0 0 0 1em;padding:1px 9px 2px;}
#author-box .row-1 .info p {color:#DDD;font-weight:400;font-size:14px;margin:0;}
#author-box .row-2 {background:#666;}
#author-box .row-2 a.social-item {display:block;float:left;color:#FFF;text-align:center;padding:15px;}
#author-box .row-2 .social-item .icon {height:32px;width:32px;}
#author-box .row-2 .social-item > span {display:block;text-align:center;margin:auto;}
#author-box .row-2 .social-item .label {font-weight:700;font-size:13px;}
#author-box .row-2 .social-item .click {font-size:11px;color:#EAEAEA;line-height:1;}
#author-box .row-2 a.social-item:hover {background:#1BA1E2!important;}
#author-box .row-3 {background:#1BA1E2;}
#author-box .row-3 form,#author-box .row-3 a.donation-button {display:block;float:left;}
#author-box .row-3 .donation-button {background:#1BA1E2;border:none;font-family:Impact;font-size:30px;color:#FFF;line-height:1.2em;margin:0;padding:10px;}
#author-box .row-3 .donation-button:hover {background:#000;cursor:pointer;}
#author-box .row-3 .register-button {display:block;color:#FFF;border:none;font-family:Impact;font-size:30px;text-align:right;line-height:1.2em;margin:0;padding:10px;}
#author-box .row-3 .register-button:hover {color:#000;cursor:pointer;}
#author-box .row-2 .social-item.twitter .icon {background-position:0 -32px;}
#author-box .row-2 .social-item.facebook .icon {background-position:0 -64px;}
#author-box .row-2 .social-item.gplus .icon {background-position:0 -96px;}
#author-box .row-2 .social-item.linkedin .icon {background-position:0 -128px;}
#author-box .row-2 .social-item.youtube .icon {background-position:0 -160px;}
#author-box .row-2 .social-item.pinterest .icon {background-position:0 -192px;}
#author-box .social-item .icon {background-image:url(https://lh5.googleusercontent.com/--PQVoN23nrI/UYHHvhtNSxI/AAAAAAAAJPA/5weO87qvER4/s224/ausocial.png)!important;background-repeat:no-repeat;}

Sekarang Search for kode di bawah ini sekali lagi

Paste kode berikut tepat setelah.

<div id='author-box'><div class='row row-1'>
<div class='avatar'>
<a href='http://andyrra.blogspot.com/2013/05/blog-post_6401.html'><img alt='author-avatar' class='avatar avatar-90 photo' height='90' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjODn2vZG7hGaczUUFNsYb2fWD6It3ijy2lbL8QGJPd_mjiFnmhChavOIurSSGvj0lcDoPAyrW2WqayzCy84irF0yRJRCT0iyOS6f-TtJd6RQZs3jt4K7kMsKRniHZ8V9t-Mljiozmg07RJ/s200/andy1.JPG' width='90'/></a>
</div>
<div class='info'>
<h6>Posted By: Andyrra <span>Admin and Author</span></h6>
<p><strong><a href='http://andyrra.blogspot.com/2013/05/blog-post_6401.html'>Andyrra </a> is the founder of andyrra.blogspot.com.</strong> <strong>Graduate in Computer Applications in 2013, Love to Make Blogger Hacks and Like to Play with HTML and a Business Man.</strong></p>
</div>
<div class='clear'/>
</div>
<div class='row row-2'>
<a class='social-item website' href='http://andyrra.blogspot.com' meta='website' target='_blank'>
<span class='icon'/>
<span class='label'>Website</span>
<span class='click'><span class='val'>873576 Visitors</span> </span>
</a>

<a class='social-item twitter' href='https://twitter.com/andyfeisal' meta='twitter' target='_blank'>
<span class='icon'/>
<span class='label'>Twitter</span>
<span class='click'><span class='val'>200 Followers</span></span>
</a>

<a class='social-item facebook' href='http://www.facebook.com/andyrra.blogspot' meta='face' target='_blank'>
<span class='icon'/>
<span class='label'>Facebook</span>
<span class='click'><span class='val'>100 Likes</span></span>
</a>

<a class='social-item gplus' href='https://plus.google.com/116832834180427346364' meta='gplus' target='_blank'>
<span class='icon'/>
<span class='label'>Google+</span>
<span class='click'><span class='val'>70 Joined</span></span>
</a>

<a class='social-item linkedin' href='http://id.linkedin.com/pub/andy-feisal/74/2b6/a2b/' meta='linkedin' target='_blank'>
<span class='icon'/>
<span class='label'>LinkedIn</span>
<span class='click'><span class='val'>40 Links</span></span>
</a>

<a class='social-item youtube' href='https://www.youtube.com/' meta='youtube' target='_blank'>
<span class='icon'/>
<span class='label'>Youtube</span>
<span class='click'><span class='val'>30 Followers</span></span>
</a>

<div class='clear'/></div>
<div class='row row-3'>
<form action='https://www.paypal.com/cgi-bin/webscr' class='author-donation' method='post'>
<input name='cmd' type='hidden' value='_donations'/>
<input name='business' type='hidden' value='andy.feisal@gmail.com'/>
<input name='lc' type='hidden' value='US'/>
<input name='item_name' type='hidden' value='Donate Blogger'/>
<input name='no_note' type='hidden' value='0'/>
<input name='currency_code' type='hidden' value='USD'/>
<input class='donation-button' name='submit' type='submit' value='+Donate to Author'/>
</form><a class='register-button' href='http://blogger.com/'>Become a Blogger</a><div class='clear'/></div>
</div>

Akhirnya Simpan Template Anda.

Anda telah selesai

CATATAN ....!

Ganti ini http://andyrra.blogspot.com/2013/05/blog-post_6401.html dengan penulis bio halaman link anda (Opsional)
Ganti ini https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjODn2vZG7hGaczUUFNsYb2fWD6It3ijy2lbL8QGJPd_mjiFnmhChavOIurSSGvj0lcDoPAyrW2WqayzCy84irF0yRJRCT0iyOS6f-TtJd6RQZs3jt4K7kMsKRniHZ8V9t-Mljiozmg07RJ/s200/andy1.JPG dengan gambar penulis Anda.
Ganti ini Andyrra dengan Penulis Anda ATAU nama Admin.
Ganti ini Andyrra dengan penulis bio Anda.
Ganti ini http://andyrra.blogspot.com dengan link website Anda.
Ganti ini andyfeisal dengan nama pengguna twitter Anda.
Ganti ini andyrra.blogspot dengan nama pengguna Facebook Anda.
Ganti ini 116832834180427346 dengan Google Plus id
Ganti ini andy-feisal/74/2b6/a2b/ dengan dikaitkan di id profil.
Ganti ini andy.feisal@gmail.com dengan id email Anda pada akun Paypal

Get free daily email updates!

[Get this widget]

Written by : Unknown ~ ANDYRRA.COM | Our mission is quite simple and easy for the reader who MAKE YOUR BLOG LIKE A PRO, and also share with fellow bloggers post a quality serve and useful for others bloggers, especially those who are beginners like me ....

Article Cara memasang Author admin diblog posted by Unknown on the day 27 Jun 2013 . Thank you for your visit and your willingness to read this article. Criticisms and suggestions can you give via the comments box or chatbox. Hopefully Article Cara memasang Author admin diblog can be useful. When my friends and bloggers Unknown like this article in your post, please copy paste, in order to more widely disseminate useful knowledge And if you want to work rewarded, to appreciate the work of others...

Top Bottom Close