Cara pasang kotak admin Cara pasang kotak admin

Ditulis Oleh : Irrandy Zein ~ Dark Of Moon|Friendship is number one

Artikel Menu navigasi 1 2 3 ini diposting oleh Irrandy Zein pada hari Kamis, 17 Oktober 2013. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar. Semoga Artikel Menu navigasi 1 2 3 ini bermanfaat. Dan Apabila friend Irrandy Zein ingin artikel ini ada di postingan Anda, silahkan di copy paste aja, agar bisa menyebarkan lebih luas lagi ilmu yang bermanfaat...

 

Banyak cara untuk membuat tampilan blog menjadi lebih baik dan komunikatif. Salah satunya adalah dengan membuat/memasang kotak admin dibawah postingan yang berisikan keterangan dari Penulis/Author blog tersebut tentang artikel yang ditulisnya. Ulasan yang dibuat di kotak keterangan dari admin (penulis/author) ini terserah pada kreasi masing-masing. Sobat blogger bisa juga menuliskan kata-kata lucu didalamnya. Yang jelas untuk link nama penulis/author, judul posting dan tanggal publish postingan sudah saya sertakan dalam script widget kotak admin ini, sehingga sobat tidak perlu lagi mengisikan linknya secara manual. Sobat dapat melihat langsung contoh kotak admin (about author box) yang saya pasang dibawah postingan blog ini sebagai demo-nya.

pada suka dengan kotak admin ini..... Ok deh tanpa berlama - lama...disimak aja cara pemasangannya ya

1. Login ke blog kalian
2. Click Template >>> edit template
3. Kemudian cari kode <data:post.body/>terus dibawah <data:post.body/> kan ada kode

</b:if>
<div style='clear: both;'/>
<!-- clear for photos floats -->
</div>
<b:else/>

4. Nah letakkan kode dibawah ini tepat dibawah >>> <b:else/>

<!-- Kotak Admin by anrhy chipaz --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='admin-tulisan'> <h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Journey Of Destiny|We learn together to increase knowledge| we share knowledge and strengthen the friendship</h4> <div class='kontainer'> <img src='http://2.bp.blogspot.com/-dtiP1r3eIME/UeY1J0aZp0I/AAAAAAAAAdY/DxSAQvtmMNE/s1600/993894_10201753198689927_837187748_n.jpg'/> Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar. Semoga Artikel <a expr:href='data:post.url'><data:post.title/></a> ini bermanfaat. Dan Apabila friend <data:post.author/> ingin artikel ini ada di postingan Anda, silahkan di copy paste aja, agar bisa menyebarkan lebih luas lagi ilmu yang bermanfaat... <br/> <br/> <center><div class='fb-like' data-colorscheme='dark' data-font='lucida grande' data-href='http://facebook.com/raindyva' data-send='true' data-show-faces='true' data-width='450'/> <a class='twitter-follow-button' href='http://twitter.com/journey_destiny' rel='nofollow'/> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></center> </div> <div style='clear:both;'/> </div> </b:if> <!-- Kotak Admin by anrhy chipaz --><a href="http://irrandy.blogspot.com/2013/10/cara-pasang-kotak-admin.html" target="_blank">Get this widget</a>

5. Lalu ganti tulisan berwarna lime dengan id milik kalian ya......
6. Kemudian cari kode ]]></b:skin> dan letakan kode dibawah ini tepat diatas kode
]]></b:skin>

.admin-tulisan{ display:block; width:auto; background:#FEBFEF; border:2px solid #fff; box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000; padding:0; margin:30px 0 10px 0; font:normal 12px Arial, Sans-Serif; color:#222; } .admin-tulisan .kontainer{padding:5px;} .admin-tulisan h4{ background:#8E006B; 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-tulisan h4 a{color:#FEEA83;} .admin-tulisan img{ width:70px; height:70px; margin:0 10px 0 0; float:left; border:1px solid #954B02; padding:2px; background:#809FFE; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; }

7. Kemudian Save template kalian dan lihat hasilnya....dijamin kalian pasti puas dengan tampilannya......