-

MOST RECENT


|

Cara Membuat Keterangan di Bawah Posting Blog

Apakah sobat pernah melihat kotak kecil berisi keterangan dan pesan penulis disertai judul posting dan tanggal terbit yang biasa ditampilkan di bawah posting, ternyata cara membuatnya cukup mudah lho, untuk contohnya sobat bisa lihat di mchoyBLOGinfo seperti terlihat dibawah ini.


Nah, buat sobat yang ingin mencoba menampilkan profil atau biografi singkat tentang diri sobat, maka sobat bisa mengikuti langkah berikut ini.

Pertama-tama, masuklah ke halaman Design, pilih edit HTML template sobat, kemudian centang bagian Expand Template Widget agar seluruh elemen pembangun posting tampil.


Temukan kode ini:


TIPS: Tekan CTRL + F lalu ketik class='post-footer' untuk mempermudah pencarian.

Salin kode ini, kemudian letakkan tepat di atas kode



Ditulis Oleh :




Artikel ini ditulis oleh pada hari . Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang dapat Anda sampaikan melalui kotak komentar dibawah ini.
:: Get this widget ! ::


Silahkan sobat ganti kode yang berwarna merah dengan image profil sobat.

Kemudian cari lagi kode ]]> pada template sobat. Kemudian copy kode CSS dibawah ini dan paste tepat diatas kode ]]>. Jika gagal sobat bisa juga meletakkan kode CSS ini tepat dibawah kode .
.admin-penulis {
   display:block;
   width:auto;
   background:#defdef;
   padding:0;
   margin:30px 0 10px 0;
   font:normal 12px Arial, Sans-Serif;
   color:#222;
   border:2px solid #fff;
   box-shadow:0 1px 3px #000;
   -moz-box-shadow:0 1px 3px #000;
   -webkit-box-shadow:0 1px 3px #000;
   }

.admin-penulis .kontainer {
   padding:5px;
   }

.admin-penulis h4 {
   background:#699019;
   border:none;
   border-bottom:1px solid #699019;
   color:#fff;
   text-transform:normal;
   text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
   font:bold 12px Arial,Sans-Serif;
   padding:5px 10px;
   margin:0 0 0 0;
   display:block;
   }

.admin-penulis h4 a {
   color:#FEEA83;
   }

.admin-penulis img {
   width:70px;
   height:70px;
   margin:0 10px 0 0;
   float:left;
   border:1px solid #954B02;
   padding:2px;
   background:#ffffff;
   box-shadow:none;
   -moz-box-shadow:none;
   -webkit-box-shadow:none;
   }
Langkah terakhir Simpan template sobat. Untuk selanjutnya saya yakin sobat mempunyai kreasi sendiri untuk lebih mempercantik tampilan blognya, semoga tips singkat tentang Cara Membuat Profil Admin Dibawah Postingan Blog ini bermanfaat bagi para pembaca setia

Sumber:"mchoyaza"

Artikel Terkait:



Posted by Bahar.Nor on 1:02 AM. Filed under , . You can follow any responses to this entry through the RSS 2.0. Feel free to leave a response

1 comments for "Cara Membuat Keterangan di Bawah Posting Blog"

  1. Follow Balik Blog Aku KK
    http://suatz.blogspot.com

Leave a reply

Terima Kasih Sebab Anda Telah Sudi Berkunjung ke Blog Portal thatbest...

News Update

Web hosting


Free TV Online

Recently Commented

Recently Added