|
24. din - 2009-02-25 14:46:10 |
BUAT GADGET +-
masukkan kode dibawah ]]></b;skin>
<style type=’text/css’>
.texthidden {display;inline}
.shown {display;block}
</style>
<script type=’text/javascript’>
document.write('<style>.texthidden {display;none} </style>');
</script>
<script type=’text/Javascript’>
function expandcollapse (postid) {
whichpost = document.getElementById(postid);
if (whichpost.className=="shown") {
whichpost.className="texthidden";
}
else {
whichpost.className="shown";
}
}
</script>
dan contoh kode ini dalam HTML bahagian elemen
<ul><a href="javascript;void(0);" onclick="expandcollapse(’Premier League 2008/2009’)"> <h2>[+/-]Premier League 2008/2009</h2></a></ul>
<ul id="Premier League 2008/2009" class="texthidden">
scripts anda
</ul>
<ul><a href="javascript;void(0);" onclick="expandcollapse(’Ligue 1 2008/2009’)"> <h2>[+/-]Ligue 1 2008/2009</h2></a></ul>
<ul id="Ligue 1 2008/2009" class="texthidden">
scripts anda
</ul>
<ul><a href="javascript;void(0);" onclick="expandcollapse(’Serie A 2008/2009’)"> <h2>[+/-] Serie A 2008/2009</h2></a></ul>
<ul id="Serie A 2008/2009" class="texthidden">
<center><script language="JavaScript" src="http://www.oleole.com/widgets/standingswidget/league/7/team/0/" type="text/javascript"></script></center>
</ul>
<ul><a href="javascript;void(0);" onclick="expandcollapse(’La Liga 2008/2009’)"> <h2>[+/-] La Liga 2008/2009</h2></a></ul>
<ul id="La Liga 2008/2009" class="texthidden">
scripts anda
</ul>
|
23. adam - 2009-02-24 17:02:27 |
Membuat Skrol kat bloglist
kopi scripts dibawah ini sebelum ]]></b;skin>
#skrol {
overflow; auto; height; 500px; width; 100%;
background-color;#ffffff; border;0px solid #445566;
margin; 0px auto; padding;0px; font-size; 11px;
color; #445566; text-align; left;
}
kemudian cari kode ini ;
<h2 class=’title’><data;title/></h2>
</div>
</b;if>
pas tu pastekan scripts kat bawah ini kat bawah kode diatas
<div id=’skrol’>
dan cari kode ini ;
<b;include name=’quickedit’/>
</div>
</div>
</b;includable>
</b;widget>
kemudian tambah 1 kode ini </div> selepas kode yg sama
ia akan jadi sebegini ;
<b;include name=’quickedit’/>
</div> </div>
</div>
</b;includable>
</b;widget>  |
22. Ttuyup - 2009-02-23 17:05:15 |
mengubah judul posting menjadi judul blog
Cari kode ini dan hapus
<title><data;blog.pageTitle/></title>
letakkan kode ini di atas <head>;
<!-- Start Widget-based; Changing the Blogger Title Tag -->
<b;if cond=’data;blog.pageType == "item"’>
<b;section id=’titleTag’>
<b;widget id=’Blog2’ locked=’false’ title=’Blog Posts’ type=’Blog’>
<b;includable id=’comments’ var=’post’/>
<b;includable id=’postQuickEdit’ var=’post’/>
<b;includable id=’main’ var=’top’><title><b;loop values=’data;posts’ var=’post’><b;include data=’post’ name=’post’/></b;loop> ~ <data;blog.title/></title></b;includable>
<b;includable id=’backlinkDeleteIcon’ var=’backlink’/>
<b;includable id=’feedLinksBody’ var=’links’/>
<b;includable id=’backlinks’ var=’post’/>
<b;includable id=’status-message’/>
<b;includable id=’feedLinks’/>
<b;includable id=’nextprev’/>
<b;includable id=’commentDeleteIcon’ var=’comment’/>
<b;includable id=’post’ var=’post’><data;post.title/></b;includable>
</b;widget>
</b;section>
<b;else/>
<title><data;blog.pageTitle/></title>
</b;if>
<!-- End Widget-based; Changing the Blogger Title Tag -->
|
21. Ttuyup - 2009-02-23 13:14:17 |
Trik Mudah membuat Read more
GANTIKAN TEKS INI;
<data;post.body/> @ <p><data;post.body/></p>
DENGAN SCRIPTS INI;
<b;if cond=’data;blog.pageType == "item"’>
<style>.fullpost{display;inline;}</style>
<p><data;post.body/></p>
<b;else/>
<style>.fullpost{display;none;}</style>
<p><data;post.body/>
<a expr;href=’data;post.url’><strong>Selengkapnya...</strong></a></p>
</b;if>
|
|
19. adam - 2009-01-06 16:01:23 |
menbuat tab view yang cantik seperti A B C @ 1 2 3
(detail dari no. 6)
1. Letakkan script dibawah ini sebelum </head>
<script src=’http://ien247.googlepages.com/tabview.js’ type=’text/javascript’/>
2. Kemudian, copy semua kod CSS di bawah ini dan letakkan ia sebelum ]]></b;skin>.
/* Awal TAB VIEW 1*/
div.TabView div.Tabs
{
overflow; hidden;
}
div.TabView div.Tabs a
{
background; #eeeeee ;
background-repeat; no-repeat;
float; left;
display; block;
width; 18px; /* Lebar Menu Utama Atas */
text-align; center;
height; 18px; /* Tinggi Menu Utama Atas */
padding-top; 0px;
vertical-align; middle;
border; 1px solid #999999;
margin-top; 2px;
border-bottom; 1px solid #999999;
border-bottom-width; 1px;
text-decoration; none;
font-family; "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight; 900;
color; #fff; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a;hover, div.TabView div.Tabs a.Active
{
background-color; #FFFFFF; /* Warna background Menu Utama Atas */
background; #FFFF00; /* Warna Background Mouse Hover */
background-repeat; no-repeat;
}
div.TabView div.Pages
{
clear; both;
margin-top; 5px;
padding; 4px;
border; 4px double #999999; /* Warna border Kotak Utama */
overflow; hidden;
background-color; #FFFFFF; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height; 100%;
padding; 0px;
overflow; hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding; 1px 1px;
}
/* Akhir TAB VIEW 1*/
3. copy contoh scripts dibawah ini dan pastekan dalam Page Elements atau di Post.
<left> <table border="0"><tbody>
<tr><td><form action="tabview.html" method="get"><div id="TabView" class="TabView"><div style="width; 300px;" class="Tabs"><a href=""><font color="#666666"><b>A</b></font></a> <a href=""><font color="#666666"><b>B</b></font></a> <a href=""><font color="#666666"><b>C</b></font></a> <a href=""><font color="#666666"><b>D</b></font></a> <a href=""><font color="#666666"><b>E</b></font></a> <a href=""><font color="#666666"><b>F</b></font></a> <a href=""><font color="#666666"><b>G</b></font></a> <a href=""><font color="#666666"><b>H</b></font></a> <a href=""><font color="#666666"><b>I</b></font></a> <a href=""><font color="#666666"><b>J</b></font></a> <a href=""><font color="#666666"><b>K</b></font></a> <a href=""><font color="#666666"><b>L</b></font></a> <a href=""><font color="#666666"><b>M</b></font></a> <a href=""><font color="#666666"><b>N</b></font></a> <a href=""><font color="#666666"><b>O</b></font></a> <a href=""><font color="#666666"><b>P</b></font></a> <a href=""><font color="#666666"><b>Q</b></font></a> <a href=""><font color="#666666"><b>R</b></font></a> <a href=""><font color="#666666"><b>S</b></font></a> <a href=""><font color="#666666"><b>T</b></font></a> <a href=""><font color="#666666"><b>U</b></font></a> <a href=""><font color="#666666"><b>V</b></font></a> <a href=""><font color="#666666"><b>W</b></font></a> <a href=""><font color="#666666"><b>X</b></font></a> <a href=""><font color="#666666"><b>Y</b></font></a> <a href=""><font color="#666666"><b>Z</b></font></a>
</div><div style="width; 300px; height; 100px;" class="Pages"><div class="Page"><div class="Pad"><table border="0"><a href="#">A</a> <a href="#">A</a> <a href="#">A</a> <a href="#">A</a> </table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">B</a>
<a href="#">B</a>
<a href="#">B</a>
<a href="#">B</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">C</a>
<a href="#">C</a>
<a href="#">C</a>
<a href="#">C</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0"><a href="#">D</a>
<a href="#">D</a>
<a href="#">D</a>
<a href="#">D</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">E</a>
<a href="#">E</a>
<a href="#">E</a>
<a href="#">E</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">F</a>
<a href="#">F</a>
<a href="#">F</a>
<a href="#">F</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">G</a>
<a href="#">G</a>
<a href="#">G</a>
<a href="#">G</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">H</a>
<a href="#">H</a>
<a href="#">H</a>
<a href="#">H</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">I</a>
<a href="#">I</a>
<a href="#">I</a>
<a href="#">I</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">J</a>
<a href="#">J</a>
<a href="#">J</a>
<a href="#">J</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">K</a>
<a href="#">K</a>
<a href="#">K</a>
<a href="#">K</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">L</a>
<a href="#">L</a>
<a href="#">L</a>
<a href="#">L</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">M</a>
<a href="#">M</a>
<a href="#">M</a>
<a href="#">M</a> </table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">N</a>
<a href="#">N</a>
<a href="#">N</a>
<a href="#">N</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">O</a>
<a href="#">O</a>
<a href="#">O</a>
<a href="#">O</a>
</table></div></div>
<div class="Page"><div class="Pad">
<a href="#">P</a>
<a href="#">P</a>
<a href="#">P</a>
<a href="#">P</a>
</div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">Q</a>
<a href="#">Q</a>
<a href="#">Q</a>
<a href="#">Q</a>
</table></div></div>
<div class="Page"><div class="Pad">
<a href="#">R</a>
<a href="#">R</a>
<a href="#">R</a>
<a href="#">R</a>
</div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">S</a>
<a href="#">S</a>
<a href="#">S</a>
<a href="#">S</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">T</a>
<a href="#">T</a>
<a href="#">T</a>
<a href="#">T</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">U</a>
<a href="#">U</a>
<a href="#">U</a>
<a href="#">U</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">V</a>
<a href="#">V</a>
<a href="#">V</a>
<a href="#">V</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">W</a>
<a href="#">W</a>
<a href="#">W</a>
<a href="#">W</a>
</table></div></div>
<div class="Page"><div class="Pad"><table border="0">
<a href="#">X</a>
<a href="#">X</a>
<a href="#">X</a>
<a href="#">X</a>
</table></div></div>
<div class="Page"><div class="Pad">
<a href="#">Y</a>
<a href="#">Y</a>
<a href="#">Y</a>
<a href="#">Y</a>
</div></div>
<div class="Page"><div class="Pad">
<a href="#">Z</a>
<a href="#">Z</a>
<a href="#">Z</a>
<a href="#">Z</a>
</div></div>
<script type="text/javascript">
tabview_initialize(’TabView’);
</script> </div></div></form></td></tr>
</tbody></table></left>
|
|
17. Adam Merahi - 2009-01-03 10:36:41 |
menghilangkan tulidan "Subscribe to; Posts (Atom)" dari bawah blog. Tulisan ini biasanya terletak dibawah postingan.
cari html ini dan hapuskan
*
<div class=’feed-links’>
<data;feedLinksMsg/>
<b;loop values=’data;links’ var=’f’>
<a class=’feed-link’ expr;href=’data;f.url’ expr;type=’data;f.mimeType’ target=’_blank’><data;f.name/> (<data;f.feedType/>)</a>
</b;loop>
</div>
* |
|
15. alias - 2008-12-24 18:12:44 |
kode customize top posts widget -
<script type="text/javascript" src="http://api.postrank.com/static/widget-v2.js"></script>
<script type="text/javascript">
var options = {
"feed_hash"; "20112121e12cb279338db082a082035b",
"num"; 15 ,
"theme"; "siren"
};
new PostRankWidget(options);
</script>
|
|
|