![]()
okesharezone - Cara Membuat Widget Untuk Resep Makanan Seperti Facewoman (Blog Mas Andik) | Anda tahu siapa mas andik? Dia adalah pemilik blog Facewoman itu. Pemilik blog yang desain yang sangat mirip KapanLagi.com, tetapi template tersebut di modifikasi hingga hampir persis saja. Mengapa? Karena hak cipta KapanLagi.com itu tidak main-main. Yang jelas, hak cipta KapanLagi.com itu sudah resmi. Demikian penjelasan dari blog Facewoman. Sekarang beralih ke penjelasan membuat widget resep makanan seperti Facewoman.
Nah, jika Anda menginginkan widget resep makanannya, Anda bisa pasang di bagian sidebar. Untuk mempercantik blog. Namun, jangan keseringan menaruh widget CSS di blog ya. Mengapa? Karena dapat memperlambat loadingnya blog. Terus caranya bagaimana? Kita bisa tanpa menghapus kode CSS yang kita pasang, dengan cara memasang Kode Rahasia Untuk Mempercepat Blog dengan Google Code. Next time, kang hilman akan sharing tutorialnya.
Ya, lanjut lagi. Berikut cara membuatnya:
Pertama
Login atau buka akun blogger Anda.
Kedua
Anda klik Rancangan dan kemudian klik Edit HTML
KetigaCari kode
]]></b:skin>, dan letakkan kode berikut diatasnya.
.resep { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3_xe-SspMYYpRRNelUYsW1gpyj0ujZM7YiSKfwIM6kOrmjs96pRQc4npsDuXYV4xSS4D0080KvZUAx3NUx_D2AEmNSkWAuA-cv9CmxRzW-wIznElW8zh-Lqen44od2fyti2i-Ji4IsuEe/s320/youtube.png);
border: 1px solid #eee; padding: 2px;
font: 12px/1.4em Arial, sans-serif;width:100%;}
.resep img { border: 2px solid #CCCCCC;
vertical-align:middle; margin-bottom: 1px;height:80px;width:80px }
.resep ul li{font-size:1em;line-height:15px;padding:0 0 6px 12px}
Keempat
Setelah itu Simpan Templatenya.
Kelima
Menuju ke Rancangan kembali.
Keenam
Pilih HTML JavaScript dan kemudian letakkan kode berikut di dalamnya.
<div class="resep left">
<div style="font-weight:bold; color:#BB2000; font-size:15px; padding:5px 5px 5px 2px;text-align:left;">Resep <span style="color:#008E00;font-weight:bold;font-size:17px;">Makanan</span></div>
<script type='text/javascript'>var numposts = 2;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 150;</script>
<script type="text/javascript" src="/feeds/posts/default/-/
Food?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
KetujuhKlik
Simpan pada HTML/JavaScript.
Semoga bermanfaat :)
Title : Cara Membuat Widget Untuk Resep Makanan Seperti Facewoman (Blog Mas Andik)
Description : okesharezone - Cara Membuat Widget Untuk Resep Makanan Seperti Facewoman (Blog Mas Andik) | Anda tahu siapa mas andik? Dia adalah pemilik...
