Sabtu, 27 Juli 2013
Menampilkan Homepage dengan halaman statis
Sebuah impian mungkin, bagi kalian untuk memiliki halaman muka/homepage blog tersendiri yang terbebas dari daftar posting yang telah diterbitkan. Dulu Saya juga begitu, sampai Saya mempelajari tag kondisional Blogger lebih jauh. Kali ini Saya akan membagikannya kepada kalian tentang bagaimana cara menghilangkan semua posting dan menambahkan pesan selamat datang di halaman muka.
Yang kita butuhkan pada dasarnya hanya satu jenis tag kondisional, yaitu tag kondisional halaman muka seperti ini:
Yang kita butuhkan pada dasarnya hanya satu jenis tag kondisional, yaitu tag kondisional halaman muka seperti ini:
<b:if cond='data:blog.url == data:blog.homepageUrl'>Pertama-tama masuklah ke menu Template kemudian klik Edit HTML dan klik Lanjutkan:
Temukan kode yang kurang lebih tampak seperti ini:
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>Tepat di atas kode tersebut, letakkan kode ini:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='main' id='homepage'></b:section>
<b:else/>dan tepat di bawahnya, letakkan kode ini:
</b:if>sehingga hasilnya akan menjadi seperti ini:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='main' id='homepage'></b:section>
<b:else/>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</b:if>Seperti yang kalian lihat bahwa apa yang kalian lakukan sebenarnya hanyalah menggandakan elemen
<b:section> dimana salah satu hanya akan tampil di halaman muka, sedangkan satunya lagi hanya akan tampil selain di halaman muka.Klik Simpan Template. Sekarang masuklah ke halaman Tata Letak. Jika berhasil, seharusnya widget posting akan menghilang, digantikan oleh sebuah navigasi untuk menambahkan widget baru seperti ini:
Dari elemen itu Anda bisa menambahkan widget yang hanya akan ditampilkan pada halaman muka. Widget bisa berupa apa saja. Misalnya seperti teks ucapan selamat datang seperti gambar di atas, widget daftar isi, slideshow otomatis, atau yang lainnya.
Tutorial | Source: http://www.dte.web.id/2012/03/tip-membuat-halaman-muka-blog.html
Tutorial | Source: http://www.dte.web.id/2012/03/tip-membuat-halaman-muka-blog.html
ReadMore
2 Step to create nice Readmore.
1. Copas style-nya diatas kode: ]]></b:skin>
/* readmore */
.jump-link a {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
padding: 7px 12px;
background: -moz-linear-gradient(
top,
#fff 0%,
#222);
background: -webkit-gradient(
linear, left top, left bottom,
from(#fff),
to(#d7d8de));
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:
0px 1px 2px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.5);
-webkit-box-shadow:
0px 1px 2px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.5);
box-shadow:
0px 1px 2px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.5);
}
2. Copy kode HTML-nya,REPLACE kode <data:post.body/>
(mungkin yang kedua) dengan kode berikut:
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='jump-link' style='font-weight:bold;padding:5px;float:right;text-align:right;'>
<a expr:href='data:post.url'>
Continue Reading...
</a>
</span>
<div style='clear: both;'/>
</b:if>
</b:if>
Lalu save.
Jika mau bikin kreasi tombol, tetap semangat dan terus berusaha sampai OK.
Terimakasih.
Selanjutnya ...
1. Copas style-nya diatas kode: ]]></b:skin>
/* readmore */
.jump-link a {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
padding: 7px 12px;
background: -moz-linear-gradient(
top,
#fff 0%,
#222);
background: -webkit-gradient(
linear, left top, left bottom,
from(#fff),
to(#d7d8de));
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:
0px 1px 2px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.5);
-webkit-box-shadow:
0px 1px 2px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.5);
box-shadow:
0px 1px 2px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.5);
}
2. Copy kode HTML-nya,REPLACE kode <data:post.body/>
(mungkin yang kedua) dengan kode berikut:
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='jump-link' style='font-weight:bold;padding:5px;float:right;text-align:right;'>
<a expr:href='data:post.url'>
Continue Reading...
</a>
</span>
<div style='clear: both;'/>
</b:if>
</b:if>
Lalu save.
Jika mau bikin kreasi tombol, tetap semangat dan terus berusaha sampai OK.
Terimakasih.
Sabtu, 13 Juli 2013
obat tetes tenggorokan
Khasiat: Menurunkan demam, flu, batuk dan penyakit yang disebabkan
virus, mengobati radang tenggorokan, sakit gigi, sariawan dan gangguan
bau mulut. Komposisi: minyak habbatusauda, zaitun dll.
rp 30.000,- isi 20 ml
Selanjutnya ...
virus, mengobati radang tenggorokan, sakit gigi, sariawan dan gangguan
bau mulut. Komposisi: minyak habbatusauda, zaitun dll.
rp 30.000,- isi 20 mlhywoman caps
HywomanCaps (Hyman Caps) (45 kapsul), khasiat: Membantu memperbaiki fungsi
organ-organ reproduksi wanita/pria, Membantu memperbaiki fungsi saluran
peredaran darah, Meningkatkan kesuburan wanita untuk mendapatkan
keturunan, Apabila sudah positif hamil, hentikan mengkonsumsi obat
herbal ini.
rp 90.000,-
Selanjutnya ...
organ-organ reproduksi wanita/pria, Membantu memperbaiki fungsi saluran
peredaran darah, Meningkatkan kesuburan wanita untuk mendapatkan
keturunan, Apabila sudah positif hamil, hentikan mengkonsumsi obat
herbal ini.
rp 90.000,-bronchy caps
BronchyCaps (45 kapsul), khasiat: Membantu
memperbaiki Fungsi paru-paru dan saluran-saluran pernafasan
yaitu ; mengobati batuk pilek, asthma, Bronchitis, TB Paru. Bronchycaps
Wave Power : 545-555 nm
rp 80.000,-
Selanjutnya ...
memperbaiki Fungsi paru-paru dan saluran-saluran pernafasan
yaitu ; mengobati batuk pilek, asthma, Bronchitis, TB Paru. Bronchycaps
Wave Power : 545-555 nm
rp 80.000,-gurah caps
GurahCaps (45 kapsul), khasiat: Membantu mengeluarkan lendir dari
hidung, tenggorokan dan paru-paru serta dari organ pribadi wanita. Nano
technology 95% lebih cepat diserap tubuh, Dengan Wave Power : 445-455 nm
rp 80.000,-
Selanjutnya ...
hidung, tenggorokan dan paru-paru serta dari organ pribadi wanita. Nano
technology 95% lebih cepat diserap tubuh, Dengan Wave Power : 445-455 nm
rp 80.000,-gastry caps
GastryCaps (45 kapsul), Khasiat: Membantu memperbaiki fungsi-fungsi
pencernaan umum, lambung serta limpa, mengobati diare, maag, serta perut
kembung. Herbal dengan Nano technology 95% lebih cepat diserap tubuh,
Dengan Wave Power : 545-555 nm
rp 80.000,-
Selanjutnya ...
pencernaan umum, lambung serta limpa, mengobati diare, maag, serta perut
kembung. Herbal dengan Nano technology 95% lebih cepat diserap tubuh,
Dengan Wave Power : 545-555 nm
rp 80.000,-
