<center><embed style="margin-top: 0px;" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" autostart="true" displaysize="0" showstatusbar="1" type="application/x-mplayer2" src="http://ceriaradio.com:8000/" name="RAOCXplayer" allowscriptaccess="never" height="70" width="160"></embed></center>
<div style="text-align: center;">
<center><span style="font-size: xx-small;">Widget By: <a href="http://uc1n.blogspot.com/">Radio</a></span></div></center>
<iframe src="http://radiomuslim.com/nativeradio/example.html" marginwidth="3" marginheight="0" scrolling="no" frameborder="0" height="110" width="155"></iframe>
<span style="color: rgb(51, 255, 51);" ><p><a href="http://uc1n.blogspot.com/">get online radio</a></p></span>
#myGallery { width: 300px !important; height: 200px !important; overflow: hidden; }
<script src='http://mimuha.byethost2.com/javascript/mootools.v1.11.js' type='text/javascript'/>Lanjut>>
<script src='http://mimuha.byethost2.com/javascript/jd.gallery.js' type='text/javascript'/>
<link href='http://mimuha.byethost2.com/css/jd.gallery.css' media='screen' rel='stylesheet' type='text/css'/>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<div>
<script type='text/javascript'>
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
showArrows: false,
showCarousel: false
});
}
window.addEvent('domready', startGallery);
</script>
<div id='myGallery'>
<div class='imageElement'>
<a class='open' href='Url posting yang ingin ditampilkan'/> /* tautan/link ke posting-an 1 */
<img class='full' src='URL gambar' /> /* Alamat link gambar 1 yang sudah di-upload */
<h3>Judul Artikel 1</h3>
<p>Deskripsi Artikel 1</p>
</div>
<div class='imageElement'>
<a class='open' href='Url posting yang ingin ditampilkan'/> /* tautan/link ke posting-an 2 */
<img class='full' src='URL gambar' /> /* Alamat link gambar 2 yang sudah di-upload */
<h3>Judul Artikel 2</h3>
<p>Deskripsi Artikel 2</p>
</div>
<div class='imageElement'>
<a class='open' href='Url posting yang ingin ditampilkan'/> /* tautan/link ke posting-an 3 */
<img class='full' src='URL gambar' /> /* Alamat link gambar 3 yang sudah di-upload */
<h3>Judul Artikel 3</h3>
<p>Deskripsi Artikel 3</p>
</div>
</div>
</div>
4. pilih karakter berikut, Copy lalu paste logo berikut pada kotak HTML/Java Script :
3. Setelah muncul kotak dialog berikut
<script src="https://sites.google.com/site/unwanted86/javascript/toppostpageview.js" type="text/javascript"></script>3. Save dan lihat hasilnya..
<style>p/s:
#twitter-ticker{
width:200px;
height:300px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMT7Y8s6zOOIMfBe9efQofGxZCGxsUCW4osknpfmaJfoVwCLtn0v4Gtk943bd0u5migRYSF1VWjLHFKlAJ7bSp0o1zddEtuX-mw7_-d13738mEB0sj7Yl1NrIQ0WMOlqnwJgOCyvIHRmo/s1600/slickbg.png) no-repeat #f5f5f5;
color:#666666;
display:none;
-moz-border-radius:10px 10px 6px 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius:6px;
text-align:left;
}
#tweet-container{
height:230px;
width:auto;
overflow:hidden;
}
#twitIcon{
position:absolute;
top:-25px;
left:-10px;
width:64px;
height:64px;
}
#top-bar{
height:45px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqVV3xe5rQbo9It-l_vC8cK1maLe6Asb0QUlHkORa2YV7ZLMQDkeWAryLhkwJUzhp_-MSdlVYfmzbx9TWfP68BexppL8kDquiOJJfa5mvGeDPjrk6Uw5-Q-7uL4RLHVerc-k5EKpDFAHQ/s1600/top_bar.png) repeat-x;
border-bottom:1px solid white;
position:relative;
margin-bottom:8px;
-moz-border-radius:6px 6px 0 0;
}
.tweet{
padding:5px;
margin:0 8px 8px;
border:1px solid #F0F0F0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCMsak0yOnZCGMusJiPMSwjBFcR7wncs5sqGXO0Ko6C-gLKQC-a4L6URJ7CozlBrYcLyef-vxWnCEawB-zb9Hm0LRnkmd7xj8VrvrAaskWiFOxzauliIVkmEXIDA4GAAe46gBt_zQSW1I/s1600/transparent.png);
width:auto;
overflow:hidden;
}
.tweet .avatar,
.tweet .user,
.tweet .time{
float:left;
}
.tweet .time{
text-transform:uppercase;
font-size:10px;
color:#AAAAAA;
white-space:nowrap;
}
.tweet .avatar img{
width:36px;
height:36px;
border:2px solid #eeeeee;
margin:0 5px 5px 0;
}
.tweet .txt{
clear:both;
}
.tweet .user{
font-weight:bold;
}
#loading{
margin:100px 95px;
}
#twitter-ticker{
margin:40px auto 20px;
}
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}
.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right:4px;
top:0;
height: 100%;
background: #ddd;
}
.jScrollPaneDrag {
position: absolute;
background: #999;
cursor: pointer;
overflow: hidden;
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
}
a.jScrollArrowUp:hover {
/*background-color: #f60;*/
}
a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
}
a.jScrollArrowDown:hover {
/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*background-color: #f00;*/
}
h4.tut{
color:#fff;
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size:16px;
padding:12px 0 0 58px;
text-transform:uppercase;
text-shadow:2px 1px 6px #333;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/jquery01/jquery.mousewheel.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/jquery01/jScrollPane-1.2.3.min.js"></script>
<script type="text/javascript">
var tweetUsers = ['ID_TWITTER_ANDA','ID_TWITTER1','ID_TWITTER2','ID_TWITTER3'];
var buildString = "";
$(document).ready(function(){
$('#twitter-ticker').slideDown('slow');
for(var i=0;i<tweetUsers.length;i++)
{
if(i!=0) buildString+='+OR+';
buildString+='from:'+tweetUsers[i];
}
var fileref = document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", "http://search.twitter.com/search.json?q="+buildString+"&callback=TweetTick&rpp=50");
document.getElementsByTagName("head")[0].appendChild(fileref);
});
function TweetTick(ob)
{
var container=$('#tweet-container');
container.html('');
$(ob.results).each(function(el){
var str = ' <div class="tweet">\
<div class="avatar"><a href="http://twitter.com/'+this.from_user+'" target="_blank"><img src="'+this.profile_image_url+'" alt="'+this.from_user+'" /></a></div>\
<div class="user"><a href="http://twitter.com/'+this.from_user+'" target="_blank">'+this.from_user+'</a></div>\
<div class="time">'+relativeTime(this.created_at)+'</div>\
<div class="txt">'+formatTwitString(this.text)+'</div>\
</div>';
container.append(str);
});
container.jScrollPane();
}
function formatTwitString(str)
{
str=' '+str;
str = str.replace(/((ftp|https?):\/\/([-\w\.]+)+(:\d+)?(\/([\w/_\.]*(\?\S+)?)?)?)/gm,'<a href="$1" target="_blank">$1</a>');
str = str.replace(/([^\w])\@([\w\-]+)/gm,'$1@<a href="http://twitter.com/$2" target="_blank">$2</a>');
str = str.replace(/([^\w])\#([\w\-]+)/gm,'$1<a href="http://twitter.com/search?q=%23$2" target="_blank">#$2</a>');
return str;
}
function relativeTime(pastTime)
{
var origStamp = Date.parse(pastTime);
var curDate = new Date();
var currentStamp = curDate.getTime();
var difference = parseInt((currentStamp - origStamp)/1000);
if(difference < 0) return false;
if(difference <= 5) return "Just now";
if(difference <= 20) return "Seconds ago";
if(difference <= 60) return "A minute ago";
if(difference < 3600) return parseInt(difference/60)+" minutes ago";
if(difference <= 1.5*3600) return "One hour ago";
if(difference < 23.5*3600) return Math.round(difference/3600)+" hours ago";
if(difference < 1.5*24*3600) return "One day ago";
var dateArr = pastTime.split(' ');
return dateArr[4].replace(/\:\d+$/,'')+' '+dateArr[2]+' '+dateArr[1]+(dateArr[3]!=curDate.getFullYear()?' '+dateArr[3]:'');
}
</script>
<!--[if lt IE 7]>
<style type="text/css">
div.tweet {
background:none;
border:none;
}
div#twitIcon{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwJ648xchPR0Fmy_IbPTo1vGbfFxn6wVRH3APixgSwWDDo3fBVkBC2ZSTKAiV3oA37igQgNYx7V6a5H6cW8WZI1MuW4WMU69-FwuItxr6rkSAx1MXqXhUl0BnZCcqtpw8MxSvuCf_dLJQ/s1600/twitter_64.png, sizingMethod=crop);
}
div#twitIcon img{
display:none;
}
</style>
<![endif]-->
<div id="twitter-ticker">
<div id="top-bar">
<div id="twitIcon"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwJ648xchPR0Fmy_IbPTo1vGbfFxn6wVRH3APixgSwWDDo3fBVkBC2ZSTKAiV3oA37igQgNYx7V6a5H6cW8WZI1MuW4WMU69-FwuItxr6rkSAx1MXqXhUl0BnZCcqtpw8MxSvuCf_dLJQ/s1600/twitter_64.png" width="64" height="64" alt="Twitter icon" /></div>
<h4 class="tut">TWITTER SAYA</h4>
</div>
<div id="tweet-container"><img id="loading" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqyZnLPT4pd0Q0FPxqDq5uX05JOLZC0HhdRQltwCUKcDyrPPHoSpsKnPJZlpLiNecBoZVLJYzeM40qkJhyG99qYpzGlAd3_Q1kT86eDj2MN2NUw0u7MrUnglP3DuSdSBB1EPTVKqRTw-k/s1600/loading.gif" width="16" height="11" alt="Loading.." /></div>
var tweetUsers = ['Akun twitt Anda','ID_TWITTER1','ID_TWITTER2','ID_TWITTER3'];
bagaimana cara untuk membuatnya...ikuti lankah-lankah berikut.<a style="position: fixed; top: 5px; right: 5px;" |
<a style="position: fixed; bottom: 5px; right: 5px;" |
<a style="position: fixed; top: 5px; left: 5px;" |
<a style="position: fixed; bottom: 5px; left: 5px;" |
