Cara buat Penulis Blog di Blogspot

Tweet

Pengunjung postingan menghemat waktu besar ketika Anda terjebak dalam ujian atau terlibat dalam beberapa pekerjaan off-side lainnya. Blog Google memberikan pengalaman blogging terbaik ketika datang untuk meredakan dan menghibur. Para antarmuka penggunadan lebih dari semua pilihan kontrol sangat mudah untuk membuat dan bermain dengan.Tidak seperti wordpress di mana Anda dapat menampilkan kotak penulis menggunakan plugin, di blogger kita harus hal kode diri kita sendiri. Menampilkan penulis Info di bagian bawah tulisan dapat dilakukan dengan dua cara. Metode pertama seperti yang Anda ketahui adalah menyisipkan kotak info penulis secara manual di bawah setiap posting sendiri.Masalah dengan metode ini tentu saja berharga kehilangan waktu. Secara manual menambahkan kotak penulis di bawah setiap posting bisa berubah menjadi sakit kepala, karena itu cara otomatis akan menjadi yang terbaik. Anda telah melihat kotak penulis di atas menampilkan pengenalan Qasim bawah posting nya. Kotak ini muncul secara otomatis di bawah setiap posting yang diterbitkan oleh rekening bersama blogger-nya. Kami menggunakan tag kondisional untuk membuatnya bekerja dan benar-benar hanya dua baris kode, sisanya adalah desain semua. Mari kita memahami beberapa hal sebelum melompat langsung ke tutorial

Langkah-langkah yang dibuat sederhana sehingga Anda akan merasa sangat menarik untuk diterapkan.

1. Pergi ke Blogger> Template
2. Backup Template ANDA
3. Klik Edit HTML
4. Klik Lanjutkan
5. Kemudian Klik Expand Template Widget
6. Pencarian untuk ]]> </ b: skin>
7. Tepat di atas itu paste kode CSS berikut,

/* MBT Code For Author Box */

.about-author {
width : 98%;
overflow : hidden;
margin:10px 0px;
border:0px;
}

.about-author img {
width:70px;
padding:3px;
border:1px solid #ddd;
margin:0px 5px 0px 0px;
}

.about-author h3{
font-family:verdana !important;
font-size:18px !important;
margin:9px 0px !important;
color:#666666 !important;
border-bottom:2px solid #666 !important;
border-top:0px !important;

}

.about-author p {
margin:0px;
text-align:justify;
color:#666; 

}  

Untuk mengubah warna teks "Tentang Penulis" edit     color: # 666666

8. Berikutnya Pencarian untuk data: post.body

9. Tepat di bawah itu paste kode berikut:

<b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:post.author == &quot;Odii Siitohang&quot;'> <div class='about-author'> <h3>About Author:</h3> <img align='left' src='https://lh5.googleusercontent.com/-nPwU20BuY20/AAAAAAAAAAI/AAAAAAAAAfw/_aqMzFbIlAE/s250-c-k/photo.jpg'/><p>Haloo, nama lengkap saya Odhi Fernandus Sitohang saya lahir di Medan 21/09/1994. Saya masih seorang blogger pemula yang butuh pijakan komentar dari Anda untuk dapat membangun Blog ini lebih maju</p> <p>Follow Me : <a href='http://www.twitter.com/#!/O_Dhiee/' target='_blank'>Twitter</a> | <a href='http://www.facebook.com/odii889/' rel='nofollow' target='_blank'>Facebook</a></p></div> </b:if></b:if>

Semua langkah Cukup jelas. Anda hanya perlu mengisi bagian-bagian tebal dengan rincian persyaratan yang benar.