Home » Widget » Cara Membuat Kotak Admin Dibawah Postingan

Cara Membuat Kotak Admin Dibawah Postingan

Posted by Unknown on Minggu, 27 November 2011

Waduh Sampe Lupa Saya Login Ke Blog Saya Untung Saja Pas Disimpen Di HP Heheh, Jadi Kebukak Lagi Deh Blog Oidre.. Heheh
Kali ini Oidre akan mencoba Share tentang Kotak Admin Di Bawah Postingan. Langsung ke TKP aja

  • Masuk Ke Blogger
  • Rancangan >> Edit Html >> Centang "Expand Widget Template"
  • Copy paste kode berikut sebelum kode ]]></b:skin>
    .author-box {
    background: #f0f0f0;
    margin: 20px 0 40px 0;
    padding: 10px;
    overflow: auto;
    color:#888;
    font-family:verdana, sans-serif;
    }
    .author-box p {
    margin: 0;
    padding: 0;
    }
    .author-box a{
    color:#666;
    }
    .author-box img {
    background: #FFFFFF;
    float: left;
    margin: 0 10px 0 0;
    padding: 4px;
    }
    selanjutnya cari kode <div class='post-footer-line post-footer-line-1'> dan letakkan kode berikut dibawahnya

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='author-box'>
    <p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='http://profile.ak.fbcdn.net/hprofile-ak-snc4/188118_111105955610627_3754860_q.jpg' width='70'/><b>About Author</b><br/>
    Contoh Author box<br/></p>
    </div>
    </b:if>
    Untuk yang berwarna Biru bisa anda ganti dengan foto anda dan lainya bisa anda edit sendiri..
Sekian Postingan Kali Ini Tentang Cara Membuat Kotak Admin Dibawah Postingan. Jika ada salah mohon dibenarkan. Trimakasih untuk semuanya. Salam Blogger..

Penulis : Unknown ~ Share All Tutorial, Tips, Tricks About Blog and SEO

Artikel Cara Membuat Kotak Admin Dibawah Postingan Ini Diposting Oleh Unknown. Terimakasih Atas Kunjungan Anda Serta Kesediaan Anda Membaca Artikel Ini. Kritik Dan Saran Dapat Anda Sampaikan Melalui Kotak Komentar. Kebijakan Dan Privasi

:: Dodol Blog ::

Label: , ,

{ 4 comments... Read Them Below or add one }

Erfan Setiawan mengatakan...

Wah.. Mantap Gan's.. Izin Sedot...

2 Desember 2011 pukul 13.56
Unknown mengatakan...

Terimakasih gan... kalau tidak ada kode < d i v cl ass = ' p o s t - footer-line post-footer-line- 1 ' > gimana gan...? bingung nich. thanks infonya.


Salam dari Masyonow.com

25 Mei 2012 pukul 14.04
who i'm mengatakan...

Pencerahannya kurang komplit gan

6 Juni 2012 pukul 01.57
Lucy's Blog mengatakan...

thx... :)

3 Juni 2013 pukul 09.38


Posting Komentar

Silahkan sahabat berkomentar sesuai dengan artikel postingan di atas. Apabila ada postingan yang rusak atau tidak bisa terbaca mohon beritahu di Komentar ini.Trimakasih telah berkunjung & berkomentar

Penting... Maaf,Tidak Diizinkan Memberikan Atribut Pada Komentar Anda..