Assalamualaikum wr wb pagin semua sahabat arifwj hari ini saya akan membuat artikel yang berjudul Cara Membuat Kotak Author atau Pesan Admin di Bawah Posting Blog yang akan saya beri tahukan cara memasangnya di artikel ini. Kotak author adalah kotak yang berisi pesan dari admin atau si pembuat blog yang berada di bawah postingan blog yang bentuknya kira-kira seperti gambar di bawah ini
dan yaaaa kurang lebih seperti itu gambaran dari judul saya diatas ya tak usah berlama-lama lagi langsung kita liat caranya di bawah ini.
keterangan:
untuk nomer 4 edit kode warna sesuai keinginan sobat
untuk nomer 5 edit tulisan
biru dengan descripsi blog sobat
hijau dengan url gambar sobat
merah kata-kata yang sobat inginkan
Ya sekian artikel hari ini mudah-mudahan bermanfaat buat sobat semua,dan jika ada pertanyaan tolong berkomentarlah dengan sopan di kolom komentar di bawah ini,dan salam blogger.
dan yaaaa kurang lebih seperti itu gambaran dari judul saya diatas ya tak usah berlama-lama lagi langsung kita liat caranya di bawah ini.
- seperti biasa masuk kedasbor blog kalian masing-masing.
- masuk ke menu template.
- pilih edit html
- cari kode ini ]]></b:skin> dan copy kode di bawah ini lalu pastekan di atas kode ]]></b:skin>
.admin-tulisan{
display:block;
width:auto;
background:#666666;
border:2px solid #000000;
box-shadow:0 1px 3px #000000;-moz-box-shadow:0 1px 3px #000000;-webkit-box-shadow:0 1px 3px #000000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#ffffff;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#ff0000;
border:none;
border-bottom:1px solid #ffffff;
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:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
} - dan setelah itu cari lagi kode yang mirip seperti ini <div class='post-footer'> dan pastekan kode di bawah ini tepat di atas kode <div class='post-footer'>
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Creatif By : <a expr:href='data:blog.homepageUrl'><data:post.author/></a>Deskripsi Blog sobat</h4>
<div class='kontainer'>
<img src='http://3.bp.blogspot.com/-FMUCJ0MUryU/UVqu74grIuI/AAAAAAAABPI/ayRPA5E4qOE/s1600/2f5840d5b5dccb94_m.jpg'/>
Terimah Kasih telah membaca artikel<a expr:href='data:post.url'><data:post.title/></a>. Yang ditulis oleh <data:post.author/> .Pada hari<data:post.dateHeader/>. Jika anda ingin sebarluaskan artikel ini, mohon sertakan <blink><strong>sumber link asli.</strong></blink> Kritik dan saran dapat anda sampaikan melalui kotak komentar. Trimakasih
<p>
<textarea cols='57' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='
http://rahman-ciblog.blogspot.com/2013/04/cara-membuatmemasang-kotak-pesan-admin.html
/' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin --> - dan pratinjau template blog kalian apakan ada kesalahan kalau tidak ada kesalahan simpan template kalian.
keterangan:
untuk nomer 4 edit kode warna sesuai keinginan sobat
untuk nomer 5 edit tulisan
biru dengan descripsi blog sobat
hijau dengan url gambar sobat
merah kata-kata yang sobat inginkan
Ya sekian artikel hari ini mudah-mudahan bermanfaat buat sobat semua,dan jika ada pertanyaan tolong berkomentarlah dengan sopan di kolom komentar di bawah ini,dan salam blogger.
Views:
