Docstoc

CSS BLOG

Document Sample
CSS BLOG Powered By Docstoc
					<meta content='240' http-equiv='refresh'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/> | Free Download</title>
<b:else/><title><data:blog.pageTitle/> | SEO | Free Template | Trick-tips Facebook |
Tutorial Blog</title>
</b:if>
<meta expr:content='data:blog.pageTitle + &quot; - www.trik-tipsblog.blogspot.com,
www.trik-tipsblog.tk - tips‐ tricks in this blog there are lots of tutorials and how
modifications blog blog appear to be more beautiful and interesting with a script that
makes it easier to modify your blog and get free domain.com, trik-tipsblog and khusus
trik-tips, free download&quot;' name='description'/>
<meta expr:content='data:blog.pageTitle + &quot;,www.trik-tipsblog.blogspot.com,
www.trik-tipsblog.tk, seo tips, increase traffic, tutorial blog, facebook smiley codes, foto
artis, video indonesia, free domain com, seo keyword, free template, widget, modification
blog, SEO, coloumn, hack, footer, blog, page posts, twitter, video 3gp, facebook, nurdin
m top, javascript, modifikasi blog, hack chip poker, trick-tips blog, newspaper template,
game pc gratis, blog tutorial, css, download trik wordpress, blogspot template, tips
ngeblog, free download, film, gratis, download video 3gp, download musik mp3 gratis,
home recording, hack facebook&quot;' name='keywords'/>
<meta content='Trik-tipsblog' name='copyright'/>
<meta content='Trik-tipsblog' name='author'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit-after'/>
<meta content='id' name='geo.country'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='index, follow, sniped, all' name='robots'/>
<meta content='follow, all' name='googlebot'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='Lycos_Spider_(T-Rex)'/>
<meta content='follow, all' name='FAST-WebCrawler'/>
<meta content='follow, all' name='ArchitextSpider'/>
<meta content='follow, all' name='YAHOO SLURP'/>
<meta content='Aeiwi, Alexa, AllTheWeb, AltaVista, AOL Netfind, Anzwers, Canada,
DirectHit, EuroSeek, Excite, Overture, Go, Google, HotBot. InfoMak, Kanoodle, Lycos,
Live, Msn, MasterSite, National Directory, Northern Light, SearchIt, SimpleSearch,
WebsMostLinked, WebTop, What-U-Seek, AOL, Yahoo, WebCrawler, Infoseek, Excite,
Bing, Magellan, LookSmart, CNET, ASK' name='search engines'/>
<meta content='nh1LEmRPecBFtb3o_7sXYuilS9S0xGtmmOAItxLY4Sc' name='google-
site-verification'/>
<meta content='Zy82Ggvmx1TDVJ5N0jNn53HfXfz3OvScckCGgLuOsv0='
name='verify-v1'/>
<meta content='b99736d16750a9b6' name='y_key'/>
<meta content='9BC9092450' name='blogcatalog'/>
<meta content='A36E5D958065EA335B8B0DD9C14A3A58' name='msvalidate.01'/>
<link expr:href='data:blog.url' rel='canonical'/>

CSS FACEBOOK

Taruh di bawah = ]]></b:skin>

<!-- Facebook Toolbar START -->
<script src='http://triktipsblog.googlecode.com/files/fbtoolbar.js.txt'
type='text/javascript'/>
<link href='http://triktipsblog.googlecode.com/files/fbtoolbar-style.css' rel='stylesheet'
type='text/css'/>
<link href='http://www.mosquitomagazine.com/facebook-
toolbar/modules/mod_fbtoolbar/fbtoolbar.css' rel='stylesheet' type='text/css'/>
<!-- Facebook Toolbar END -->

FACEBOOK TOOLBAR

<!-- Facebook Toolbar START -->
<div class='moduletable'>
<div class='dhmbox' id='dhmbox1'>
<div class='dhmbox-content' id='dhmbox-content1' style='width:250px'>
<div class='dhmbox-content-title' style='width:250px'>
<div class='dhmbox-content-title-close' onclick='showDHMPopup(1);'/>
<div class='dhmbox-content-title-main'>Notification</div>
<div class='dhmbox-content-item'>
<div>
<center>
<br/>
&lt;div style=&quot;border: 1px solid rgb(222, 222, 222); padding:
5px;&quot;&gt;&lt;b&gt;Dapatkan Artikel &amp; Informasi Terbaru&lt;/b&gt; langsung
ke Email anda!&lt;br/&gt;&lt;br/&gt;
&lt;p&gt;&lt;/p&gt;&lt;form id=&quot;subscribe&quot;
action=&quot;http://feedburner.google.com/fb/a/mailverify&quot;
target=&quot;popupwindow&quot; method=&quot;post&quot;
onsubmit=&quot;window.open(&#39;http://feedburner.google.com/fb/a/mailverify?uri=
Trik-tipsBlog&#39;, &#39;popupwindow&#39;,
&#39;scrollbars=yes,width=550,height=520&#39;);return true&quot;&gt;&lt;input
id=&quot;subbox&quot; onfocus=&quot;if (this.value == &#39;Masukan alamat Email
anda...&#39;) {this.value = &#39;&#39;;}&quot; value=&quot;Masukan alamat Email
anda...&quot; name=&quot;email&quot; onblur=&quot;if (this.value == &#39;&#39;)
{this.value = &#39;Masukan alamat Email anda...&#39;;}&quot;
type=&quot;text&quot;/&gt;&lt;input value=&quot;Trik-tipsBlog&quot;
name=&quot;uri&quot; type=&quot;hidden&quot;/&gt;&lt;input value=&quot;&quot;
name=&quot;loc&quot; type=&quot;hidden&quot;/&gt;&lt;input
id=&quot;subbutton&quot; value=&quot;GO&quot;
type=&quot;submit&quot;/&gt;&lt;/form&gt;
</center>
</div>
</div>
</div>
</div>
</div>
<div class='dhmbox' id='dhmbox2'>
<div class='dhmbox-content' id='dhmbox-content2' style='width:250px; height:410px;'>

<div class='dhmbox-content-title' style='width:250px'>
<div class='dhmbox-content-title-close' onclick='showDHMPopup(2);'/>
<div class='dhmbox-content-title-main'>Chat</div>
</div>
<div class='dhmbox-content-item'>
<div>
<center>
<br/>
<!-- Start http://shoutbox.widget.me HTML Code -->
<iframe frameborder='0' height='385' scrolling='auto'
src='http://shoutbox.widget.me/window.html?uid=k3z6n' title='Shoutbox' width='235'/>
<br/><a href='http://shoutbox.widget.me' title='Get your own free chat
widget!'>Shoutbox widget</a><br/>
<!-- End http://shoutbox.widget.me HTML Code -->
</center>
</div>
</div>
</div>
</div>
<div class='dhmbox' id='dhmbox3'>

<div class='dhmbox-content' id='dhmbox-content3' style='width:400px'>
<div class='dhmbox-content-title' style='width:400px'>
<div class='dhmbox-content-title-close' onclick='showDHMPopup(3);'/>
<div class='dhmbox-content-title-main'>Recent</div>
</div>
<div class='dhmbox-content-item'>
<div>
<center>
<br/>
&lt;table border=&quot;0&quot;&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;img width=&quot;50&quot;
src=&quot;http://music.onlinedownloads.org/hotmp3download.jpg&quot;
height=&quot;56&quot;/&gt;&lt;br/&gt;
&lt;img width=&quot;50&quot;
src=&quot;http://img89.imageshack.us/img89/1733/leahdizonts7.jpg&quot;
height=&quot;56&quot;/&gt;&lt;br/&gt;
&lt;img width=&quot;50&quot;
src=&quot;http://www.soulbounce.com/soul/blog_images/top100soulrnb_flip-thumb-
473x473.jpg&quot; height=&quot;54&quot;/&gt;&lt;br/&gt;
&lt;img width=&quot;50&quot;
src=&quot;http://www.jamrecordings.com/images/Jeremy-Pop_Explosion.jpg&quot;
height=&quot;54&quot;/&gt;&lt;br/&gt;
&lt;/td&gt;
&lt;td&gt;&lt;br/&gt;
&lt;script src=&quot;http://inbox-articles.co.cc/blogspot/style.css&quot;
type=&quot;text/javascript&quot;/&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
zone = &quot;30&quot;;
pl = &quot;29909&quot;;
shape = &quot;11&quot;;
c_border = &quot;F8F8F8&quot;;
c_background = &quot;F8F8F8&quot;;
c_text1 = &quot;0000FF&quot;;
c_text2 = &quot;0000FF&quot;;
c_text3 = &quot;000000&quot;;
c_text4 = &quot;000000&quot;;
c_text5 = &quot;000000&quot;;
c_text6 = &quot;000000&quot;;
c_text8 = &quot;0000ff&quot;;
url = &quot;http://www.ppcindo.com&quot;;
//--&gt;&lt;/script&gt;
&lt;script src=&quot;http://www.ppcindo.com/show.js&quot;
type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</center>
</div>
</div>
</div>
</div>
<div class='dhmbox' id='dhmbox4'>
<div class='dhmbox-content' id='dhmbox-content4' style='width:200px'>

<div class='dhmbox-content-title' style='width:200px'>
<div class='dhmbox-content-title-close' onclick='showDHMPopup(4);'/>
<div class='dhmbox-content-title-main'>Sekilas Info</div>
</div>
<div class='dhmbox-content-item'>
<br/>
</div>
</div>
</div>
<div id='dhm-bar'>
<div id='dhm-bar-container'>
<div class='dhm-title'>
<a href='http://www.facebook.com/yasin.marine' target='_blank' title='Muhamad
Yasin'><img border='0' src='http://static.ak.fbcdn.net/favicon.ico?8:132011'/></a>
</div>
<div class='dhm-title'>
<a href='#' target='_blank' title='Link Exchange'>

<img border='0' src='http://b.static.ak.fbcdn.net/images/icons/group.gif'>
</img>
</a>
</div>
<div class='dhm-title'>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=Trik-tipsBlog' rel='facebox'>
<div>Subscribe Article</div>
</a>
</div>
<div class='dhm-button' id='dhm-button-1' onclick='showDHMPopup(1);'>
<img
src='http://lh4.ggpht.com/_xBW8tvgOXL4/SzXtGtBgOeI/AAAAAAAABUE/JPe2Kd3F
GLw/s128/notif.png'/>
</div>
<div class='dhm-button' id='dhm-button-2' onclick='showDHMPopup(2);'>
<img src='http://lh4.ggpht.com/_xBW8tvgOXL4/SzXreFvq-
4I/AAAAAAAABT4/1JX36rIZoN8/chati.gif'/>
</div>
<div class='dhm-button' id='dhm-button-3' onclick='showDHMPopup(3);'>
<img src='http://b.static.ak.fbcdn.net/images/icons/group.gif'/>
</div>
<div class='dhm-button' id='dhm-button-4' onclick='showDHMPopup(4);'>
</div>
</div>
</div>
</div>
<!-- Facebook Toolbar END -->
.ads{margin-bottom:10px;border-top:solid 1px #DEDEDE;padding-top:10px;font-
size:13px}
.ads-right-min{border-left:solid 1px #DEDEDE;height:250px;padding-left:10px}
.ads-right-min a:link,.ads-right-min a:visited{font-
size:12px;color:#222;display:block;height:22px;line-height:22px;margin-
bottom:16px;padding-left:32px}
.ads-right-min a:hover,.bottom-share-links a:hover{color:#666}
.mini-
feed{background:url(http://lh4.ggpht.com/_TqPdHmAEwTM/SrVhkTClEUI/AAAAAA
AAFqo/v8AYhMipuYU/feed.gif) no-repeat}
.mini-
tweet{background:url(http://lh5.ggpht.com/_TqPdHmAEwTM/SrVkkLNvMlI/AAAAA
AAAFqs/S-UYpTlrZa8/tweet.gif) no-repeat}
.mini-
tech{background:url(http://lh6.ggpht.com/_TqPdHmAEwTM/SrVsIDBoz7I/AAAAAAA
AFqw/UpGK_0UQUZg/technorati.gif) no-repeat}
.mini-
facebook{background:url(http://lh4.ggpht.com/_TqPdHmAEwTM/SrXQ3G_uRnI/AAA
AAAAAFq0/ktY0xwRy4Oo/fb.gif) no-repeat}
.share-
delicious{background:url(http://lh6.ggpht.com/_TqPdHmAEwTM/Sgxdp40mQUI/AAA
AAAAAEDM/_Nee9ul6zpc/s128/delicious.png) left top no-repeat}

#mta_bar { background:#444
url('http://4.bp.blogspot.com/_C6KkooKXCEw/SQnz2n2y02I/AAAAAAAACiU/hgebwI
qZY9c/s400/wow.gif?imgmax=800') repeat-x; border-bottom:2px solid #111; z-
index:100; bottom:0; left:0; width:100%; overflow:auto; position:fixed; margin-left:0;
margin-right:0; margin-top:0; margin-bottom:0px; padding-left:0; padding-right:0;
padding-top:7px; padding-bottom:4px}
* html #mta_bar{position:absolute; /*IE6
hack*/width:expression(document.compatMode=="CSS1Compat"?
document.documentElement.clientWidth+"px":body.clientWidth+"px")}
#mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:13px;
font-weight:bold; font-style:normal; color:#fff; width:65%}
#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-
weight:normal; font-style:normal; color:#fff; width:20%}
#mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-
align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-
space:nowrap}
#mta_bar .right a{font-size:10px; color:#fff; text-decoration:underline}
#mta_bar .right a:hover{font-size:10px; color:#fff; text-decoration:none}
#left_bar
a{background:url('http://1.bp.blogspot.com/_C6KkooKXCEw/SPyUclWEsEI/AAAAAA
AAChM/e6wa1ef3jTQ/s400/stripead-feed.gif') no-repeat; text-decoration:none;
color:#fff; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar a:hover{text-decoration:underline; color:#fff}
#left_bar2 a{background:
url(http://lh4.ggpht.com/_xBW8tvgOXL4/Sm5zvKdhdUI/AAAAAAAAA0I/dZ083AAg
dfw/submit.png) no-repeat 2px; text-decoration:none; color:#fff; padding-left:21px;
padding-right:0; padding-top:0; padding-bottom:0}
#left_bar2 a:hover{text-decoration:underline; color:#fff}


.tshadow {
color: #000;
background: transparant;
height: 35px;
width: auto;
padding-left: 20px;
line-height: 32px;
font-size: 1.2em;
margin-bottom: 5px;
margin-left: 5px;
text-shadow: 2px 2px 3px #000; /* IMPORTANT */
}

<br/>
/*-----------------------------
post code related optimal
visit http://www.trik-tipsblog.blogspot.com
------------------------------*/
. rbbox (border: 1px solid rgb (192, 192, 192); padding: 5px;
background-color: # f0f0f0;-moz-border-radius: 5px; margin: 5px;)
. rbbox: hover (background-color: rgb (255, 255, 255);)

.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9
url(http://i280.photobucket.com/albums/kk162/mochal_nl_2008/cv-1.gif) no-repeat right
bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}

#bar{
width:928px;
height:35px;
margin:0 auto;
padding:0;
font:normal 12px Arial, Tahoma, Verdana;
}
#barleft {
width:720px;
float:left;
margin:0;
padding-top:7px;
}
#barright, #barright a, #barright a:visited {
width: 165px;
float: right;
color:#fff;
margin: 0;
padding: 7px 0 0;
text-decoration:none;
}
#barright a:hover{
text-decoration:underline;
}
.jero{
margin-top:20px;
}
.jero table{
font-size:.9em;
color:#333;
width:520px;
margin:0 auto;
}
.jero caption{
text-transform:uppercase;
font-size:15px;
text-align:left;
font-weight:700;
border-bottom:4px double #000;
margin:0 auto 10px;
padding:3px;
}
.jero tbody tr.eusi1{
width:100px;
background:#EEE
}
.jero tbody tr.eusi1:hover{
background:#CCC
}
.jero tbody tr.eusi2{
width:100px;
}
.jero tbody tr.eusi2:hover{
background:#CCC
}
.jero tbody td{
padding:5px 10px;
}
.blur img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.blur:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.70;
opacity: 0.70;
border:0;
}
.blurxtra:hover img {
filter:alpha(opacity=0.3);
-moz-opacity: 0.3;
opacity: 0.3;
border:0;
}
.aligncenter {
text-align:center;
margin:0;
padding:0;
}

/* List Yahooo
---------------------------------------------*/
#nyaho li {
list-style:none;font-size:12px;padding:0px;margin:0px;
}
#nyaho li a {
background:url(http://www.geocities.com/jaloea/icon-yahoo-04.gif)
no-repeat scroll 0pt;display:block;font-family:verdana;
font-size:84%;font-weight:bold;
line-height:normal;margin:-1px 0pt -2px 0;
padding:3px 0pt 13px 40px;text-indent:-15px;
}
/* Box
-----------------------------------------------*/
#boxes {
float:left;width:100%;
margin:5px auto;border:0px solid $bordercolor;
}
#box1 {
width : 140px;float : left;text-align : left;
padding : 0px;margin-left : 10px;margin-top : 10px;
text-align : justify;
}
#box2 {
width : 120px;float : left;text-align : justify;
padding : 0px;margin-left : 10px;margin-top : 10px;
}
#box3 {
width : 140px;float : left;text-align : justify;
padding : 0px;margin-left : 10px;margin-top : 10px;
}
#box4 {
width : 140px;float : left;text-align : justify;
padding-right : 0px;margin-left : 10px;margin-top : 10px;
}
#box5 {
width : 140px;float : left;text-align : justify;
padding-right : 0px;margin-left : 10px;margin-top : 10px;
}
#box6 {
width : 200px;float : right;text-align : justify;
padding-right : 10px;margin-left : 5px;margin-top : 6px;
}
#boxes p {
padding-left : 0px;padding-right : 0px;
}
#boxes2 {
float:left;width:100%;
margin:5px auto;border:0px solid $bordercolor;
}
#bgtop{ background:url(http://1.bp.blogspot.com/_BN-
753uAiHc/Sm0QIbbcXII/AAAAAAAAAYo/l-DZ1DHaYMQ/s400/ht7klv.jpg) repeat-x
left top; width:100%;height:100%;margin:0;padding:0;}
a, a:visited{ color:#a9501b; text-decoration:none;}
a:hover{ color:#cc0000; text-decoration:underline;}
a img{ border-width:0;}

#headline, #news{ background:#1c1e22; float:left;width:960px; color:#fff; margin:0
auto; padding:0; height:38px; }
.newsleft{ width:750px; float:left; margin:0; padding:5px 10px 0 20px; }
.newsleft a, .newstleft a:visited{ font-size:11px; font-weight:normal; color:#E8A02C;
text-decoration:none; }
.newsleft a:hover{ text-decoration: underline; }
.followme{ width:120px; float:right; margin:0; padding:10px 20px 0 0; text-
transform:uppercase; text-align: right; }
.followme a img{ border:0; margin:0 5px 0 0; padding:0; }
.followme a, .followme a:visited{ font-size:12px; font-weight:bold; color: #fff; text-
decoration:none; padding:10px 0 0 0; }
.followme a:hover{ text-decoration:underline; }

#headline2 {
width:560px;
float:left;
padding:0px 12px 25px 25px;
font-size:12px;
line-height:1.5em;
margin:0;
background:#333333;
color:#fff;
overflow:hidden;
}
#headline2 a {
color:#a0a0a0;
}
#headline2 a:hover {
color:#d0d0d0;
}
#top div.label {
font:14px Arial;
font-weight:bold;
text-transform:lowercase;
letter-spacing:-0.05em;
line-height:0.9em;
display:block;
padding-bottom:0px;
padding-top:15px;
}
#headline2 div.title {
font:28px Arial;
font-weight:bold;
letter-spacing:-0.05em;
line-height:0.9em;
padding-bottom:5px;
padding-top:5px;
margin-top:0px;
}
#headline2 div.meta {
display:block;
padding:4px 0px 4px 0px;
color:#ececec;
font-size:10px;
}
#headline2 p {
padding-bottom:25px;
}
#featured2 {
width:320px;
float:right;
padding:0px 0px 0px 10px;
font-size:12px;
}
#featured2 li {
list-style:none;
width: 320px;
height: 79px;
margin-bottom:0px;
padding-bottom:0px;
}
#featured2 .arthemia-carousel {
overflow:hidden;
width:320px;
}
#featured2 .info {
margin-top:0px;
padding-top:10px;
/*float:right;*/
/*width:203px;*/
font-size:11px;
}
#featured2 .meta {
margin-top:5px;
font-weight:normal;
font-size:10px;
}
#featured2 .title {
font-weight:bold;
}
#featured2 .divider {
margin-left:95px;
}
#headline2 a img, #featured a img {
margin-top:5px;
}
#featured2 a {
color:#000000;
}
#featured2 a:hover {
color:#808080;
}
#featured2 a img {
border:2px solid #fff;
margin-right:10px;
}
#headline2 a img {
border:3px solid #fff;
margin-right:15px;
}

.jcarousel-skin-arthemia .jcarousel-container-vertical { width: 310px; height: 257px;
padding: 0px; }
.jcarousel-skin-arthemia .jcarousel-clip-vertical { width: 310px; height: 237px; }
#featured2 { height: 282px; overflow:hidden; }
#subbutton{background: #2B74B4;color:#FFF;font-size: 11px;font-family: Arial,
Tahoma, Verdana;margin: 0px 0px 0px 5px;padding: 2px;border: 1px solid
#234B69;font-weight: bold;}
#submit{background:#2B74B4;color:#FFF;font-size:12px;font-family: Arial, Tahoma,
Verdana;padding:4px;margin:0;border:1px solid #234B69;}

.feed-small-right {
font-size:11px;
float:right;
font-weight:bold;
padding-right:20px;
}
.feed-small-right {background:url(http://2.bp.blogspot.com/_5ip6kmfsiRc/Sq5kjyd-
6rI/AAAAAAAAAeU/GzLVndeu_HA/s200/feed.png) right 6px no-repeat;}
.right-social{
background:url(http://1.bp.blogspot.com/_5ip6kmfsiRc/Sq5lEffzfGI/AAAAAAAAAec/
mX2ZoPyniDA/s200/icon_fb.png) right 6px no-repeat;
padding-right:20px;
font-size:11px;
line-height:28px;
float:right;
}

.feed-small-right2 {
font-size:11px;
float:right;
font-weight:bold;
padding-right:20px;
}
.feed-small-right2
{background:url(http://lh6.ggpht.com/_pt7i0nbIOCY/Sm5Qoc02uAI/AAAAAAAACKU
/zjsgvYigM6Q/Twitter_thumb%5B3%5D.png) right 6px no-repeat;}
.right-social{
background:url(http://lh6.ggpht.com/_pt7i0nbIOCY/Sm5Qoc02uAI/AAAAAAAACKU/
zjsgvYigM6Q/Twitter_thumb%5B3%5D.png) right 6px no-repeat;
padding-right:20px;
font-size:11px;
line-height:28px;
float:right;
}

.feed-small-right3 {
font-size:11px;
float:right;
font-weight:bold;
padding-right:20px;
}
.feed-small-right3
{background:url(http://lh5.ggpht.com/_pt7i0nbIOCY/Sm5Qieg55GI/AAAAAAAACKM
/V3TRGR_i99M/FaceBook_thumb%5B1%5D.png) right 6px no-repeat;}
.right-social{
background:url(http://lh5.ggpht.com/_pt7i0nbIOCY/Sm5Qieg55GI/AAAAAAAACKM/
V3TRGR_i99M/FaceBook_thumb%5B1%5D.png) right 6px no-repeat;
padding-right:20px;
font-size:11px;
line-height:28px;
float:right;
}

/*-- Kotak kanan --*/
.enkanan{border: 1px solid rgb(192, 192, 192);padding: 5px; background-color:
#FAFAFA;-moz-border-radius:5px; margin: 6px 0 0 10px; width:250px;float:right}
.enkanan:hover{background-color: rgb(255, 255, 255);}
.enkanan a, .enkanan a:visited {text-decoration: none; color:#000000;}
.enkanan a:hover { border-bottom:1px dotted #000000;}
.ket {color: #FFFF00; background-color:#000000; text-align: center; -moz-border-
radius:5px; padding: 3px; border:1px solid #CCCCCC; margin: 5px 0 0 0;}
.kotakdalam {border: 1px solid #EFF0F1;padding: 5px; background: #ffffff
url('http://admin.ateonsoft.com/template/root/kotakdalambg.gif') no-repeat top left;-moz-
border-radius:5px;}
.kotakdalam a {background:none;}

td.mbl_fo_hidden{display:none;}td.mbl_join_img{}td.mbl_join{}tr#tr0{display:
none}th.mbl_h{display:none;}

#iklan {
    background:#f7f7f7;
    margin: 0 8px 8px;
    padding: 10px;
    padding-bottom: 8px;
    overflow:hidden;
    text-align:justify;
    border:1px solid #e6e6e6;
    }

#setbar {
     width: 960px;
     position: relative;
     clear:both;
     margin: 10px auto 10px;
     color:#000;
     float: left;
     padding: 0;
     }
#leftbottom3 {
     width: 420px;
     float: left;
     margin:0 10px 0;
     padding:7px 18px;
     background:$bgwidgetcolor;
     border:1px solid $bordercolor;
     }
#rightbottom3 {
     width: 420px;
     float: left;
     margin:0 10px 0;
    padding:7px 18px;
    background:$bgwidgetcolor;
    border:1px solid $bordercolor;
    }




Taryh diatas = <body>

//<![CDATA[
/*
Merlinox and Napolux MyBlogLog Avatar Creator
created by Merlinox (blog.merlinox.com)
helped by Napolux (www.napolux.com)

version 0.1 (20061214)
version 0.2 (20061215)
compatible with all blogger blog
*/

if(typeof(myLayer)!='function'){
function myLayer (x){
//individuo l'oggetto
if(document.layers){ // browser="NN4";
lay=document.layers[x];
}
if(document.all){ // browser="IE";
lay=eval("document.all." + x);
}
if(!document.all && document.getElementById){ // browser="NN6+ or IE5+ if you're
willing to dump the !document.all stuff";
lay=document.getElementById(x);
}
return lay;
}
}

//lo prendo da blogger
function myBlogAvatar(codiceCommento,autore,stile){
//scrivo lo span
//var myBlogSpan = "myBlog-" + codiceCommento;
//document.write("<span id='" + myBlogSpan + "'><i>myBlogLog...</i></span>");

//metto tutto minuscolo perchè indexOf è case sensitive
if (autore != ""){
alt="MyBlogLog: " + autore;

myBlog = "<a target='_blank'
href=\"http://www.mybloglog.com/buzz/co_redir.php?href=" + autore + "\"
rel='nofollow'><img src=\"http://pub.mybloglog.com/coiserv.php?href=" + autore + "\"
alt=\"" + alt + "\" title=\"" + alt + "\" border=\"1\" class=\"myBlogAvatar\"></a>";
//myLayer(myBlogSpan).innerHTML = myBlog + myLayer(myBlogSpan).innerHTML;
//myLayer(myBlogSpan).innerHTML = myBlog;
document.write(myBlog);
}
}
//]]>
</script>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js'
type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>
<script src='http://track4.mybloglog.com/js/jsserv.php?mblID=2009011402482886'
type='text/javascript'/>
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 430; summary_img = 340; img_thumb_height = 100;
img_thumb_width = 120; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img
src="'+img[0].src+'" width="'+img_thumb_width+'px"
height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

				
DOCUMENT INFO