Would you like to react to this message? Create an account in a few clicks or log in to continue.



 
IndeksPortalPencarianLatest imagesPendaftaranLogin

 

 Tambahkan "About Author" di Bawah Posting..!!

Go down 
PengirimMessage
Amir
Admin
Admin
Amir


Jumlah posting : 224
Join date : 22.08.10

Tambahkan "About Author" di Bawah Posting..!! Empty
PostSubyek: Tambahkan "About Author" di Bawah Posting..!!   Tambahkan "About Author" di Bawah Posting..!! Icon_minitimeSun Aug 29, 2010 3:35 am

Ini adalah tutorial tentang cara menambahkan yang sederhana untuk menambahkan "About Author" di bawah setiap posting di Blogger yang hanya muncul di halaman posting. Pertama saya bingung cara membuat nya padahal saya pengen bangat ada itu, setelah saya pelajari dari blog teman2 saya bisa menerapkan nya.... Saya yakin bahwa kita semua akan melihat fitur ini terutama di blog Wordpress. Tapi sekarang, pengguna Blogger dapat memiliki fitur ini juga. Ikuti langkah di bawah ini untuk menambahkannya:

Langkah 1
Login ke Blogger
Langkah 2
Pilih "Tata Letak - Edit HTML"
Langkah 3
Backup Template Blog untuk mengantisipasi kegagalan modifikasi template
Langkah 4
Jangan lupa check "Expand widget template"
Langkah 5
Cari kode dibawah ini :
Code:
]]></b:skin>

Copy Paste (CoPas) kode dibawah ini tepat diatasnya :
Code:
.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}

.author-box p {
margin: 0;
padding: 0;
}

.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}
Sekarang cari kode berikut:
Code:
<div class='post-footer-line post-footer-line-1'>

Copy Paste (CoPas) kode dibawah ini tepat dibawahnya :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<p><img alt='' class='avatar avatar-70 photo' height='70' src='URL_FOTO' width='70'/><b>Nama _Anda</b><br/>
Nama saya ......., saya seorang ........... Blog ini berisi tips, trik seputar Blog, Internet, Software. Saya belajar blog dari tutorial teman-teman. Sebagian besar tutorial yang ada di blog ini berasar dari blog teman-teman. Jika ada saya yg salah, mohon di koreksi<br/></p>
</div>
</b:if>



Sesuaikan code yang warna hijau saya tandai dengan gambar, nama dan tentang diri anda.....
Kembali Ke Atas Go down
http://amiroktavia.blogspot.com/
 
Tambahkan "About Author" di Bawah Posting..!!
Kembali Ke Atas 
Halaman 1 dari 1

Permissions in this forum:Anda tidak dapat menjawab topik
 :: About Blog..!! :: Blogger..!!-
Navigasi: