Friday, July 12, 2013

Codes Link or Bias Page




Assalamualaikum




Tuto ini khusus untuk para followers saya dan specially untuk yang merequest di cbox. Saya senang anda mau merequest tuto dengan saya  karena biasanya orang lebih suka membuka page source saya daripada bertanya, makanya saya lebih menyukai orang-orang yang menanyakan apa yang dia mau seperti salah satunya adalah Mimi. Tapi, saya mohon maaf jika saya lama menanggapi request-an, dikarenakan modem saya yang sedang bermasalah . Oh ya, nih katanya :




TEMPLATE CLASSIC

1. Ke Dashboard > Template.

2. Copy kode ini di blog baru kalian. *saya sarankan utk membuat blog baru*



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html>

<title>LINK OR BIAS</title>



<link rel="shortcut icon" href="http://i.imgur.com/FC9xtpv.png">
<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dauspozi.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>




<head>

<base target='_blank'/>

<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>



<style type="text/css">



body {

background-color:#fff;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;
background-image: url('http://static.tumblr.com/28f6ba53f884407b5c4d68d9ea04a03f/smq0dw1/b7Fmgsuzx/tumblr_static_5.png');

background-attachment: fixed;}


::-webkit-scrollbar-thumb:vertical {

background-color: #ffffff;

height: 30px;}



::-webkit-scrollbar {

height: 30px;

width: 4px;

background-color:#000000;}



#container {

align:center;

position:center;

left:80px;

width:1200px;

top:28px;}



#border {

position:fixed;

left:1px;

top:-10px;

width:100%;

height:45px;

border-bottom:8px solid #aaa;

background-image: url('http://static.tumblr.com/jtqlgf2/rySm6ek4l/light_wool.png');

background-attachment: fixed;

box-shadow: 0px 0px 10px 1px #eee;}



#all{

position:fixed;

text-decoration:none;

color:#999;

font-family: 'Economica', sans-serif;

text-transform:uppercase;

letter-spacing:2px;

font-size:12px;

margin-left:-20px;

background-color:transparent;

opacity:1;}



#all a{

text-decoration:none;

color:#6F584A;

font-family: 'Economica', sans-serif;

text-transform:uppercase;

letter-spacing:1px;

font-size:12px;

background-color:transparent;

opacity:.7;}

blockquote {margin-left: 20px;margin-right: 10px;padding: 3px 7px;border: 3px solid #C8ECF7;background: #FFF;}
.credit {position: fixed;right: 0px;bottom: 5px;font: 10px Economica;}
a:active, a:link, a:visited {text-decoration: none;color: #787878;}
a:hover {text-decoration: none;color: #C8ECF7;}
.home {position: fixed;left: 0px;bottom: 5px;font: 10px Economica;}
a:active, a:link, a:visited {text-decoration: none;color: #787878;}
a:hover {text-decoration: none;color: #C8ECF7;}

.kiki{

position:absolute;

margin-top:70px;

float:left;

margin-left:40px;

text-align:center;

background-color:#ffffff;

box-shadow: 0px 0px 10px 1px #aaa;}



.kiki h1{

font-family: 'Economica', sans-serif;

font-weight:normal;

letter-spacing:0px;

margin-bottom:10px;

margin-top:-33px;

margin-left:0px;

text-transform:uppercase;

color:#fff;

background-color:#000;

border:#9BBFE8;

opacity:.9;

text-align:center;

font-size:20px;}



.kiki img{

text-align:center;

width:110px;

margin-top:0px;

padding:7px;

}




.kiki a{

text-decoration:none;

color:#ffffff;}

</style>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>

<script>

$(function(){

var $container = $('#container');

$container.imagesLoaded(function(){

$container.masonry({

itemSelector: '.kiki',

});

});

$container.infinitescroll({

itemSelector : ".kiki",

loadingImg : "",

loadingText : "<em></em>",

bufferPx : 10000,

extraScrollPx: 12000,

},

// trigger Masonry as a callback

function( newElements ) {

var $newElems = $( newElements ).css({ opacity: 0 });

// ensure that images load before adding to masonry layout

$newElems.imagesLoaded(function(){

$newElems.animate({ opacity: 1 });

$container.masonry( 'appended', $newElems, true );

});

}

);

});

</script>



<meta http-equiv="x-dns-prefetch-control" content="off"/><link rel="me" href="http://www.blogger.com/profile/08223352550369086830" />
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
</head>

<body>



<div id="container">

<div class="kiki">

<h1>
KWON YURI</h1>

<a href="http://fajarrd.blogspot.com/">
<img src="
http://i.imgur.com/cAETGpo.png"width="110"height="110">
</a>
</div>



<div class="kiki">

<h1>
KIM TAEYEON</h1>

<a href="http://fajarrd.blogspot.com/">
<img src="
http://i.imgur.com/YWrtHfl.png"width="110"height="110">
</a>
</div>



<div class="kiki">

<h1>
TIFFANY HWANG</h1>

<a href="http://fajarrd.blogspot.com/">
<img src="
http://i.imgur.com/ushc0ov.png"width="110"height="110">
</a>
</div>
<br>
<br>


<div class="credit">
<blockquote>
<a href="http://zuvia.tumblr.com/">C R E D I T</a>
</blockquote>
</div>
<div class="home">
<blockquote>
<a href="http://
URLBLOG.blogspot.com/">H O M E</a>
</blockquote>
</div>
</div>

</div>
<br>
<br>


<div id="border"></div>



<div id="all">





<div style="position:fixed;

top:0px;

width: 100%;

padding-top:10px;

padding-bottom:10px;

font-size:22px;

letter-spacing:0px;

line-height:15px;

text-align:center;

text-transform:uppercase;

color:#ddd;

z-index:99;

font-family: 'Economica', sans-serif;

background-color:transparent;

opacity:.7;

letter-spacing:5px;

padding-left:30px;

padding-right:20px;

border-radius:100px;">
THANKS FOR REQ TUTO MIMI ^^</div>



<script type="text/javascript" src="//www.blogger.com/static/v1/common/js/4181124240-csitail.js"></script>
<script type="text/javascript">BLOG_initCsi('classic_blogspot');</script><script type="text/javascript" src="//www.blogger.com/static/v1/common/js/2216424884-csitail.js"></script>
<script type="text/javascript">BLOG_initCsi('classic_blogspot');</script></body>

</html>


3. Preview, if doesn't have problem, then save.


CARA BUAT BLOG BARU

*Klik gambar untuk memperbesar*




*ADJUST CODES :

*Warna MERAH : URL GAMBAR ANDA
*Warna BIRU : YOUR WORDS

Original codes : Zuvia  




4 comments:

  1. kod itu nak letak kat mana ?

    ReplyDelete
  2. Akak ! sudah boleh buat ! Terima kasih ya :D

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. WAH KEREN! Eh, kak, mau followback ga? Boleh, ya??? -> blogku. Maaf kalau ganggu.. XD

    ReplyDelete