*ARILOXXNTHE*

• login ke blogger
• dashboard >> tata letak >> add gadget (denim temp)

 

• pergi ke blogger
• dashboard >> tata letak >> add gadget >> HTML/JavaScript (denim temp)

• Dashboard >> design >> edit HTML
• cari kode  a:link {
• copy kode dibawah diatas kode  a:link {

• save!
• dan jika udah disave maka tampilannya akan seperti ini

• pergi ke blogger
• dashboard >> tata letak >> add gadget >> HTML/JavaScript (denim temp)
• dashboard >> template >> cari kode sidebar kamu
• copy kode dibawah dan paste setelah kode diatas

<style>
a.luhan {
font-size: 9px;
font-family: Trebuchet Ms;
display:inline-block;
text-align:center;
width: 20px;
color: #fff;
background:#D0DBFC;
padding:3px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}
a.luhan:hover{
display:inline-block;
text-align:center;
width: 20px;
color: #000;
background:#fff;
-webkit-transition-duration:1200ms;
}
</style>
<a class="luhan" href="LINK">FB</a>
<a class="luhan" href="LINK">TW</a>
<a class="luhan" href="LINK">IG</a>
<a class="luhan" href="LINK">ASK</a>

• save!

• copy kode dibawah 

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2"
direction="up" width="100%" height="200" align="center">
<a href="LINK"><img src="URL BANNER" height="100" width="150" />
<a href="LINK"><img src="URL BANNER" height="100" width="150" />
<a href="LINK"><img src="URL BANNER" height="100" width="150" />
<a href="LINK"><img src="URL BANNER" height="100" width="150" />
</marquee><br>

• copy kode dibawah

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2"
direction="right" width="100%" height="200" align="center">
<a href="LINK"><img src="URL BANNER" height="100" width="150" />
<a href="LINK"><img src="URL BANNER" height="100" width="150" />
<a href="LINK"><img src="URL BANNER" height="100" width="150" />
<a href="LINK"><img src="URL BANNER" height="100" width="150" />
</marquee><br>

• dashboard
• template
• cari kode dibawah (denim temp)

h3.post-title, .comments h4 {

.post-title:first-letter {
font-size: 20px;
font-family: 'Arial' ;
color: #C0DAF9;
padding: 1px;
}

•  save! setelah disave maka hasilnya akan seperti ini

 

• Login ke Blogger
• Pilih Tambahkn Gadget
• Pilih HTML / Javascript
• Copy dan Paste Kode di bawah

<!-- Top Commentators Cloud Start
(c) 2010 Blogger Sentral. Original code by http://www.bloggersentral.com/. Please do not remove this credit and the &#8220;Get this commentators widget&#8221; link at the bottom of the code.-->
<div style="text-align:justify;line-height:1.2;">
<script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000;
//finding highest and lowest count
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max)
{
 max = ccCount;
}
if (ccCount < min)
{
 min = ccCount;
}
}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count
ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + "</a>";//clickable commentator name
display = display + ccLName + " ";
}
document.write(display);
}
</script>
 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=URL BLOG
 &Exclusions=NAMA BLOG KALIAN
 &ShowHowMany=10
 &Order=frequency
 &_callback=cCloud
 &_id=cfa196644e1d6159c9183548c4b5e2f5
 &_render=json"
type="text/javascript"></script>
</div>
<!-- Top Commentators Cloud End -->

• save!

• Login ke Blogger
• Dashboad > Pilih Tata Letak
• Pilih Tambahkan Gadget
• HTML / Javascript
• Copy dan Paste kode dibawah ini

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; bottom:10px; left:-12px;'>
<a class='linkopacity' href='www.ryoko-rin.cf' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="http://static.tumblr.com/2550ac3f82d24b5414f9955ce1389bcc/yw5gr7o/yRpnzoldp/tumblr_static_883rklg7078k88o4o84s0g0cg.png" /></a><br />

• save!

 

•  pergi ke blogger
• dashboard >> template
• edit html
• cari kode 

]]></b:skin>

• copy dan paste kode dibawah diatas kode ]]></b:skin>

.post img{
transition: transform .7s ease-in;
-moz-transition: -moz-transform .7s ease-in;
-o-transition: -o-transform .7s ease-in;
-webkit-transition: -webkit-transform .7s ease-in;
}
.post img:hover{
transform: rotate(7deg);
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);}

• save! ^^