Tips meletakkan image atau gambar dihadapan tajuk post

Hari nie saya nak beri sedikit ilmu bagaimana hendak meletakkan image gambar dihadapan setiap tajuk post. Berikut adalah contoh image yang berada dihadapan post. Ok kita jangan buang masa lagi, mari kita ikut panduan dibawah: 1. Login ke blogger.com 2. Masuk menu Layout. 3. kemudian masuk menu Edit HTML. 4. Klik pada kotak Expand Widgets Templates. 5. Cari Code yang seakan dibawah ini. <br />.post h3 { <br /><br />margin:0;<br /><br />padding:5px 0px 10px 0px;<br /><br />font-size:155%;<br /><br />font-weight:normal;<br /><br />line-height:1.4em;<br /><br />color:#c60;<br /><br />text-transform:capitalize;<br /><br /> 6. Tambahkan kod berwarna merah dibawah kedalam seksyen tersebut. height:48px; background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center; 7. Ia akan menjadi seperti kod dibawah; <br />.post h3 { <br /><br />margin:0;<br /><br />padding:5px 0px 10px 0px;<br /><br />font-size:155%;<br /><br />font-weight:normal;<br /><br />line-height:1.4em;<br /><br />color:#c60;<br /><br />text-transform:capitalize;<br /><br />height:48px;<br /><br />background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center;<br /><br /> 8. URL diatas adalah sebagai contoh sahaja. Tukarkan code berwarna merah diatas dengan URL image anda dan kod height harus disesuaikan mengikut image anda. 9. Tukarkan padding mengikut kesesuaian gambar yang akan dipaparkan pada tajuk post. Jika tidak mempunyai padding maka tambahkan kod padding seperti dibawah. padding:48px 0px 0px 45px; 8. Setelah Semua selesai Klik Save Template Lihat hasilnya. Semoga berjaya. Baca selebihnya...

Cara mudah membuat Read More

Ramai dikalangan pengguna blogspot bertanyakan apakah yang dimaksudkan dengan "Read More". Read More ialah baca artikel atau post seterusnya/selanjutnya. Mengapa perlu membuat read more ini?. Read more secara mudahnya dibuat adalah untuk meminimakan penggunaan ruang post supaya tidak menjadi terlalu panjang.
Mari kita lihat contoh dibawah bagaimana read more dibuat.



Melalui kaedah ini, artikel-artikel yang panjang sebahagiannya sahaja yang akan dipaparkan. Apabila pengguna hendak melihat atau membaca keseluruhan post artikel tersebut mereka hanya perlu klik pada link Read More dan keseluruhan artikel tersebut akan dipaparkan. Untuk memudahkan bagaimana untuk membuat link Read More, saya akan terangkan disini. Mari kita mulakan.
Baca selebihnya...

Cara mudah membuat Read More

Ramai dikalangan pengguna blogspot bertanyaan apakah yang dimaksudkan dengan "Read More". Read More ialah baca artikel atau post selanjutnya. Mengapa perlu membuat read more ini?. read more secara mudahnya dibuat adalah untuk meminimakan penggunaan ruang post supaya tidak menjadi terlalu panjang. Melalui kaedah ini, artikel-artikel yang panjang sebahagiannya sahaja yang akan dipaparkan. Apabila pengguna hendak melihat atau membaca keseluruhan post artikel tersebut mereka hanya klik pada link Read More dan keseluruhan artikel tersebut akan dipaparkan. Untuk memudahkan bagaimana untuk membuat link Read More, saya akan terangkan disini. Mari kita mulakan. 1. Login ke blogger.com 2. Masuk menu Setting. 3. Masuk menu Formatting. 4. Skroll kebawah sehingga jumpa post template. 5. Masukkan kod dibawah kedalam post template.

< class="fullpost"> < /span >

Baca selebihnya...

Meletakkan image gambar dihadapan tajuk post

Hari nie saya nak beri sedikit ilmu bagaimana hendak meletakkan image gambar disebelah tajuk post.
Contoh image disebelah post.


Gambar atau image yang berada dihadapan tajuk post akan mencantikkan lagi tajuk blog. Ok jangan buang masa lagi, sila ikuti panduan dibawah:

1. Login ke blogger.com
2. Masuk menu Layout.
3. kemudian masuk menu Edit HTML.
4. Klik pada kotak Expand Widgets Templates.
5. Cari Code yang seakan dibawah ini.

.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#0000;

6. Tambahkan kod ini di dalam seksyen tersebut:
height:48px;
background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center;

7. Ia akan menjadi seperti dibawah:

.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#0000;
height:48px;
background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center;

8. URL diatas adalah sebagai contoh sahaja. Tukarkan code berwarna merah diatas dengan URL image anda dan kod height harus disesuaikan mengikut blog anda.

9. Tukarkan padding mengikut kesesuaian gambar yang akan dipaparkan pada tajuk post. Jika blog anda tidak mempunyai padding maka tambahkan kod seperti dibawah.
padding:48px 0px 0px 45px;

10. Setelah Semua selesai Klik Save Template Lihat hasilnya. Semoga berjaya. Baca selebihnya...