Blog profesional membutuhkan profil penulis .
Untuk blog yang baik itu harus ditempatkan di bawah posting blog ke terlihat untuk semua orang . Menambahkan penulis kotak profil di bawah posting blog adalah cara baru untuk membuat blog kita yang indah dan profesional . Sebagian besar blogger mencoba untuk menambahkan profil mereka di bawah posting saja. Tetapi beberapa dari mereka menambahkan profil penulis di footer . Ini bukan ide yang baik . Kotak profil penulis ini berisi kepengarangan Google plus Anda . Jadi berharap saya itu akan menjadi salah satu yang baru ke blog Anda . Hal ini tampak keren dan itu menunjukkan kata-kata Anda dengan informasi profil Anda .
Anda harus menambahkan kotak ini untuk template blog Anda . Mari saya jelaskan bagaimana hal itu dapat ditambahkan ke blog blogger Anda . Ikuti langkah-langkah sederhana di bawah ini
Untuk blog yang baik itu harus ditempatkan di bawah posting blog ke terlihat untuk semua orang . Menambahkan penulis kotak profil di bawah posting blog adalah cara baru untuk membuat blog kita yang indah dan profesional . Sebagian besar blogger mencoba untuk menambahkan profil mereka di bawah posting saja. Tetapi beberapa dari mereka menambahkan profil penulis di footer . Ini bukan ide yang baik . Kotak profil penulis ini berisi kepengarangan Google plus Anda . Jadi berharap saya itu akan menjadi salah satu yang baru ke blog Anda . Hal ini tampak keren dan itu menunjukkan kata-kata Anda dengan informasi profil Anda .
Anda harus menambahkan kotak ini untuk template blog Anda . Mari saya jelaskan bagaimana hal itu dapat ditambahkan ke blog blogger Anda . Ikuti langkah-langkah sederhana di bawah ini
- Go to Blogger Dashboard ---> Template ---> Edit HTML
- Search for ]]></b:skin> using Ctrl+F
- Add the below CSS code just before ]]></b:skin>
--------------------------------------------------------------------
/*-----Author profile box by trickstoo.com starts----*/
#administrator {
float:left;
width:100%;
border-top:1px solid #eaeaea;
margin-top:30px;
border:1px solid #eaeaea;
padding-top:10px;
padding-right:10px;
background:#fdfdfd!important;
margin-bottom:30px;
}
.authorimg img {
float:left;
width:100px;
border:1px solid #eaeaea!important;
background:#f8f8f8!important;
margin:10px;
padding:15px!important;
#administrator {
float:left;
width:100%;
border-top:1px solid #eaeaea;
margin-top:30px;
border:1px solid #eaeaea;
padding-top:10px;
padding-right:10px;
background:#fdfdfd!important;
margin-bottom:30px;
}
.authorimg img {
float:left;
width:100px;
border:1px solid #eaeaea!important;
background:#f8f8f8!important;
margin:10px;
padding:15px!important;
------------------------------------------------------------------
Kemudian , cari kode di bawah ini
<div class='post-footer-line post-footer-line-1'>
------------------------------------------------------------
Tepat di atas itu , letakkan kode di bawah ini
<b:if cond='data:blog.pageType == "item"'>
<div id='administrator'>
<div class='authorimg'><img height='115' src='IMAGE URL' width='53'/></div>
<div class='authornames'><h1>YOUR NAME</h1></div>
<div class='Authordesp'>PENULIS DESCRIPTION<a href='https://plus.google.com/u/0/106333703247631617455? rel=author' rel='author'>Follow Him on Google +.</a></div>
</div>
</b:if>
<div id='administrator'>
<div class='authorimg'><img height='115' src='IMAGE URL' width='53'/></div>
<div class='authornames'><h1>YOUR NAME</h1></div>
<div class='Authordesp'>PENULIS DESCRIPTION<a href='https://plus.google.com/u/0/106333703247631617455? rel=author' rel='author'>Follow Him on Google +.</a></div>
</div>
</b:if>
---------------------------------------------------------------------------------------------
Catatan : Ganti 106333703247631617455 dengan ID halaman google+ Anda
Ganti URL IMAGE , NAMA ANDA , PENULIS URAIAN dengan URL gambar Anda , Nama dan deskripsi singkat tentang Anda masing-masing.
Akhirnya , Simpan template Anda . Itu saja . Anda selesai! Jika Anda seperti saham ini . Jika Anda menemui masalah komentar di bawah ini untuk mendapatkan solusi . Berbagi pengalaman Anda dengan kami untuk memberikan komentar .
Post a Comment