Better a cruel truth than a comfortable delusion ...
Home Anime / e-Story Story Santai Tutorials All bout d Braces Relationship

Saturday, January 11, 2014

Tutorial letak Moving Recent Post dalam blog



1. Dashboard --> Layout --> Add a gadget --> Javascript/ HTML

2. copy kod di bawah sehingga habis dan paste kan pada Javascript/ HTML  ..

<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#3366ff;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;
var numchars = 60;
</script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</ul>
</div></script></ul></div> 

3. Save dan lihat hasilnya ...

=)

source 

Tutorial Scrollbar Comel ( Extraordinary )

....latest from me......


1. Dashboard --> Template --> Edit HTML

2. Cari kod di bawah..tekan ctrl + F untuk mudahkan pencarian..

body { 

3. Copy kod  di bawah dan paste kan sebelum kod body { 

::-webkit-scrollbar {
height:10px;
width: 10px;
background: #FFFFFF;
}
::-webkit-scrollbar-track-piece  {
background-color: #D462FF;
border: 4px solid #FFFFFF;
}
::-webkit-scrollbar-thumb {
background:url(http://mycutegraphics.com/backgrounds/stars/starbg61.gif) repeat;
border-top: 6px dashed #F778A1;
border-bottom: 6px dashed #F778A1;
border-right: 1px solid #804000;
border-left: 1px solid #804000;
}
4. Preview dulu...ok, cantik??? SAVE laaaa... =)

Note :
biru : warna background scrollbar
purple : warna batang scrollbar ( cam cantoh kat atas tu, warna purple )
merah : saiz batang scrollbar ( ubah laaa kalau nak bagi nipis or tebal )
oren : url image ...cari kat sini ---> Tekan 

kod warna ---> Tekan 

p/s : komen laaa kalo menjadi.... =)

Tutorial Blockquote #3

example


1. Dashboard --> Template --> Edit HTML

2. Cari kod di bawah..tekan ctrl + F untuk mudahkan pencarian..

]]></b:skin>  

3. Copy kod  di bawah dan paste kan sebelum kod   ]]></b:skin>  

.post blockquote {
background: #E0FFFF;
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;

border-left:  2px solid #000000;
border-right: 2px solid #000000;
border-top: 2px dotted #000000;
border-bottom: 2px dotted #000000;
margin:1em 20px;
padding: 6px;

note :
korang leh tukar :

biru : kod warna yang korang suka ---> Pilih di sini 
oren : bentuk-bentuk border , ----> Pilih di sini  

Related Posts Plugin for WordPress, Blogger...