tag:blogger.com,1999:blog-35889280474206851122024-03-20T07:04:39.523+08:00list blog tutorialBelajar bersama tentang Template,Tips Trick Tutorial Blogger.joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.comBlogger58125tag:blogger.com,1999:blog-3588928047420685112.post-20263106964231081512012-04-16T15:55:00.000+08:002012-04-16T15:55:51.321+08:00Refresh blog atau Redirect URL AddresCara refresh blog,mungkin semua bloger sudah tahu cara membuat efek refresh di blogspot.Fungsi refresh ini adalah untuk penyegaran kembali ke halaman utama blog kita.<br />
<br />
Login ke akaun blogger>> Design>>Edit Html<br />
Cari kode </head><br />
Masukan kod berikut tepat di atas kode </head><br />
<br />
<meta http-equiv="refresh" content="30"/><br />
<br />
content="30"=>menunjukan proses refresh akan dilakukan dalam waktu 30 saat/detik angka ini boleh di ubah suai untuk jangka berapa waktu blog kita akan di refresh.<br />
<br />
SIMPAN TEMPLATE <br />
Selesai.<br />
<br />
Kegunaan lain script/kod ini Selain kegunaan di atas,ia mempunyai fungsi untuk redirect dari URL Addres satu ke URL Addres lainnya.Sebagai contoh,anda ada sebuah blog yang lama sudah terbiar kerana anda mempunyai blog baru,blog lama itu jangan di padam,cuma masukan sahaja kod di bawah ni kedalamnya,<br />
jika ada pengunjung yang memasuki blog lama anda ia akan di bawa secara auto ke blog baru anda.<br />
<br />
<meta HTTP-EQUIV='refresh' content='0;URL=<span style="color: red;"><b>http://listblog-tutorial.blogspot.com/'</b></span>/><br />
<br />
Cara letaknya sama dengan cara di atas,gantikan url blog yang ingin anda tujukan.<br />
Contohnya, letak kod di blog lama urlnya hendaklah blog baru.anda.<br />
<br />
Dengan cara ini,apabila seseorang memasuki blog lama anda,apabila keseluruhan blog sudah diloding baru kod ini mula berkerja,mengalihkan url blog lama ke blog baru.<br />
<br />
Ada satu lagi kod untuk redirect dari URL Addres satu ke URL Addres lainnya dengan lebih cepat berbanding kod di atas.<br />
<br />
<br />
<script language="javascript" type="text/javascript"><br />
<!--<br />
window.location="<span style="color: red;">http://listblog-tutorial.blogspot.com</span>/";<br />
// --><br />
</script><br />
<br />
Salin kod di atas dengan mengantikan url tujan anda.<br />
Letak kedalam kotak Add a Gadget / HTML Javascript<br />
<br />
simpan templat.<br />
selesaijoyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-79359674097180673612012-02-25T12:34:00.001+08:002012-02-25T16:46:39.810+08:00Membuat navigasi breadcrumb----->Widget ini telah di pertingkatkan dari yang lama,mengikut peredaran masa.<-----<br />
Menu breadcrumb ini hanya akan muncul diatas artikel ketika kita membuka halaman suatu posting dan bukan halaman utama blogspot korang.<br />
<br />
Cara membuat breadcrumb.<br />
<br />
Pada Design, kemudian pilih Edit HTML,klik pada Expand Widget Templates.<br />
dan cari kod berikut.<br />
<br />
<b><b:if cond='data:post.title'><br />
</b><br />
Setelah jumpa ,letakkan kod dibawah ini dibawah kod tadi.<br />
<br />
<b:if cond='data:blog.pageType == "item"'><br />
<a expr:href='data:blog.homepageUrl'>Home</a> &#187;<br />
<b:if cond='data:post.labels'><br />
<b:loop values='data:post.labels' var='label'><br />
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><br />
<b:if cond='data:label.isLast != "true"'>,</b:if><br />
</b:loop><br />
&#187;<br />
</b:if><br />
<data:post.title/><br />
</b:if><br />
<br />
<br />
Kemudian klik save Templates, dan siap sepenuhnya.joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-4449958875900273562012-02-22T20:18:00.000+08:002012-02-22T20:18:36.659+08:00Cara sorokatau tampilkan sesuatu widget di blogMungkin ada antara pembaca ada terjumpa blog,apabila sesuatu link di klik ada sesetengah widgetnya menghilang,dan widget lain pula muncul.Jika ingin membuatnya,cuba fahami code-code dibawah ini.<br />
<br />
1. Hanya pada Halaman Utama Blog<br />
<br />
<b><span style="color: blue;"><b:if cond='data:blog.url == data:blog.homepageUrl'> ... </b:if></span></b><br />
<br />
Code ini berfungsi untuk menampilkan widget blog hanya pada halaman utama blog saja alias akan menghilang ketika anda mengklik Label Post atau membaca postingan secara keseluruhan.<br />
<br />
2. Kategori Post dan Single Post<br />
<br />
<b><span style="color: blue;"><b:if cond='data:blog.url != data:blog.homepageUrl'> ... </b:if></span></b><br />
<br />
Code ini berfungsi untuk menampilkan widget blog pada kategori post dan single post (membaca posting secara keseluruhan).<br />
<br />
3. Halama Utama Blog dan Kategori Post<br />
<br />
<b><span style="color: blue;"><b:if cond="data:blog.pageType != &quot;item&quot;"> ... </b:if></span></b><br />
<br />
Code ini berfungsi untuk menampilkan widget blog pada main post dan kategori post dan akan menghilang ketika membaca posting secara keseluruhan.<br />
<br />
4. Single Post<br />
<br />
<b><span style="color: blue;"><b:if cond="data:blog.pageType == &quot;item&quot;"> ... </b:if></span></b><br />
<br />
Code ini berfungsi untuk menampilkan widget blog hanya pada single post saja atau ketika anda membaca postingan secara keseluruhan dan tidak akan muncul pada main post atau kategori post.<br />
<br />
5. Halama Utama Blog dan Kategori Post<br />
<br />
<b><span style="color: blue;"><b:if cond="data:blog.pageType == &quot;index&quot;">... </b:if></span></b><br />
<br />
Fungsi code ini sama dengan fungsi code pada no 3 diatas.<br />
<br />
6. Menampilan Widget Blog Pada Postingan Tertentu Saja<br />
<br />
<b><span style="color: blue;"><b:if cond="data:blog.url == &quot;URL_POST_TERTENTU&quot;"> ... </b:if></span></b><br />
<br />
Code ini berfungsi untuk menampilkan suatu widget blog hanya pada suatu posting tertentu. <br />
<br />
7. Menyembunyikan Widget Post Pada Postingan Tertentu Saja<br />
<br />
<b><span style="color: blue;"><b:if cond="data:blog.url != &quot;URL_POST_TERTENTU&quot;"> ... </b:if></span></b><br />
<br />
Code ini sama fungsinya dengan code no 6 dimana widget blog akan menghilang dari suatu posting tertentu dan muncul pada posting yang lain.<br />
<br />
<i>Cara-cara untuk mengunakan code ini,amat mudah,lihat contoh di bawah.</i><br />
<br />
<b><span style="color: blue;"><b:if cond='data:blog.url == data:blog.homepageUrl'> </span></b><br />
<span style="color: red;">Letak di sini widget yang hendak sembunyikan atau di tampilkan</span><br />
<b><span style="color: blue;"></b:if></span></b>joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-12310894885387971662012-02-18T00:18:00.000+08:002012-02-19T00:34:11.575+08:00Judul-judul artikel pada headline news tersebut bergerak<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9EKRnYEBFOfXd49v0lwRI8t55VGhpCSA1WYN9i_Lp0D-0fIK7MXH5z7rWwEsDj15K5DdI7mz6kJd_IY5h9hViAyoXHtLVdp740gpPUFjm1J2stTp7ar51MBQqASz-iyW1H9FfsJe9B1Sr/s320/headline.bmp" /> <br />
Masuk ke account Blogger kamu, <br />
pilih Page ElementsKlik <br />
Add a Gadget<br />
HTML/JavaScript<br />
<br />
<br />
<br />
<br />
<br />
<li>Tidak usah diberi judul, kemudian copy-paste kode di bawah ini:</li><br />
<br />
<br />
<br />
<br />
<br />
<script type="text/javascript"><br />
var hn_url_blog = "<span style="color: blue;">http://listblog-tutorial.blogspot.com</span>";<br />
var hn_jumlah_post = <span style="color: blue;">5</span>;<br />
var hn_warna_latar = "<span style="color: blue;">#000</span>";<br />
var hn_warna_garis = "<span style="color: blue;">#fffff</span>f";<br />
var hn_posisi = "<span style="color: blue;">top</span>";<br />
var hn_tampilkan_judul = true;<br />
var hn_backlink = true;<br />
</script><br />
<script src="https://sites.google.com/site/akudanteksi/avascript/headlinenews.js"><br />
</script><br />
<br />
Ganti yang berwarna<b><span style="color: blue;"> biru </span></b>mengikut kesesuaian blog anda.<br />
Selamat mencuba.joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-51524876617930530822010-10-12T02:07:00.001+08:002012-02-19T00:30:25.474+08:00ShoutMix tersembunyi<div>Ini cara membuat ShoutMix tersembunyi yang dapat menjimatkan ruang sidebar</div><div>caranya:<br />
Pada Elemen Halaman, klik Add Gadget di lokasi yang Anda ingin letak;<br />
Pilih HTML/Javascript;</div><div>salin kod di bawah ini;<br />
<br />
</div><style type="text/css"><br />
.gb_fixed{<br />
position:fixed;<br />
top:0px;<br />
right:0px;<br />
z-index:+10;<br />
}<br />
* html .gb_fixed {position:relative;}<br />
#hidden_gb2 {<br />
display:none;<br />
border:2px solid #transparent;<span class="Apple-style-span" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"> </span><br />
background:#transparent;<br />
padding:10px;<br />
padding-top:0px;<br />
}<br />
</style><br />
<div class="gb_fixed"><br />
<table id="hidden_gb2" cellpadding="0" cellspacing="0"><br />
<tr><td><br />
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">[ Tutup Klik Sini]</b></a></div><br />
<br />
<!-- Begin ShoutMix - http://www.shoutmix.com --><br />
Letak kod shoutmix anda di sini...........................................<br />
<!-- End ShoutMix --><br />
<br />
</td></tr></table><br />
</div><br />
<script src="https://sites.google.com/site/listblogtutorial/widget/lbt.js"></script><br />
<div style="z-index:+5" class="gb_fixed"><br />
<a href="javascript:void(0)" onclick="gb_showHideGB()"><br />
<img border="0" style="border:0px" src="http://images.cooltext.com/1793891.png"/><br />
</a><br />
</div><br />
</div><br />
<div><br />
</div><div>sudah selesai simpan.</div>joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-10075863700894579192010-11-12T18:28:00.001+08:002012-02-19T00:24:47.852+08:00Membuat Page Number atau Navigasi HalamanPage Number atau Navigasi Halaman dengan menggunakan nomor atau angka adalah sebagai alat navigasi yang berfungsi mengantikan LinkWithin<br />
<div><br />
</div><div><br />
</div><div><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyT2Nbq9UiOXbXcBZpot_G_GDakRZ6-yC-2c3Kj8PUjnMagDEkRUhpbBZkkh-mwTSz84CGBM5QKIunUf4GATNDM0WFu54jBO1y3_TdjT628qOO1laoP8I8MKvJK8MLIrCs1cdEr-IrFVGw/s200/navigasi.png" /></div><div><br />
</div><div>selanjutnya cari kode berikut:<span class="Apple-style-span"><span class="Apple-style-span" style="color: blue;">]]></b:skin>;</span></span></div>masukkan kode dibawah ini diatasnya:<br />
<br />
<div>.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;</div><div>}</div><div><br />
</div><div>.showpageArea a {border: 1px solid #505050;</div><div>color: #000000;font-weight:normal;</div><div>padding: 3px 6px !important;</div><div>padding: 1px 4px ;margin:0px 4px;</div><div>text-decoration: none;</div><div>}</div><div>.showpageArea a:hover {</div><div>font-size:11px;</div><div>border: 1px solid #333;</div><div>color: #000000;</div><div>background-color: #FFFFFF;</div><div>}</div><div><br />
</div><div>.showpageNum a {border: 1px solid #505050;</div><div>color: #000000;font-weight:normal;</div><div>padding: 3px 6px !important;</div><div>padding: 1px 4px ;margin:0px 4px;</div><div>text-decoration: none;</div><div><br />
</div><div>}</div><div>.showpageNum a:hover {</div><div>font-size:11px;</div><div>border: 1px solid #333;</div><div>color: #000000;</div><div>background-color: #FFFFFF;</div><div><br />
</div><div>}</div><div>.showpagePoint {font-size:11px;</div><div>padding: 2px 4px 2px 4px;</div><div>margin: 2px;</div><div>font-weight: bold;</div><div>border: 1px solid #333;</div><div>color: #fff;</div><div>background-color: #000000;</div><div><br />
</div><div>}</div><div><br />
</div><div>.showpage a:hover {font-size:11px;</div><div>border: 1px solid #333;</div><div>color: #000000;</div><div>background-color: #FFFFFF;</div><div><br />
</div><div>}</div><div>.showpageNum a:link,.showpage a:link {</div><div>font-size:11px;</div><div>padding: 2px 4px 2px 4px;</div><div>margin: 2px;</div><div>text-decoration: none;</div><div>border: 1px solid #0066cc;</div><div>color: #0066cc;</div><div>background-color: #FFFFFF;}</div><div><br />
</div><div>.showpageNum a:hover {font-size:11px;</div><div>border: 1px solid #333;</div><div>color: #000000;</div><div>background-color: #FFFFFF;</div><div>}<br />
<br />
<br />
</div>Lalu cari kode:<span class="Apple-style-span"><span class="Apple-style-span" style="color: blue;"></body></span></span>dan masukkan kode dibawah ini diatasnya juga.<br />
<br />
<b:if cond='data:blog.pageType != &quot;item&quot;'><br />
<script type='text/javascript'><br />
var pageCount=5;<br />
var displayPageNum=5;<br />
var upPageWord =&#39;Previous&#39;;<br />
var downPageWord =&#39;Next&#39;;<br />
</script><br />
<script src='https://sites.google.com/site/listblogtutorial/widget/blogger-page.js' type='text/javascript'/><br />
</b:if><br />
<br />
Selanjutnya carilah kode ini : <span class="Apple-style-span"><span class="Apple-style-span">'<span style="color: blue;">data:label.url'</span></span></span><br />
Hapus kode ini : <span class="Apple-style-span"><span class="Apple-style-span">'<span style="color: blue;">data:label.url'</span></span></span> dan gantilah dengan kode di bawah ini:<br />
<div><br />
</div><div>'<span style="color: red;">data:label.url + &quot;?&amp;max-results=5&quot;'</span><br />
<span class="Apple-style-span"><span class="Apple-style-span" style="line-height: 16px;"><br />
</span></span>Setelah itu Klik Simpan Selesa.</div>joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-22913629968792834622011-11-12T16:38:00.000+08:002012-02-19T00:06:44.757+08:00Cara letak code copy pasteAda sesetengah blogger tidak mahu blog mereka di copy paste,<div>jadi kita harus meletakan code copy paste</div><br />Cara letak code copy paste sangat mudah.<br /><br />Login ke blog anda<br />Klik Edit HTML<br />Cari code<b> </head></b><br /><br />Jika sudah jumpa,salin code dibawah ini dan letak dibawah code <b></head> </b>tadi.<br /><br /><i><script language='JavaScript1.2'><br />function disableselect(e){<br />return false<br />}<br />function reEnable(){<br />return true<br />}<br />document.onselectstart=new Function ("return false")<br />if (window.sidebar){<br />document.onmousedown=disableselect<br />document.onclick=reEnable<br />}<br /></script></i><br /><br />Simpan Templet anda,dan lihat hasilnya.<br />Selamat mencuba,joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com2tag:blogger.com,1999:blog-3588928047420685112.post-12457805238322809682012-02-15T16:23:00.001+08:002012-02-15T16:25:16.789+08:00Cara buat Twitter Widget di blog<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgICjliiDxTJL2FrTx4T9qUMl8UnhS5bwgt0yWChyphenhyphenH_i0qR5_QZh9ctfNmmZQeK1wlFMCKDT_5sUn6O0JzHSJzqYxXAqA2by9Cu-WU8LPYoCeGpu-8q2JArc4zRcDpSTc8Ys1nA6dTQGow/s1600/twitter.bmp" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgICjliiDxTJL2FrTx4T9qUMl8UnhS5bwgt0yWChyphenhyphenH_i0qR5_QZh9ctfNmmZQeK1wlFMCKDT_5sUn6O0JzHSJzqYxXAqA2by9Cu-WU8LPYoCeGpu-8q2JArc4zRcDpSTc8Ys1nA6dTQGow/s200/twitter.bmp" width="126" /></a></div><a href="http://listblog-tutorial.blogspot.com/">Twitter</a>,salah satu rangkaian sosial yang banyak digunakan selain muka-buku(facebook).<br />
Sekarang banyak blogger meletakan widget twitter di blog agar memudahkan pembaca nak follow kita sebagai rakan twwet atau mengikut blog kita melalui twitter sahaja.<br />
<br />
<a href="http://listblog-tutorial.blogspot.com/2012/02/cara-buat-twitter-widget-di-blog.html">Cara buat Twitter Widget di blog</a> juga amat mudah,kepada yang belum tahu nak membuatnya,ikut langkah mudah di bawah ini.<br />
<br />
Pertama anda seharusnya sudah mendaftar dengan twitter,jika belum daftar sekarang.<br />
(saya angap anda sudah mempunyai akaun twitter)<br />
<br />
1.Buka twitter anda dahulu,dan pilih <b>Widgets.</b>(<a href="https://twitter.com/about/resources/widgets">https://twitter.com/about/resources/widgets</a>).<br />
<br />
<br />
2.Klik pada <b>My Website</b> dan pilih <b>Profile Widget.</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihTQkckC1RPYRTTNAv8ESUtrhhHaKIr3w2oOARlSzEsx1d2-64kiKyLdFflfuu2HQOqJ6Wvy3qFneER3Qzm_79o3LxL3lbDLR8bZI9fgwpU0hVGSM1eH34RGpog8uSR9SEha42Z7CnbqY/s1600/twitter.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihTQkckC1RPYRTTNAv8ESUtrhhHaKIr3w2oOARlSzEsx1d2-64kiKyLdFflfuu2HQOqJ6Wvy3qFneER3Qzm_79o3LxL3lbDLR8bZI9fgwpU0hVGSM1eH34RGpog8uSR9SEha42Z7CnbqY/s320/twitter.bmp" width="320" /></a></div><br />
3.Pada bahagian <b>Setting</b>,dibawah<b> USERNAME</b> tulis nawa Twitter anda.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuCpTBIk6CP_JTn9bMKC62Jl0GuSYojAKRqO_rfDZSsIpQ8yEX1y8NRw09jFC19FRv0Kb5fhpau32aRlpofKDvvex_g6ICAJ_DTf1CMbAZzFjbDUt4TFHP9bRJ2rliw2qeS4ye39973o8/s1600/twitter+widget.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuCpTBIk6CP_JTn9bMKC62Jl0GuSYojAKRqO_rfDZSsIpQ8yEX1y8NRw09jFC19FRv0Kb5fhpau32aRlpofKDvvex_g6ICAJ_DTf1CMbAZzFjbDUt4TFHP9bRJ2rliw2qeS4ye39973o8/s320/twitter+widget.bmp" width="320" /></a></div><br />
4.Pada<b> Preferences</b>,Pilih mengikut kesesuaian anda,<b>Number of Tweet</b> terpulang berapa banyak nak letak.<br />
<br />
5<b>.Appearance</b>,tukar warna mengikut kesesuaian blog,atau warna kegemaran anda.<br />
<br />
6.Bahagian <b>Dimensions</b> ubah size kelebaran mengikut kesesuaian blog anda atau pilih dan tanda pada<b><span style="color: lime;"> auto width</span></b>,dimana ia akan berubah secara auto mengikut kesesuaian template blog kita.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjmJ6R0YP-gPqZUKJk31vVSG7VlMve3cvIMur0honoQTK8Qla0OJ5dVTyyeLk5031fgU5D4kM2jpMYK5f9uyheB_GmiuP24cHsDsHrG6fouETgJSBBYaFpw1BHKqsveyCJtE_hlyHsHTY/s1600/widget+twitter.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjmJ6R0YP-gPqZUKJk31vVSG7VlMve3cvIMur0honoQTK8Qla0OJ5dVTyyeLk5031fgU5D4kM2jpMYK5f9uyheB_GmiuP24cHsDsHrG6fouETgJSBBYaFpw1BHKqsveyCJtE_hlyHsHTY/s320/widget+twitter.bmp" width="320" /></a></div><br />
7.Klik <b>Test Settings</b> untuk Lihat <b>preview twitter</b> yang dibuat,jika berpuashati klik <b>Finish & Grab Code</b>,Salin code dan letak di blog mengikut kesesuaian.<br />
<br />
Kalau nak senang klik je <img src="https://twitter.com/images/add2blogger_lg.gif" /> dan secara <i>auto widget twitter</i> sudah berada di blog kita.<br />
<br />
Begitulah <a href="http://listblog-tutorial.blogspot.com/2012/02/cara-buat-twitter-widget-di-blog.html">Cara buat Twitter Widget di blog.</a><br />
<span style="font-family: Georgia, 'Times New Roman', serif;"><b>Salam,dan selamat mencuba.</b></span>joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-71511105713764979372010-09-15T14:08:00.000+08:002012-02-08T19:59:10.584+08:00Masuk gambar pada background blogLogin ke blogger, klik link layout, setelah masuk ke halaman template, klik sub menu Edit HTML, kemudian cari kod/tag CSS body { }, biasanya seperti dibawah ini:<br /><br />body {<br />font: $bodyFont;<br />color: $textColor;<br />background: $bgColor;<br />}<br />kemudian tambahkan kod untuk background dengan gambar seperti ini:<br /><br />body {<br />font: $bodyFont;<br />color: $textColor;<br />background: $bgColor;<br />background-image: url(http://www.domain.com/gambar.jpg);<br />}<br /><br />Gantikan http://www.domain.com/gambar.jpg dengan url andajoyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-76947071083668688712010-09-15T22:38:00.000+08:002012-02-08T19:58:16.613+08:00membuat sidebar atau area postingan berubah<span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: medium; "><strong><span class="Apple-style-span">Membuat Sidebar atau Area Postingan Berpindah</span></strong></span><div><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: medium; "><strong><span class="Apple-style-span"><br /></span></strong></span></div><div><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: medium; "><strong><span class="Apple-style-span" style="font-weight: normal; "><span class="Apple-style-span">Caranya sangat mudah lagi-lagi dengan css bersyarat. Tambahkan css berikut ini di atas <b>]]></b:skin></b></span></span></strong></span></div><div><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: medium; "><strong><span class="Apple-style-span" style="font-weight: normal; "><b><span class="Apple-style-span"><br /></span></b></span></strong></span></div><div><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: medium; "><strong><span class="Apple-style-span" style="font-weight: normal; "><b><div><span class="Apple-style-span"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></div><div><span class="Apple-style-span">#main-wrapper{float:left;}</span></div><div><span class="Apple-style-span">#sidebar-wrapper{float:right;}</span></div><div><span class="Apple-style-span"></b:if></span></div><div><span class="Apple-style-span"><br /></span></div><div><span class="Apple-style-span" style="font-weight: normal; "><span class="Apple-style-span">Baris pertama script menunjukkan syarat bahwa css tersebut hanya dipanggil untuk halaman postingan. Selamat mencoba bro.</span></span></div></b></span></strong></span></div>joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-25779861976178461302010-09-27T19:07:00.000+08:002012-02-08T19:57:36.362+08:00Membuat 2kolum header(cara ke2)<div><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; "> layout 2 kolum header boleh tengok gambar di bawah.</span></div><div><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; "><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ7T3PImLBuURl4E114iaRydRl0wq1F8Z8nHwFAGcLCYKrLKDKGgY6ZyA3CifzR8szlJ0-soZ3-0WRPcl7VZrDpZHEpsoOHpg8M6yLjBwyeZ1_-C-tws6TsEemaX77Q7ZLoqJOdnjR0xIz/s1600-h/lu.bmp" style="color: rgb(85, 136, 170); text-decoration: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ7T3PImLBuURl4E114iaRydRl0wq1F8Z8nHwFAGcLCYKrLKDKGgY6ZyA3CifzR8szlJ0-soZ3-0WRPcl7VZrDpZHEpsoOHpg8M6yLjBwyeZ1_-C-tws6TsEemaX77Q7ZLoqJOdnjR0xIz/s400/lu.bmp" border="0" alt="" id="BLOGGER_PHOTO_ID_5304779533003233410" style="border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 116px; " /></a></span></div><div><br /></div><div><br /></div><div><br /></div><div><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; ">Cara-caranya ialah:-<br /><br />1) Klik Template>Edit HTML. Pastikan save dulu template asal.<br />2) Cari kod seperti di bawah:-<br /></span></div><div><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; "><br /></span></div><div><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; "><div><div id='header-wrapper'></div><div><b:section class='header' id='header' maxwidgets='1' showaddelement='no'></div><div><b:widget id='Header1' locked='true' title='Your blog title will appear here (Header)' type='Header'/></div><div></b:section></div><div></div></div><div><br /></div><div>3) Tukarkan kesemua kod di atas dengan kod di bawah:-<br /></div><div><br /></div><div><div><div id='header-wrapper'></div><div><b:section class='header' id='header' maxwidgets='1' showaddelement='no'></div><div><b:widget id='Header1' locked='true' title='Blogger template Design Series (Header)' type='Header'/></div><div></b:section></div><div><div id='header-right'></div><div><b:section class='header' id='header-right-top' showaddelement='yes'></div><div></b:section></div><div></div></div><div><div id='header-right-bottom'></div><div><b:section class='header' id='header-right-bottom-section' showaddelement='yes'></div><div></b:section></div><div></div></div><div></div></div></div><div><br /></div><div>4) Kemudian cari kod yang ini pulak:-</div><div><br /></div><div>#header-wrapper {<br />border: 1px solid #000000;<br />margin:0 auto 10px;<br />border:1px solid $bordercolor;<br />clear: both;<br />word-wrap: break-word;<br />overflow: hidden;<br />}<br /><br />#header-inner {<br />background-position: center;<br />margin-left: auto;<br />margin-right: auto;<br />}<br /><br />#header {<br />margin: 5px;<br />border: 1px solid $bordercolor;<br />text-align: center;<br />color:$pagetitlecolor;<br />}</div><div><br /></div><div>4) Tukarkan kesemua kod di atas dengan kod di bawah:-<br /></div><div><br />#header-wrapper {<br />width: 950px;<br />border: 1px solid #000000;<br />margin:0 auto 10px;<br />border:1px solid $bordercolor;<br />clear: both;<br />word-wrap: break-word;<br />overflow: hidden;<br />}<br /><br />#header-inner {<br />background-position: center;<br />margin-left: auto;<br />margin-right: auto;<br />}<br /><br />#header {<br />width: 500px;<br />float: left;<br />margin: 5px;<br />border: 1px solid $bordercolor;<br />text-align: center;<br />color:$pagetitlecolor;<br />}<br /><br />#header-right {<br />width: 400px;<br />float: right;<br />border: 1px solid $bordercolor;<br />color: $pagetitlecolor;<br />margin: 5px;<br />}<br />#header-right-top {<br />padding: 0 5px 10px;<br />}<br /><br />#header-right-bottom-section {<br />padding: 0 5px 10px;<br />}<br /><br />#header-right ul {<br />margin: 0;<br />padding: 5px;<br />}<br /><br />#header-right ul li {<br />display: inline;<br />padding: 5px;<br />}</div><div><br /></div><div><br /><br />#header-right-bottom {<br />width: 400px;<br />float: right;<br />border: 1px solid $bordercolor;<br />color: $pagetitlecolor;<br />margin: 5px;<br />}<br /><br />#header-right-bottom ul {<br />margin: 0;<br />padding: 5px;<br />}<br /><br />#header-right-bottom ul li {<br />display: inline;<br />padding: 5px;<br />}</div><div><br /></div><div>5) selesai</div></span></div>joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-91556119088921116632010-09-15T15:23:00.000+08:002012-02-08T19:57:01.726+08:00Menambah colom dibahagian bawah templateingin menambah beberapa colom dibahagian bawah template.<br /><br />Macam biasa loggin dan terus ke bahagian Edit HTML.<br /><br />Tambahkan kod css ini dimana yang Antum suka, yang penting sebelum kod ]]></b:skin><div><br /></div><div><span class="Apple-style-span" style="font-family: Georgia; font-size: 11px; line-height: 17px; ">/* ----- LOWER SECTION ----- */<br />#lower-wrapper {<br />margin: 0px 0px 0px 0px;<br />padding: 0;<br />width: <span style="color: rgb(255, 0, 0); ">865</span>px; /* Panjang kotak utama */<br />font: georgia;<br />color: #0066cc;<br />background: <span style="color: rgb(255, 0, 0); ">#000000</span>; /* Background Kotak Utama */<br />border: 3px solid #F2F2F2; /* Border Kotak Utama */<br />}<br />#lowerbar-wrapper {<br />float: left;<br />margin-left: 10px;<br />padding: 0px 0px 0px 0px;<br />width: <span style="color: rgb(255, 0, 0); ">200</span>px; /* Panjang Lowerbar */<br />line-height: 1.0em;<br />background: <span style="color: rgb(255, 0, 0); ">#D8D8D8</span>; /* Background Lowerbar */<br />word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br />overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br />}<br />#lowerads-wrapper {<br />float: left;<br />margin: 0px 0px 0px 0px;<br />padding: 0px;<br />width: <span style="color: rgb(255, 0, 0); ">840</span>px;<br />text-align: center;<br />background: <span style="color: rgb(255, 0, 0); ">#D8D8D8</span>;<br />word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br />overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br />}<br />.lowerbar {margin: 0; padding: 0;}<br />.lowerbar .widget {<br />float: left;margin-left: 10px;<br />padding:0px;<br />}<br />.lowerads {margin: 0; padding: 0;}<br />.lowerads .widget {margin: 0; padding: 10px 0px 0px 0px;<br />}<br />.lowerbar h2 {<br />margin-left: 7px;<br />padding: 5px;<br />color: <span style="color: rgb(255, 0, 0); ">#ffff66</span>;<br />font: georgia;<br />font-weight: bold;<br />font-size: 10px;<br />border: 3px ridge #F2F2F2;<br />text-align: center;<br />text-transform:none;<br />background:<span style="color: rgb(255, 0, 0); ">#000000</span>;<br />}<br />.lowerads h2 {<br />margin-left: 7px;<br />padding: 5px;<br />color: <span style="color: rgb(255, 0, 0); ">#ffff66</span>;<br />font: georgia;<br />font-weight: bold;<br />font-size: 10px;<br />border: 3px ridge #F2F2F2;<br />text-align: center;<br />text-transform:none;<br />background:<span style="color: rgb(255, 0, 0); ">#000000</span>;<br />}<br />.lowerbar ul {<br />list-style:none;<br />margin-left:0px;<br />padding:5px;<br />}<br />.lowerbar ul li {<br />list-style: none;<br />background: url(<span style="color: rgb(255, 0, 0); ">alamat icon Anda</span>) no-repeat;<br />margin:0;<br />padding:0px 0 2px 19px;<br />line-height: 1.3em;<br />}<br />.lowerbar a {color: #006699; text-decoration: bold;}<br />.lowerbar a:hover {text-decoration: none;color: #C94093;<br />}<br />.lowerbar a:visited {text-decoration: none; color: #6131BD;}</span></div><div><span class="Apple-style-span" style="font-family: Georgia; font-size: 11px; line-height: 17px; "><br /></span></div><div><span class="Apple-style-span" style="font-family: Georgia; font-size: 11px; line-height: 17px; "><span class="Apple-style-span" style="font-family: Georgia, serif; line-height: normal; font-size: 13px; ">Perhatikan kod2 diatas, cuba suaikan dengan template Anda</span></span></div><div><span class="Apple-style-span" style="font-family: Georgia; font-size: 11px; line-height: 17px; "><span class="Apple-style-span" style="font-family: Georgia, serif; line-height: normal; font-size: 13px; "><br /></span></span></div><div><span class="Apple-style-span" style="font-family: Georgia; font-size: 11px; line-height: 17px; "><span class="Apple-style-span" style="font-family: Georgia, serif; line-height: normal; font-size: 13px; ">Seterusnya cari kod ini..<br /></span></span></div><div><span class="Apple-style-span" style="font-family: Georgia; font-size: 11px; line-height: 17px; "><span class="Apple-style-span" style="font-family: Georgia, serif; line-height: normal; font-size: 13px; "><br /></span></span></div><div><span class="Apple-style-span"><span class="Apple-style-span" style="font-size: 13px;"><div id='footer-wrapper'></span></span></div><div><span class="Apple-style-span"><span class="Apple-style-span" style="font-size: 13px;"><br /></span></span></div><div><span class="Apple-style-span"><span class="Apple-style-span" style="font-size: 13px;"> tambahkan kod berikut diatasnya</span></span></div><div><span class="Apple-style-span"><span class="Apple-style-span" style="font-size: 13px;"><br /></span></span></div><div><span class="Apple-style-span"><span class="Apple-style-span" style="font-size: 13px;"><div><div id="lower-wrapper"></div><div><div id="lowerads-wrapper"></div><div><br /></div><div><b:section class="lowerads" id="lowerads" preferred="yes"></div><div></b:section></div><div></div></div><div><br /></div><div><div style="clear: both;"></div><div><br /></div><div><div id="lowerbar-wrapper"></div><div><b:section class="lowerbar" id="lowerbar1" preferred="yes"></div><div></b:section></div><div></div></div><div><br /></div><div><div id="lowerbar-wrapper"></div><div><b:section class="lowerbar" id="lowerbar2" preferred="yes"></div><div></b:section></div><div></div></div><div><br /></div><div><div id="lowerbar-wrapper"></div><div><b:section class="lowerbar" id="lowerbar3" preferred="yes"></div><div></b:section></div><div></div></div><div><br /></div><div><div id="lowerbar-wrapper"></div><div><b:section class="lowerbar" id="lowerbar4" preferred="yes"></div><div></b:section></div><div></div></div><div><br /></div><div><div style="clear: both;"></div><div><br /></div><div></div> <!-- end lower-wrapper --></div></div></div><div><br /></div><div>Sebelum save lebih baik Preview dulu. Kalau berhasil Alhamdulillah, jika tidak, jangan sedih.. Mesti ade perbezaan pada kod template Anda.Cuba alihkan kod pada step 4..Mesti Berani mencuba<br /></div></span></span></div>joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-32513191248659306372010-09-15T16:49:00.000+08:002012-02-08T19:56:50.536+08:00Cara Membuat Dua Kolom Header<span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px; "><ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; "><li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 27px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; "><strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Edit HTML</strong>, lihat ke bagian kode CSS, lalu cari kode seperti ini :</li><li></li><ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; "><div align="left" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">/* Header<br />===================================<br />*/<br />#header-wrapper {<br />width:900px;<br />margin:0 auto 0px;<br />background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;<br />height:190px;<br />}<br /><br />#header-inner {<br />width:900px;<br />background-position: center;<br />margin-$startSide: auto;<br />margin-$endSide: auto;<br />}<br /><br />#header { <br />margin: 0px;<br />text-align: left;<br />color:$pagetitlecolor;<br />}<br /><br /></code><br /></div><br />hapus kode di atas, lalu ganti dengan kode berikut ini :<br /><br /><br /><br /><div align="left" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">/* Header<br />===================================<br />*/<br /><br />#header-wrapper {<br />width:900px;<br />margin:0 auto 0px;<br />background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;<br />height:190px;<br />}<br /><br />#head-inner {<br />width:600px;<br />background-position: left;<br />margin-left: auto;<br />margin-right: auto;<br />float:left;<br />}<br /><br />#header {<br />margin: 0px;<br />text-align: left;<br />color:#ffcc66;<br />}<br /><br />#r_head{<br />width:300px;<br />float:left;<br />padding-top:10px;<br />}<br /></code></div></ol><li style="text-align: -webkit-left;"><span class="Apple-style-span" >Kemudian Cari </span> kode seperti ini</li></ol><div style="text-align: -webkit-left;"><div style="text-align: -webkit-left;"><div id='header-wrapper'></div><div style="text-align: -webkit-left;"><b:section class='header' id='header' maxwidgets='1' showaddelement='no'></div><div style="text-align: -webkit-left;"><b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/></div><div style="text-align: -webkit-left;"></b:section></div><div style="text-align: -webkit-left;"></div></div><div style="text-align: -webkit-left;"><br /></div><div style="text-align: -webkit-left;">Hapus kode di atas, lalu ganti dengan kode di bawah ini :</div><div style="text-align: -webkit-left;"><br /></div><div style="text-align: -webkit-left;"><ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; "><li></li><li><div id='header-wrapper'></li><li><div id='head-inner'></li><li><b:section class='header' id='header' maxwidgets='1' showaddelement='no'></li><li><b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/></li><li></b:section></li><li></div></li><li><div id='r_head'></li><li><b:section class='header' id='header2' preferred='yes'/></li><li></div></li><li></div></li><li><br /></li><li>Selesai.</li></ol></div></div></span>joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-45437456814490810372010-12-06T18:40:00.000+08:002012-02-08T19:55:57.235+08:00Membuat Page Number atau Navigasi Halaman version 2Membuat Page Number atau Navigasi Halaman version2 ini dengan mudah.<br />Anda copy code di bawah ini dan paste di sidebar.<br /><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyT2Nbq9UiOXbXcBZpot_G_GDakRZ6-yC-2c3Kj8PUjnMagDEkRUhpbBZkkh-mwTSz84CGBM5QKIunUf4GATNDM0WFu54jBO1y3_TdjT628qOO1laoP8I8MKvJK8MLIrCs1cdEr-IrFVGw/s200/navigasi.png" /><br /><br /><style type="text/CSS"><br />.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;<br />}<br /><br />.showpageArea a {border: 1px solid #505050;<br />color: #999999;font-weight:normal;<br />padding: 3px 6px !important;<br />padding: 1px 4px ;margin:0px 4px;<br />text-decoration: none;<br />}<br />.showpageArea a:hover {<br />font-size:11px;<br />border: 1px solid #333;<br />color: #999999;<br />background-color: #FFFFFF;<br />}<br /><br />.showpageNum a {border: 1px solid #505050;<br />color: #999999;font-weight:normal;<br />padding: 3px 6px !important;<br />padding: 1px 4px ;margin:0px 4px;<br />text-decoration: none;<br /><br />}<br />.showpageNum a:hover {<br />font-size:11px;<br />border: 1px solid #333;<br />color: #999999;<br />background-color: #FFFFFF;<br /><br />}<br />.showpagePoint {font-size:11px;<br />padding: 2px 4px 2px 4px;<br />margin: 2px;<br />font-weight: bold;<br />border: 1px solid #333;<br />color: #fff;<br />background-color: #999999;<br /><br />}<br /><br />.showpage a:hover {font-size:11px;<br />border: 1px solid #333;<br />color: #999999;<br />background-color: #FFFFFF;<br /><br />}<br />.showpageNum a:link,.showpage a:link {<br />font-size:11px;<br />padding: 2px 4px 2px 4px;<br />margin: 2px;<br />text-decoration: none;<br />border: 1px solid #0066cc;<br />color: #0066cc;<br />background-color: #FFFFFF;}<br /><br />.showpageNum a:hover {font-size:11px;<br />border: 1px solid #333;<br />color: #999999;<br />background-color: #FFFFFF;<br />}<br /></style><br /><script type="text/JavaScript"><br />function showpageCount(json) {<br />var thisUrl = location.href;<br />var htmlMap = new Array();<br />var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";<br />var isLablePage = thisUrl.indexOf("/search/label/")!=-1;<br />var isPage = thisUrl.indexOf("/search?updated")!=-1;<br />var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";<br />thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;<br />var thisNum = 1;<br />var postNum=1;<br />var itemCount = 0;<br />var fFlag = 0;<br />var eFlag = 0;<br />var html= '';<br />var upPageHtml ='';<br />var downPageHtml ='';<br />var pageCount = 2;<br />var displayPageNum = 5;<br />var upPageWord = 'Previous';<br />var downPageWord = 'Next';<br />var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';<br />for(var i=0, post; post = json.feed.entry[i]; i++) {<br />var timestamp = post.published.$t.substr(0,10);<br />var title = post.title.$t;<br />if(isLablePage){<br />if(title!=''){<br />if(post.category){<br />for(var c=0, post_category; post_category = post.category[c]; c++) {<br />if(encodeURIComponent(post_category.term)==thisLable){<br />if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){<br />if(thisUrl.indexOf(timestamp)!=-1 ){<br />thisNum = postNum;<br />}<br />postNum++;<br />htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;<br />}<br />}<br />}<br />}//end if(post.category){<br />itemCount++;<br />}<br />}else{<br />if(title!=''){<br />if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){<br />if(thisUrl.indexOf(timestamp)!=-1 ){<br />thisNum = postNum;<br />}<br />if(title!='') postNum++;<br />htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;<br />}<br />}<br />itemCount++;<br />}<br />}<br />for(var p =0;p< htmlMap.length;p++){<br />if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){<br />if(fFlag ==0 && p == thisNum-2){<br />if(thisNum==2){<br />if(isLablePage){<br />upPageHtml = labelHtml + upPageWord +'</a></span>';<br />}else{<br />upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';<br />}<br />}else{<br />upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';<br />}<br />fFlag++;<br />}<br />if(p==(thisNum-1)){<br />html += '<span class="showpagePoint">'+thisNum+'</span>';<br />}else{<br />if(p==0){<br />if(isLablePage){<br />html = labelHtml+'1</a></span>';<br />}else{<br />html += '<span class="showpageNum"><a href="/">1</a></span>';<br />}<br />}else{<br />html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';<br />}<br />}<br />if(eFlag ==0 && p == thisNum){<br />downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';<br />eFlag++;<br />}<br />}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){<br />}//end for(var p =0;p< htmlMap.length;p++){<br />if(thisNum>1){<br />if(!isLablePage){<br />html = ''+upPageHtml+' '+html +' ';<br />}else{<br />html = ''+upPageHtml+' '+html +' ';<br />}<br />}<br />html = '<div class="showpageArea"><span class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;<br />if(thisNum<(postNum-1)){<br />html += downPageHtml;<br />}<br />if(postNum==1) postNum++;<br />html += '</div>';<br />if(isPage || isFirstPage || isLablePage){<br />var pageArea = document.getElementsByName("pageArea");<br />var blogPager = document.getElementById("blog-pager");<br />if(postNum <= 2){<br />html ='';<br />}<br />for(var p =0;p< pageArea.length;p++){<br />pageArea[p].innerHTML = html;<br />}<br />if(pageArea&&pageArea.length>0){<br />html ='';<br />}<br />if(blogPager){<br />blogPager.innerHTML = html;<br />}<br />}<br />}<br /></script><br /><script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ; type="text/javascript"></script><br /><br />Kemudian anda seret dan letak di bawah posting.<br />Klik simpan dan selesaijoyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-23196740859061498212011-01-21T16:25:00.000+08:002012-02-08T19:55:31.670+08:00Sorok navbar blog<div><img src="http://t3.gstatic.com/images?q=tbn:ANd9GcSHtptDcaWfOxps6HBvfxahhZhzzRHHbWUPw2L-lxVOoreD6pbr_g" /></div><div><br /></div>Untuk menghilangkan Navbar atau sorok untuk penampilan lebih menarik.<div><br /></div><div>Caranya hanya menambah code Css sahaja.</div><div><br /></div><div>Cari code Css berikut:</div><div><span class="Apple-style-span"><span class="Apple-style-span" style="white-space: pre-wrap;"><br /></span></span></div><br />body{font:normal<div><br /></div><div>Salin code Css di bawah ini dan letak di atas code Css tadi.</div><br /><br />#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}<br />#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}<div><br /></div><div><br /></div><div>Simpan templat.</div><div><br /></div><div>Selesai.</div>joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-64091063134198361342012-01-31T22:54:00.000+08:002012-02-08T19:52:12.801+08:00Buat template dengan Blogger Template GeneratorBanyak Orang kata membuat template itu susah,sebenarnya tidak susah mana pun kalau kita membuatnya dengan pertolongan <span style="font-weight: bold; ">Blogger Template Generator</span>.<div><br /><div>Buat template dalam waktu kurang dari 10 minit<br />Desain template tanpa harus menguasai bahasa HLML/CSS<br /><br /></div><div>Saya senaraikan sebahagian <span style="font-weight: bold; ">Blogger Template Generator</span><br /><div><span class="fullpost"><br />1.<a href="http://psyc.horm.org/#PsycHo%21" target="_blank"><b> Psycho – Psychogenesis</b></a><br />Dengan bantuan layanan ini,Kita dapat merancang sendiri template kita dari Header Sampai Footer<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNG_jW6MSk0cky0JCDbTN8n533OHgoyIfSOHqy4QC02KHWf_CqZ2gKC33EHDC8N-64LRTHePa6yT3NlMaSPkbtjMrHFXtP4EVeuxzw-aIJxnHDmsclK8W3qRipuSwgSvizL6e00trOlqM/s1600/PsycHo.jpeg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNG_jW6MSk0cky0JCDbTN8n533OHgoyIfSOHqy4QC02KHWf_CqZ2gKC33EHDC8N-64LRTHePa6yT3NlMaSPkbtjMrHFXtP4EVeuxzw-aIJxnHDmsclK8W3qRipuSwgSvizL6e00trOlqM/s320/PsycHo.jpeg" alt="" id="BLOGGER_PHOTO_ID_5405449991028987474" border="0" /></a><br /><br /><br />2.<a href="http://www.pimp-my-profile.com/generators/blogger.php" target="_blank"><b> Pimp My Profile </b></a><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhARdawSIqfxrBL9UiUBoFhbqUFxApAziRfDcbFGVNvHM_KRA2JGtTl8atpXbji18aoBraWyNnDu85K2JhXEL5937kVmwpCGpj7fCvRXg_qz7JzihsYfIqncSGY07ywsbFhUUxxrdsGvr0/s1600/pimp-my-profile.jpeg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhARdawSIqfxrBL9UiUBoFhbqUFxApAziRfDcbFGVNvHM_KRA2JGtTl8atpXbji18aoBraWyNnDu85K2JhXEL5937kVmwpCGpj7fCvRXg_qz7JzihsYfIqncSGY07ywsbFhUUxxrdsGvr0/s320/pimp-my-profile.jpeg" alt="" id="BLOGGER_PHOTO_ID_5405452315638091426" border="0" /></a><br /><br />3.<a href="http://www.pagecolumn.com/1_col_generator.htm" target="_blank"><b> Page Colomn Layout Generator </b></a><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7QIS2oEasjCcpe9mMOcLgrNCl0kEBfxLdlzMfnpE5BFYhfoUTYhDUdqEXjG4Y7D5p6jhHxL5U2XESPFReuUROWhdqRyqAqhFu9ZSYBjp_rjiUCeYPvQNQyKz1vqiwtmEmYneWsEsqb9I/s1600/pagecolumn.jpeg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7QIS2oEasjCcpe9mMOcLgrNCl0kEBfxLdlzMfnpE5BFYhfoUTYhDUdqEXjG4Y7D5p6jhHxL5U2XESPFReuUROWhdqRyqAqhFu9ZSYBjp_rjiUCeYPvQNQyKz1vqiwtmEmYneWsEsqb9I/s320/pagecolumn.jpeg" alt="" id="BLOGGER_PHOTO_ID_5405453341611123170" border="0" /></a><br /><br />4.<a href="http://www.wannabegirl.org/firdamatic/" target="_blank"><b>Firdamatic </b></a><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuARyMEm_aBl3iDdit_fjYAiaEcnLFVexEU5E9NOWeRipwrt0NGBEJOCnbq1mZL6wP6kkYQe-UxZUFgH73mG5OZUKInj8Xrv9KDr_nYZ5MJTAFa79RxONQI-os9zfRTSLCA2uIWHT991A/s1600/Firdamatic.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuARyMEm_aBl3iDdit_fjYAiaEcnLFVexEU5E9NOWeRipwrt0NGBEJOCnbq1mZL6wP6kkYQe-UxZUFgH73mG5OZUKInj8Xrv9KDr_nYZ5MJTAFa79RxONQI-os9zfRTSLCA2uIWHT991A/s320/Firdamatic.jpg" alt="" id="BLOGGER_PHOTO_ID_5405454530245828002" border="0" /></a><br /><br />5.<a href="http://e-infotainment.com/trixapps/trixtg/" target="_blank"><b>Trix Blogspot Template Generator</b></a><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn1rNsyWYQ2ohXrR4A6WsQgPxW-YoRShzN5uTChYznH8tIbl2c4dJWEBR6haGIp3Sna7_ZiOT6v0RbQ8d-F9wwoX2_UCyxVxVEZTNkVncicuArTw81Fovz0VrPTM3DuoCvOWBlFG2dvAw/s1600/trix.jpeg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn1rNsyWYQ2ohXrR4A6WsQgPxW-YoRShzN5uTChYznH8tIbl2c4dJWEBR6haGIp3Sna7_ZiOT6v0RbQ8d-F9wwoX2_UCyxVxVEZTNkVncicuArTw81Fovz0VrPTM3DuoCvOWBlFG2dvAw/s320/trix.jpeg" alt="" id="BLOGGER_PHOTO_ID_5405455760557480322" border="0" /></a><br /><br />6.<a href="http://www.pagecolumn.com/2_col_generator.htm" target="_blank"><b>2 Colomns Blogger Layout Generator</b></a><br /><br />7.<a href="http://www.pagecolumn.com/3_col_generator_blogger.htm" target="_blank"><b>3 Colomns Blogger Layout Generator</b></a><br /><br />8.<a href="http://www.pagecolumn.com/4_col_generator.htm" target="_blank"><b>4 Colomns Blogger Layout Generator</b></a><br /><br />9. <a href="http://www.pagecolumn.com/5_col_generator.htm" target="_blank"><b>5 Colomns Blogger Layout Generator</b></a><br /><br /></span><p></p></div></div></div>joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-4452000920906752902011-01-02T17:51:00.000+08:002012-02-06T04:35:29.736+08:00Sorok shoutmix mengunakan code jquery<div>Sorok shoutmix mengunakan code jquery.</div><div>Salin code di bawah ini,dan letak ,di dalam HTM/JavaScript.</div><div><br /></div><div><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "><script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "><script></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">$(document).ready(function() {</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">//select all the a tag with name equal to ybl</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">$('a[name=ybl]').click(function(e) {</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">//Cancel the link behavior</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">e.preventDefault();</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">//Get the A tag</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">var id = $(this).attr('href');</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">//Get the screen height and width</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">var tbbHeight = $(document).height();</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">var tbbWidth = $(window).width();</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">//Set heigth and width to tbb to fill up the whole screen</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">$('#tbb').css({'width':tbbWidth,'height':tbbHeight});</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">//transition effect</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">$('#tbb').fadeIn(1000);</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">$('#tbb').fadeTo("slow",0.8);</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">//Get the window height and width</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">var winH = $(window).height();</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">var winW = $(window).width();</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">//Set the popup window to center</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">$(id).css('top', winH/2-$(id).height()/2);</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">$(id).css('left', winW/2-$(id).width()/2);</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">//transition effect</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">$(id).fadeIn(2000);</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">});</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">//if close button is clicked</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">$('.window .close').click(function (e) {</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">//Cancel the link behavior</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">e.preventDefault();</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">$('#tbb').hide();</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">$('.window').hide();</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">});</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">//if tbb is clicked</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">$('#tbb').click(function () {</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">$(this).hide();</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">$('.window').hide();</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">});</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "><br /></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">});</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "></script></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "><style>a {color:#000000; text-decoration:none}</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">img { border:2px none; }</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">#tbb {</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">position:absolute;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">left:50;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">top:50;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">z-index:9000;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">background-color:transparent;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">display:none;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">}</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">#ddt .window {</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">position:fixed;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">left:20;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">top:10;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">width:440px;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">height:700px;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">display:none;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">z-index:9999;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">padding:20px;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">}</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">#ddt #yblshoutbox {</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">background-color:#999999;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "><br /></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">width:440px;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">height:460px;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">padding:56px 0 20px 5px;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">}</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">#ttp {</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">padding:2px 0 0 0;</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">}</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "></style></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "><ul><center> <a href="#yblshoutbox" name="ybl"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA6fp5ihFlGgH5H4L8aBzYR565BQIgI2dkWZl22ACeUl9QfEc63iizwIM95bC2Z_oPkUgh1ro-ltAkujcE_pDNs-LXgUf3gX9o4iLafMA2LrBOoid4xpbKn8Rao35acjNQsMAuoqnRzYiZ/s1600/teksi.jpg" border="0" width="158" height="58" /></a> </center> </ul></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "><div id="ddt"></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "><div id="yblshoutbox" class="window"></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "><br /></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; ">LETAK CODE SHOUTMIX DI SINI</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "><br /></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "><br /></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "><br /></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "><div id="ttp"><input type="button" value="Close" class="close" /></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "><div id="tbb"></div></div></div></div></div></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "><br /></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'Times New Roman'; font-size: medium; "><br /></p></div>joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-46998174712668144732010-07-17T13:35:00.000+08:002012-02-05T08:55:02.689+08:00Buka Blog Dengan Tap Baru<pclass="alert"><div style="text-align: justify;"><bt>S</bt>ebarang link yang ditambah dalam blog kita samada dibahagian sidebar, posting, atau dimana saja adalah boleh dibuka dengan tab yang baru.. Dengan cara yang sangat senang. .<span id="fullpost"><br><br>Boleh gunakan salah satu kod dibawah.<br><br><p class="alert">1. <span style="color: rgb(255, 0, 0);">target="_blank"</span><br>2. <span style="color: rgb(255, 0, 0);">target="_new"</span></p><br>Caranya, tambah kod diatas tu pada akhir setiap alamat. Contoh dibawah.<br><br><p class="alert">1. <a href="http://Blog ape je.blogspot.com" <span style="color: rgb(255, 0, 0);">target="_blank"</span>><br>2. <a href="http://Blog ape je.blogspot.com" <span style="color: rgb(255, 0, 0);">target="_new"</span>></p><br>Tambah la kod tu kat mana2 je link yang kita nak bukakan di tab yang baru...</span></div></p>joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-42557707440667698872010-07-17T16:04:00.000+08:002012-02-05T08:55:02.656+08:00Cara Besarkan Tulisan Di Blog<pclass="alert"><br /><br />Untuk membesarkan huruf atau tulisan kita<br><br /><h1>Ini heading 1</h1><br /><h2>Ini heading 2</h2><br /><h3>Ini heading 3</h3><br /><h4>Ini heading 4</h4><br /><h5>Ini heading 5</h5><br /><h6>Ini heading 6</h6><br />Hasilnya seperti ini :<br /><h1>Ini heading 1</h1> <br /><font size="6">Ini heading 2</font><br /><font size="5">Ini heading 3</font> <br /><font size="4">Ini heading 4</font> <br /><h5>Ini heading 5</h5><br /><h6>Ini heading 6</h6><br /> Sebenarnya ada cara lain untuk memperlihatkan berbagai ukuran hurup, yaitu mengunakan<br /> tag <code><font size="...">.....</font></code>.<br /> Contoh :<br /> <code><font size="1">Ini font size 1</font></code><br /> <code><font size="2">Ini font size 2</font></code><br /> <code><font size="3">Ini font size 3</font></code><br /> <code><font size="4">Ini font size 4</font></code><br /> <code><font size="5">Ini font size 5</font></code><br /> <code><font size="6">Ini font size 6</font></code><br /> <code><font size="7">Ini font size 7</font></code><br /><br> Hasil yang akan di lihat seperti ini :<br><br /><font size="1">Ini font size 1</font> <br /><font size="2">Ini font size 2</font> <br /><font size="3">Ini font size 3</font> <br /><font size="4">Ini font size 4</font> <br /><font size="5">Ini font size 5</font> <br /><font size="6">Ini font size 6</font> <br /><font size="7">Ini font size 7</font> <br /> Itu adalah contoh untuk memperlihatkan huruf dalam berbagai ukuran.<br /> </p>joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com1tag:blogger.com,1999:blog-3588928047420685112.post-23681896311290134182010-07-18T20:20:00.000+08:002012-02-05T08:55:02.622+08:00Merubah warna background blogLogin ke Blog. <br />Klik Reka bentuk --> Edit HTML. <br />Kemudian cari kode yang sama seperti ini :<br /><br />body { background: #FFFFFF; <br />margin:0; color:#000000; <br />font:12px trebuchet ms; <br />text-align: center } <br /><br />Untuk mengganti background dengan warna lain tinggal mengganti kode #FFFFFF dengan kode lain,menjadi seperti berikut :<br /><br />body { background: #D8D8D8; <br />margin:0; color:#000000; <br />font:12px trebuchet ms; <br />text-align: justify }<br /> <br />Untuk mengganti background dengan image atau gambar,Hanya masukan URL gambar shj.<br /><br /><br />Sehingga hasilnya menjadi seperti ini : <br /><br />body { background:#FFFFFF url(http:MASUKAN URL GAMBAR DI SINI)<span style="font-weight:bold;"></span>) repeat-x; <br />margin:0; color:#000000; font:12px trebuchet ms; <br />text-align: justify} <br /><br />Jika sudah selesai.Simpan Template.<br />Untuk gambar yang continuous tambahkan repeat-x setelah kode url gambar.joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-81515985815687157852010-07-18T21:01:00.000+08:002012-02-05T08:55:02.601+08:00Buat garis lengkunkolom posting terpisah dan membentuk garis lengkung <br /><br />Klik Edit HTML<br /><br />Cari code h2.date-header {<br /><br />Copy code berikut tepat setelah code diatas<br /><br /><br />border-left:3px solid #0080FF;<br />border-right:3px solid #0080FF;<br />border-top:3px solid #0080FF;<br />border-bottom:0px solid #0080FF;<br />-moz-border-radius-topleft:15px;<br />-moz-border-radius-topright:15px;<br /><br /><br />Cari code .post-body {<br /><br />Copy dan letakkan code ini setelah code tersebut.<br /><br /><br />border-right:3px solid #0080FF;<br />border-left:3px solid #0080FF;<br /><br /><br />cari kode .post-footer { dan letakkan code berikut dibawah code tersebut.<br /><br /><br />border-left:3px solid #0080FF;<br />border-right:3px solid #0080FF;<br />border-top:0px solid #0080FF;<br />border-bottom:3px solid #0080FF;<br />-moz-border-radius-bottomleft:15px;<br />-moz-border-radius-bottomright:15px;<br /><br /><br /> selesai..Simpan Templatejoyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-8988932221231196462010-08-19T23:02:00.000+08:002012-02-05T08:55:02.225+08:00ping ke search engine yang besar.SILA COPY ADDRESS DIBAWAH DAN PASTE DI ADDRESS BAR ANDA. SILA EDIT URL BLOG DIBAWAH AGAR MENJADI URL BLOG ANDA<br /><br />Google<br />http://www.google.com/webmasters/sitemaps/ping?sitemap=http://Blog dot com.blogspot.com/atom.xml<br /><br />Yahoo<br />http://search.yahooapis.com/SiteExplorerService/V1/ping?sitemap=http://Blog dot com.blogspot.com/atom.xml<br /><br />Bing<br />http://www.bing.com/webmaster/ping.aspx?siteMap=http://blog dot com.blogspot.com/atom.xml<br /><br />Ask.com<br />http://submissions.ask.com/ping?sitemap=http://blog dot com.blogspot.com/atom.xml<br /><br />Maka dengan ini, itulah cara-cara ping ke search engine yang besar.<div><br /></div><div>Menambah URL ke 4 engine</div><div><a href="http://www.google.com/addurl/">http://www.google.com/addurl/</a></div><div><br /></div><div><a href="https://siteexplorer.search.yahoo.com/submit">https://siteexplorer.search.yahoo.com/submit</a></div><div><br /></div><div><a href="http://www.bing.com/webmaster/SubmitSitePage.aspx">http://www.bing.com/webmaster/SubmitSitePage.aspx</a></div><div><br /></div><div><a href="http://www.bing.com/">http://www.bing.com/</a></div><div><br /></div>joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-1833254629432003952010-08-23T22:55:00.000+08:002012-02-05T08:55:02.184+08:00menghapus tulisan Subscribe to<div><span class="Apple-style-span" style="font-family: Arial; font-size: 12px; line-height: 19px; "><p align="justify"><span class="Apple-style-span"> menghapus tulisan <b>Subscribe to / Langganan Posting Atom</b>,pada halaman blog anda?<br /></span></p><p style="margin-top: 0pt; margin-bottom: 0pt; "><span class="Apple-style-span" style="color: rgb(255, 255, 51); ">Pergi ke <b>Dashboard</b>---><b>Tata Letak</b>---><b>Edit Html</b>---><b>Expand Widget Template</b></span></p><p style="margin-top: 0pt; margin-bottom: 0pt; "><span class="Apple-style-span">Sekarang cari kode berikut :</span></p></span></div><div><br /></div><div><div class='feed-links'></div><div><data:feedLinksMsg/></div><div><b:loop values='data:links' var='f'></div><div><a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a></div><div></b:loop></div><div></div></div><div><br /></div><div><span class="Apple-style-span" style="font-family: Arial; font-size: 12px; line-height: 19px; "><span class="Apple-style-span" >,<b>Hapus</b> kode tadi lalu <b>Simpan Template</b>.<br /><span style="font-weight: bold; ">Selesai !</span></span></span></div>joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-10896532744323001062010-08-26T23:45:00.000+08:002012-02-05T08:55:02.138+08:00Mengganti Title Blog Yang SEO Friendlycari code ini<br /><title><data:blog.title/></title><br /><br />hapus code tersebut dan ganti dengan code ini :<br /><b:if cond='data:blog.url == data:blog.homepageUrl'><br /><title><data:blog.pageTitle/></title><br /><b:else/><br /><title><data:blog.pageName/> ~ <data:blog.title/></title><br /></b:if><br /><br />keterangan :<br /><br />I. <title><data:blog.title/></title> adalah judul blog (blog title), cuba kita tambahkan beberapa kata kunci setelah code tersebut. Contoh seperti ini, saya menggunakan judul pada blog ini “Blog aku [dot] com” maka penambahan kata kuncinya adalah seperti ini :<br /><br /><title><data:blog.title/> | menulis | apa-apa je</title><br /><br />II. <title><data:blog.pageName/></title> adalah judul artikel (post title), kemudian modifikasi menjadi seperti berikut :<br /><br /><title><data:blog.pageName/> | <data:blog.title/></title><br /><br />Maka hasilnya akan menjadi seperti berikut ini :<br /><br /><b:if cond=’data:blog.pageType == &quot;index&quot;’><br /><title><data:blog.title/> | menulis | apa-apa je</title><br /><b:else/><br /><title><data:blog.pageName/> | <data:blog.title/></title><br /></b:if><br />Simpan Template.joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com0tag:blogger.com,1999:blog-3588928047420685112.post-65242532354361409392010-08-27T01:05:00.000+08:002012-02-05T08:55:02.113+08:00Letak ikon home,older, post dan new postLetak ikon home,older, post dan new post<br /><br /><br />Untuk new post cari kod dibawah:<br /><br /><br /><b:if cond='data:newerPageUrl'><br /><span id='blog-pager-newer-link'><br /><a class = 'blog-pager-newer-link' expr: href = 'data: newerPageUrl'<br />expr: id = 'data: widget.instanceId + "_blog-pager-newer-link"'<br />expr: title = 'data: newerPageTitle'> <data:newerPageTitle/> </ a><br /></ span><br /></ b: if><br />Tukar perkataan<data:newerPageTitle/> dengan kod dibawah:<br /><br /><img src="http://roele112.googlepages.com/newer.png"/> <br /><img src="http://roele112.googlepages.com/newer.png"/><br /><br />Untuk older post cari kod ini:<br /><br /><br /><b:if cond='data:olderPageUrl'><br /><span id='blog-pager-older-link'><br /><a class = 'blog-pager-older-link' expr: href = 'data: olderPageUrl'<br />expr: id = 'data: widget.instanceId + "_blog-pager-older-link"'<br />expr: title = 'data: olderPageTitle'> <data:olderPageTitle/> </ a><br /></ span><br /></ b: if><br /><br />tukar perkataan <data:olderPageTitle/> dengan kod dibawah:<br /><br /><br /><img src="http://roele112.googlepages.com/older.png"/> <br /><img src="http://roele112.googlepages.com/older.png"/><br /><br />Untuk home pula cari kod ini:<br /><br /><b:if cond='data:blog.homepageUrl != data:blog.url'><br /><a class='home-link' expr:href='data:blog.homepageUrl'> <data:homeMsg/> </ a><br /><b:else/><br /><b:if cond='data:newerPageUrl'><br /><a class='home-link' expr:href='data:blog.homepageUrl'> <data:homeMsg/> </ a><br /></ b: if><br /></ b: if><br /><br /><br />Tukar perkataan<:data:homeMsg/>: dengan kod dibawah::<br /><br /><img src="http://roele112.googlepages.com/home.png"/> <br /><img src="http://roele112.googlepages.com/home.png"/><br /><br />Kemudian simpan template.joyimanhttp://www.blogger.com/profile/00200323027606007048noreply@blogger.com1