Cara membuat profil admin disertai catatan kaki diblogger seperti blog BIBO!

Cara membuat profil admin disertai catatan kaki diblogger seperti blog BIBO!

selamat datang di BIBO. pada kesempatan ini kita akan membahas mengenai cara cara membuat profil author, membuat profil admin, membuat catatan kaki, membuat keterangan dibawah blog keren.
sebagai demonya anda dapat menggeser kursor mouse anda kebawah dan lihat keterangan profil author disertai photonya yang tampak keren dipasang diblog.
sebagai seorang blogger tentu kita juga ingin dikenal pengunjung. siapa sih yang buat? siapa yang punya blog? .. dengan adanya profil admin ini maka pengunjung akan lebih dekat dengan pemilik blog tentunya.

selain memberi tahu pengunjung tentang diri kita, pengunjung juga akan lebih akrab dengan kita. dan banyak manfaat lain dari profil admin sekaligus dengan catatan kaki pada blog. bagi anda yang memiliki toko online dan anda memberi informasi disebuah blog ini sangat penting untuk pelanggan toko online anda untuk membuat dia lebih kenal dengan anda tentunya. dan meramaikan toko online yamg anda  ini berbeda dengan yang lain, ada orang berbagi script untuk catatan kaki saja, ada orang berbagi script untuk profil admin saja, ada orang berbagi script untuk blog quote saja.

namun pada kesempatan ini bibo akan berbagi semua script diatas menjadi satu yaitu profil admin dan catatan kaki blog.

Bagaimana cara membuat profil admin dan catatan kaki blog seperti blog bibo?

simak berikut ini:

1. copy paste script ini di
atas ]]></b:skin>

/*BOX AUTHOR*/

.boxauthor{position:relative;border:1px solid #FFFFFF;background:#FFFFFF;box-shadow:0 0 5px #FFFFFF inset;margin:25px 0 15px;padding:10px}

.boxtitle h3{color:#000;font:bold 14px Electrolize;background:#FFFFFF;width:103.3%;display:block;position:relative;border:1px solid #FFFFFF;box-shadow:0 0 5px #444 inset,0px 0 5px #FFFFFF;margin:0 0 0 -22px;padding:7px 0 7px 25px}

.boxtitle h3:before{content:&#39;&#39;;position:absolute;bottom:-10px;left:0;width:0;height:0;border-color:#333 transparent transparent;border-style:solid;border-width:10px 0 0 10px}

.boxtitle h3:after{content:&#39;&#39;;position:absolute;bottom:-10px;right:0;width:0;height:0;border-color:transparent transparent transparent #333;border-style:solid;border-width:0 0 10px 10px}

.boxauthor_photo{float:right;background:#FFFFFF;position:relative;z-index:999;box-shadow:0 0 5px #000;margin:-21px 0 5px;padding:30px 5px 5px}

.boxauthor_photo:before{content:&#39;&#39;;position:absolute;top:0;right:135px;width:0;height:0;border-color:transparent transparent #333;border-style:solid;border-width:0 0 10px 10px}

.boxauthor_photo:after{content:&#39;&#39;;position:absolute;top:0;right:-10px;width:0;height:0;border-color:transparent transparent #333;border-style:solid;border-width:0 10px 10px 0}

.boxauthor_photo img{width:120px;height:120px;border:2px solid #444}

.boxcontent{font:12px/18px Electrolize,sans-serif;text-align:justify;color:#000;float:left;top:5px;left:0;display:block;position:relative;width:420px}

.boxsocial{background:#FFFFFF;margin-left:-22px;width:100%;overflow:hidden;border:1px solid #FFFFFF;box-shadow:0 0 5px #444 inset,0px 0 5px #FFFFFF;padding:5px 5px 5px 40px}

.boxsocial :before{content:&#39;&#39;;position:absolute;bottom:0;left:-12px;width:0;height:0;border-color:#333 transparent transparent;border-style:solid;border-width:10px 0 0 10px}

.boxsocial :after{content:&#39;&#39;;position:absolute;bottom:0;right:-12px;width:0;height:0;border-color:transparent transparent transparent #333;border-style:solid;border-width:0 0 10px 10px}

.boxsocial a{text-align:center;background:#111;display:block;color:#fff!important;font:bold 12px Electrolize,sans-serif;text-decoration:none;border:1px solid #000;transition:all 1s ease;box-shadow:2px 2px 0 0 rgba(51,51,51,1)inset;padding:7px 0}

.boxsocial a:hover{box-shadow:0 0 5px #000;border:1px solid #FFFFFF}

.boxsocial div{float:left;margin-right:6px;width:88px}

.boxsocial .boxsocialtitle{font:bold 12px Electrolize,sans-serif;text-align:center;text-transform:uppercase;display:block;width:107px;border:1px solid #000;box-shadow:0 0 5px #444 inset;padding:7px 22px} .quickedit{

display:none;

}

2. kemudian copy paste script ini di
bawah <data:post.body/>

<div class='boxauthor'>
<div class='boxauthor_photo'>
<img alt='Imuel Putera' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVZVqDQtpsmDpDVo0lvFBcl1_oJ-AEfWXLCeJW_UYFBKuLyYaHnLmEiomXi20USm8NgMvflTrmkY_jbDCJg4y_WtEPwEsPG9EjGXNYcr225nc9RNX7KIh1ksCLyFVwo5cHhBn_LC5Rql0h/s1600/IMUEL.JPG' title='Imuel Putera Ganteng Banget'/>
</div>
<div class='boxtitle'>
<h3>Admin : <a expr:href='data:post.authorProfileUrl' rel='author' target='_blank' title='Imuelputera'><data:post.author/></a></h3></div>
<div class='boxcontent'>
Terimakasih, telah membaca artikel mengenai <b><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></b>. Semoga artikel tersebut bermanfaat untuk Anda. Mohon untuk memberikan 1+ pada <a href='https://plus.google.com/u/0/+imuelputera/posts?rel=author' rel='author' target='_blank' title='Google+'>Google+</a>, 1 Like pada <a href='https://www.facebook.com/Berbagi-ilmu-bisnis-online-1532601110371169/timeline/?ref=hl' rel='me' target='_blank' title='Facebook'>Facebook</a>, dan 1 Follow pada <a href='https://twitter.com/imuelputera' rel='me' target='_blank' title='Twitter'>Twitter</a>. Jika ada pertanyaan atau kritik dan saran silahkan tulis pada kotak komentar yang sudah disediakan.
</div>
<div class='boxsocial'>
<div class='boxsocialtitle'>
Informasi
</div>
<div class='boxfb'>
<a expr:href='&quot;http://berbagiilmubisnisonline.blogspot.com?u=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share ke Facebook'>Home </a>
</div>
<div class='boxtwit'>
<a expr:href='&quot; http://berbagiilmubisnisonline.blogspot.com/p/daftar-isi.html?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share ke Twitter'>Daftar isi </a>
</div>
<div class='boxgplus'>
<a expr:href='&quot; http://berbagiilmubisnisonline.blogspot.com/p/hai-sob-kamu-bisa-bertanya-memberi.html?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share ke Google+'>Kontak</a>
</div>
<div class='boxltsme'>
<script>
//<![CDATA[
var uri = window.location.href;
var ttle = document.title;
document.write("<a href='http://berbagiilmubisnisonline.blogspot.com/2015/08/mengapa-berbisnis-online-alasan-mengapa.html/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' target='_blank' title='Share ke Lintasme'>Mengapa Bisnis online? </a>");
//]]>
</script>
</div>
</div>
</div>

3. kemudian save template:

NB:
1. merupakan link gambar silahkan ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVZVqDQtpsmDpDVo0lvFBcl1_oJ-AEfWXLCeJW_UYFBKuLyYaHnLmEiomXi20USm8NgMvflTrmkY_jbDCJg4y_WtEPwEsPG9EjGXNYcr225nc9RNX7KIh1ksCLyFVwo5cHhBn_LC5Rql0h/s1600/IMUEL.JPG dengan link gambar kamu
2. ganti semua link discript dengan link punya kamu

3. ganti semua nama nama tombol dengan yang kamu inginkan

4. ganti kata kata pada catatan kaki dengan apa yang kamu ingin

baca juga: Komunitas Ibu-ibu Doyan Nulis (IDN) Seluruh Indonesia Inspirasi Kita Semua!

itulah cara membuat profil admin sekaligus catatan kaki seperti blog BIBO ini.

semoga blog agan tambah maju, dikenal orang, bisnisnya sukses dan terkenal baik. semoga bermanfaat

Berbagi :