Tutorial : Kotak Pesanan Admin

Bismillahirrahmanirrahim dan Assalamualaikum..

Tutorial : Kotak Pesanan Admin

Sebenarnya saya amat tertarik apabila melihat Tutorial : Kotak Pesanan Admin yang disediakan oleh wordpress. namun, saya belum jumpa cara yang disediakan oleh blogspot sehinggalah saya terjumpanya dalam sebuah blog lepak.com.my. terima kasih kerana sediakan Tutorial : Kotak Pesanan Admin ini untuk saya. untuk anda, Ikuti cara Tutorial : Kotak Pesanan Admin di bawah ini.

1. Dashboard

2. Template

3. Edit Html

4. Proceed
5. Tick Expand Widget Templates

6. Dengan menggunakan CTRL+F cari kode <div class='post-footer'> dan masukkan kode dibawah ini di atasnya :

<!-- Kotak Admin -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='admin-tulisan'>

<h4>Bingkisan Dari Syira: <a expr:href='data:blog.homepageUrl'><data:post.author/></a> | Rahsia Hati</h4>

<div class='kontainer'>

<img src='http://4.bp.blogspot.com/-q9g4wE24zug/T7M4rCMECxI/AAAAAAAAI6w/lMbHT3PghA8/s1600/comel.png'/>

Bingkisan <a expr:href='data:post.url'><data:post.title/></a> di karang oleh <data:post.author/> Pada<data:post.dateHeader/>. Menulis apa sahaja yang dirasakan betul. Bukan untuk sesiapa. tapi untuk diri sendiri sahaja. Jika ada yang suka membaca, terima kasih. Jika tidak, abaikan sahaja..Ingin berkongsi yang bermanfaat sahaja.

<p><span style='float:right;font:italic 10px Georgia;'><a href='http://www.sissyira.com' target='_blank'>:: Get this widget ! ::</a></span></p>

<div style='clear:both;'/>

</div>

</div>

</b:if>

<!-- Kotak Admin -->

PERHATIAN : TULISAN YANG BERWARNA BIRU TUKAR DENGAN AYAT ANDA SENDIRI

7. Cari pula code  ]]></b:skin> dan masukkan kode di bawah ini di atasnya .

.admin-tulisan{

display:block;

width:auto;

background:#CFE2E0;

border:2px solid #006600;

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 Georgia;

color:#222;

}

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

.admin-tulisan h4{

background:#8A9C04;

border:none;

border-bottom:1px solid #006600 ;

color:#fff;

text-transform:normal;

text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);

font-size:5px;

font-family: Georgia;

padding:5px 10px;

margin:0 0 0 0;

display:block;

}

.admin-tulisan h4 a{color:#009900 ;}

.admin-tulisan img{

width:70px;

height:70px;

margin:0 10px 0 0;

float:left;

border:1px solid #006600 ;

padding:2px;

background:#C36702;

box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;

}

8. Save dan boleh lihat hasilnya dengan anda click tajuk post anda.

Ranking: 5