Read Me

Contoh untuk Memasukan Summary Post ke Slide Show
Silahkan anda masukan sebagian dari postingan anda untuk ditampilkan pada slide show.
caranya seperti berikut: masuk ke halaman edit HTML, terus cari dan edit kode seperti dibawah
ini:
bila anda ingin mmperbanyak tampilan slide shownya, anda tinggal copy paste kode tersebut.
<div class='slide'>
<h2><a href='Masukan-Link-post-anda-disini' title='#'>Judul Posting Anda Disini</a></h2>
<span class='slmet'> Nama anda atau Author disini </span>
<p> Tulis sebagian postingan anda disini </p>
<img alt='' src='Link-gambar-yang-akan-ditampilkan-disini'/>
</div>
contohnya seperti dibawah ini
<div class='slide'>
<h2><a href='http://www.celebrity-gossip.net/celebrities/hollywood/britney-spears-enjoys-breakfrom-touring-duties-219268/' title='POST-TITLE-HERE'>Britney Spears Enjoys Break from
Touring Duties</a></h2>
<span class='slmet'> Source : www.celebrity-gossip.net </span>
<p>'Enjoying time off from stage duties, Britney Spears stopped by Target to buy a CD with
her bodyguard in Los Angeles on Tuesday September 29.
The Gimme More singer looked stylish in a flowing white dress, currently on break from her
Circus tour before hitting up Australia for six shows in November.'</p>
<img alt='' src='http://www.celebrity-gossip.net/images/photos/britney-spears-white-break.jpg'/>
</div>
<div class='slide'>
<h2><a href='http://www.celebrity-gossip.net/celebrities/hollywood/britney-spears-circus-wrapsup-in-las-vegas-219199/' title='#'>Britney Spears Circus Wraps Up in Las Vegas</a></h2>
<p>She’s been riding high on a massive comeback tour, and last night (September 27)
Britney Spears Circus Tour hit Las Vegas for one last show.
The Gimme More songstress took the stage at Mandalay Bay for a high-energy, sex-charged 90minute set with stars like Lance Bass and Barry Manilow in the audience.' </p>
<img alt='' src='http://www.celebrity-gossip.net/images/photos/britney-spears-end-circus-lv.jpg'/>
</div>
<div class='slide'>
<h2><a href='http://www.celebrity-gossip.net/celebrities/hollywood/jennifer-lopez-and-marcanthony-nfl-lovers-218974/' title='POST-TITLE-HERE'>Jennifer Lopez and Marc Anthony: NFL
Lovers</a></h2>
<p>'Taking in an evening of sport, Jennifer Lopez and Marc Anthony were spotted at the
Miami Dolphins, season opener last night (September 21).
The Waiting for Tonight songstress and her handsome hubby looked excited as they arrived at
Land Shark Stadium to watch the home team ,of which they are part owners, take on the
Indianapolis Colts - although their team ended up losing a close one.'</p>
<img alt='' src='http://www.celebrity-gossip.net/images/photos/jennifer-marc-dolphinsmnf.jpg'/>
</div>
ShoutMix Code
Bila anda ingin menampilkan show/hide floating shoutbox anda, silahkan anda masukan kode
dibawah ini
ke gadget HTML/Javascript.silahkan anda ganti tulisan yang berwarna merah dibawh dengan
kode shoutbox anda.
shoutbok tersebut bila diklik akan tampil di tengah layar, bila anda ingin menampilkannya pada
sisi kiri layar, silahkan anda
ganti kode 200 dibawah dengan angak 0.
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:130px;
width:50px;
margin-right:-3px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/_0cW9yWD5GY/Ss01ifVRdiI/AAAAAAAABCI/zKUmMvpq6ZA/s1600/gust%2Bbook%2B02.png')
no-repeat;
}
.gbcontent{
float:left;
border-top: 10px solid #aa4545;
border-bottom: 10px solid #aa4545;
border-left: 10px solid #fc5050;
border-right: 10px solid #fc5050;
background:#cc0000;
padding:10px;
margin-right:200px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 50-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<iframe scrolling="auto" width="550" frameborder="0" src="http://www6.shoutmix.com/?
vmart" height="350" title="vmart">
<a href="http://www6.shoutmix.com/?vmart">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at
ShoutMix!">ShoutMix chat widget</a><br/>
<br/>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
XP Bar
var bar1= createBar(160,25,'black',1,'#cc0000','blue',85,4,3,"");
</script>
keterangan :
silahkan anda rubah kode di atas sesuai dengan yang anda inginkan dengan ketentuan ini:
varbar=createBar=(lebar,tinggi,'background',border,'warnaborder','warnablock',speed,jumlahblock
,string,"")
Tab View Code

Bila anda ingin menampilkan menu tabview ini,silahkan anda masukan kode dibawah ini ke
gadget HTML/Jacascript.
tempat yang cocok adalah pada sidebar yang berukuran 400px, an silahkan anda edit kode yang
berwarna dibawah merah sesuai keinginan anda.
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 390px;" class="Tabs">
<a class="Active" href="javascript:tabview_switch('TabView',%201);">Recent Post</a>
<a class="" href="javascript:tabview_switch('TabView',%202);">Kategori</a>
<a class="" href="javascript:tabview_switch('TabView',%203);">Free Download</a>
</div>
<div style="width: 390px; height: 200px;" class="Pages">

<div style="overflow: auto; height: 200px; display: block;" class="Page">
<div class="Pad">
<li><a href="Link disini"><img
src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif"/> Judul posting
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
</div>
</div>
<div style="overflow: auto; height: 200px; display: none;" class="Page">
<div class="Pad">
<ol>
disini</a></li>
disini</a></li>

disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
</ol>
</div>
</div>
<div style="overflow: auto; height: 200px; display: none;" class="Page">
<div class="Pad">
<ol>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
disini</a></li>
<ol>
</ol></ol></div>
</div>
</div>
</div></form>
<script type="text/javascript"><br/>
<br/>tabview_initialize('TabView');<br/><br/></script>

Read Me

Enviado por

Dados do documento

Descrição original:

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Read Me

Enviado por

Direitos autorais:

Formatos disponíveis

Contoh untuk Memasukan Summary Post ke Slide Show

Tab View Code

<div style="width: 390px; height: 200px;" class="Pages">

src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif"/> Judul posting

Você também pode gostar