Gunakan bahasa yang baik dan benar
No ANONIM and SECRET, your name? 
Put your URL or email 
Thank you ^o^
Create A Blogskin (My Own Style)
Sabtu, 02 November 2013 | 08.07 | 0 comments
- Baca bismillah dulu.
- Buat satu blog tester. Untuk langkah-langkah keselamatan.
Kamu revert to classic blog kamu dulu, nanti kalau udah. Akan keluar kotak putih yang ada codenya, hapus itu semua. Baiklah, kita mulai ya!
1. Copy code yang ada dibawah ini :
<head><center><img class="header" src="URL HEADER" width="890" /></center><title>Blog Name</title>- merah : URL header
- biru : Tajuk blog kamu
2. Paste code ini dibawah code yang tadi :
<style type="text/css">#navbar-iframe {display: none;}body {background:url(URL background);font-family: verdana ;background-attachment:fixed;cursor: url(URL cursor), auto;}a:link, a:visited {color:#68A4F2;text-decoration:none;}a:hover {cursor: crosshair;text-shadow: 1px 1px 3px #000000;border-bottom:1px solid#CCC8C9;}</style>- merah : URL background
- biru : URL cursor. Cari di sini
- hijau : warna link.
- ungu : warna link sesudah cursor menyentuh link
3. Click ctrl+F , cari </style> dan paste code ini di atas </style> .
.content {background: #ffffff;color:#ffc6c6;font-size: 11px;padding:14px;width:600px;border-radius:10px;text-align:justify;}.sidebar {background: #FFFFFF;color: #666666;font-size: 11px;padding: 8px;width: 230px;border-radius: 10px;text-align: justify;}.main-title {background:url(URL background tajuk);padding:10px;margin:10px;border-top: 0px #A9D0F5 solid;border-bottom: 2px #D4D4D4 solid;padding: 5px;font-size: 17px;color:#000000;font-family: Pea Neat Freak ;text-align: right;}.second-title {background: url( URL background tarikh);border-bottom-right-radius: 80px;border-bottom-left-radius: 80px;font-family: Trebuchet MS;font-size:12px;width: 400px;margin-top: -12px;border-top: 1px solid #BEBABF;border-bottom: 1px solid #BEBABF;border-right: 0px solid #BEBABF;border-left: 0px solid #BEBABF;line-height:15px;color: #000000;margin-left: 100px;text-align: center;}- biru : URL background
- merah : kalau mau blog kamu ada border melengkung. kalau gak mau boleh buang code itu
- hijau : code warna cari SINI . 4.Waktu untuk buat skin yang ada agak sempurna . Copy code ini ya. Letak di bawah </style> .
<body oncontextmenu='return false;'><br> <table style="line-height: 19px;" width="900" border="0" align="center" cellspacing="10"><tbody><tr>
- merah : disable right click. maksudnya : orang gak boleh mengcopy apa yang ada di blog kamu- hijau : lebar blog kamu
- biru : jarak antara sidebar dan main .
Baca ini : kalau mau sidebar bersambung dengan main, boleh ambil code di bawah ini.
<table style="font-size: 11px; color: #848484; line-height: 17px; background:white; border-radius:20px;" width="800" align="center" border="0" cellspacing="8"><tbody><tr>Sudah? Coba kalian preview dulu itu... Berhasil? Kita lanjut!
5.Copy code ini , pastekan di bawah code diatas tadi
<td valign="top" style="width:600px; padding:10px; border-radius:10px; background:#ffffff; font-size:11px;"><div id="content"><blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><$blogitembody$></blogger><br><iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURL$>&layout=standard&show-faces=true&width=490&height=25&font=arial&";action=like&colorscheme=dark; colorscheme="dark" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:280px; height:30px;"></iframe><center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div></div></td>- biru : nama comen. contoh : my friends
- hijau : FB like button. Kalau gak mau, buang code itu .
PAGE&SIDEBAR
6. Paste code ini dibawah code yang tadi :
<td valign="top" width="230px"><div class="sidebar"><div class="main-title">Title Sidebar</div>Isi Sidebar</div><br><div class="sidebar"><div class="main-title">Title Sidebar</div>Isi Sidebar</div><br><div class="sidebar"><div class="main-title">Title Sidebar</div>Isi Sidebar</div><br></td>- hijau : judul sidebar
- ungu : lebar sidebar.
- biru : boleh tempat welcome note, shoutbox @ kotak follower kalian
- merah : tutup sidebar dengan code itu. Kalau mau buat sidebar lagi jangan tutup dulu nanti hancur skin kalian. Okay ?
Ok, saatnya buat page. Ini dia....
First : Click ctrl+F dan search </style>. Copy code bawah ini dan paste atas</style> .
a.panda {text-align: center;font-family: georgia;font-size: 10px;background: #FFFFFF;color:#000;padding: 4px;border:3px;-webkit-transition:0.5s;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;-moz-border-top-right-radius: 0px;-moz-border-top-left-radius: 0px;margin:0px;}a.panda:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;color: #ffffff;background: #599AF0;-webkit-transition:0.5s;padding-top: 8px;}
Second : Paste code dekat bawah Ini ya. Paste di mana ? Paste di code sidebar. Paste di bawah code ini <td valign="top" width="230px"> .
<div class="sidebar"><div class="main-title">Disclaimer</div><img src="URL GAMBAR YG COMEL-COMEL" style="border: 2px dotted #6CA5F0; margin-left: 10px;" width="60px" height="60px" align="right"><center>WELCOME NOTE KORANG !!!<center><img src="URL DIVIDER" width="120" height="23"><center><a class="panda" onClick="document.getElementById('content').innerHTML=document.getElementById('i').innerHTML" title="About">About</a> ?<a class="panda" onClick="document.getElementById('content').innerHTML=document.getElementById('love').innerHTML" title="Linkies">Links</a> ?<a class="panda" onClick="document.getElementById('content').innerHTML=document.getElementById('panda').innerHTML" title="Posts">Entries</a> ?<a class="panda" onClick="document.getElementById('content').innerHTML=document.getElementById('so much').innerHTML" title="Big Thanks">Credit</a>CODE LAGU KORANG</div><br>Baca ni !! Yg saya warnakan warna biru tu, korang tukar ape yang patut. Terima Kasih ;) Code yang ini pula, paste di bawah code ini </td> .
<div id="i" style="display:none;"><div class="main-title">The Owner</div><br><img src="URL gambar ( gmbar korang pon boleh )" style="width="90px" height="90px" align="left">Write Anything About You<br>(◑‿◐)<br></div>
<div id="love" style="display:none;"><div class="main-title">Affies&Linkies</div><br><a href="http://nurbazilah97.blogspot.com"/>Misz Panda</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | Next ??</div><div id="so much" style="display:none;"><div class="main-title">Big Thanks</div><br><img src="URL Gambar yg CUTE" style="border: 2px dotted #6CA5F0; margin-left: 18px;" width="110px" height="110px" align="left"></div><div id="panda" style="display:none;"><blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><$blogitembody$></blogger><br><iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURL$>&layout=standard&show-faces=true&width=490&height=25&font=arial&";action=like&colorscheme=dark; colorscheme="dark" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:280px; height:30px;"></iframe> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type='text/javascript' language='Javascript'>var scrolltotop={//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},controlHTML: '<img src="URL TOP BUTTON"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corneranchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" linksstate: {isvisible:false, shouldvisible:false},scrollup:function(){if (!this.cssfixedsupport) //if control is positioned using JavaScriptthis.$control.css({opacity:0}) //hide control immediately after clicking itvar dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string existsdest=jQuery('#'+dest).offset().topelsedest=0this.$body.animate({scrollTop: dest}, this.setting.scrollduration);},keepfixed:function(){var $window=jQuery(window)var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetxvar controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsetythis.$control.css({left:controlx+'px', top:controly+'px'})},togglecontrol:function(){var scrolltop=jQuery(window).scrollTop()if (!this.cssfixedsupport)this.keepfixed()this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : falseif (this.state.shouldvisible && !this.state.isvisible){this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])this.state.isvisible=true}else if (this.state.shouldvisible==false && this.state.isvisible){this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])this.state.isvisible=false}},init:function(){jQuery(document).ready(function($){var mainobj=scrolltotopvar iebrws=document.allmainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards modemainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>').css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}).attr({title:'Fly High'}).click(function(){mainobj.scrollup(); return false}).appendTo('body')if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any textmainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing textmainobj.togglecontrol()$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){mainobj.scrollup()return false})$(window).bind('scroll resize', function(e){mainobj.togglecontrol()})})}}scrolltotop.init()</script>
Selesai, kalau sudah jadi, preview > lalu save. Hancur? Comment atau contact ke sini
Credit : SHE
Ada contohnya kok, aku udah buat. Ini liat aja ya! >> This
THANKS