![]() |
| 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
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 == "item"'><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.

.jpg)
