Monday 28 January 2013

Older or newer post (Blogskin)

3 Comment(s) so far

Assalamualaikum...lamenya tak online...disebabkan ada yang tanya macam mane nak buat older/newer post macam saya... saya buatlah tutorial...This tutorial are only for blogskin...

Firstly like usual :  http://blogger.com/home --> Template --> search  </style> using ctrl+f
copy and paste below code before </style>

.old {
background: #eeeeee; padding:2px; margin:5px;
text-align:center;
}
a.button {
background:#FFFFFF; font-family:verdana;
font-size:11px; width:90px; color:#000000;
border:1px solid #FFD1E0; display: inline-block;
text-decoration:none; text-align:center;
-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;
padding:3px;margin:3px;
}
a.button:hover {
-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;
background: #ffffff; border-radius: 10px;
}

Then, find  <$BlogItemBody$> using ctrl+f ...then, copy and paste below code after it...

<div class="old"><center><OlderPosts><a class="button" href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a class="button" href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
 Notes ;
Color code Here...

Kalau tak faham tanyelah yer...assalamualaikum...

Monday 7 January 2013

Disable right click

Be the first to comment!

Assalamualaikum and hai... tadi ada yang tanya macam mana nak buat disable right click... ok straight to the point...
Firstly, home --> template --> edit html
Copy this code and paste it after  <html>   or   <head>  for blogskin ...
For template designer --> Layout > Add A Gadget > Choose HTML/Javascript then, copy the code and paste on the html / javascript gadget...

With alert massage...
-->When someone right click on your blog an alert massage will appear just like the one below...


<script language=JavaScript> <!--
//edit by unwanted
var message="ALERT MASSAGE";
/////////////////////////////////// function clickIE4(){ if (event.button==2){
 alert(message); return false; } }
function clickNS4(e){ if (document.layers||document.getElementById&&!document.all)
{ if (e.which==2||e.which==3){ alert(message); return false; } } }
if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById)
{ document.onmousedown=clickIE4; }
document.oncontextmenu=new Function("alert(message);return false")
// --> </script>

Note :

ALERT MASSAGE : Change with your massage example : CTRL + C FOR COPYING...

Without alert massage...
Alert massage will not appear...
<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>



...Preview and save...

Wednesday 2 January 2013

Skew tutorial list

1 Comment so far

Assalamualaikum...setelah hampir dua bulan cuti, hari ni masuk sekolah semula... best tak hari pertama? bagi saya hari pertama sekolah sentiasa boringgg...tadi saya belajar subjek add math,kimia dan biology... Add math susah...=,=  ok sekarang saya nak buat tuto skew tutorial list dalam bahasa melayu efek senget pada tutorial list memandangkan ada yg tanye saya kat ask.fm... tak ingatlah bile dan siapa... :-/

Preview...


Link hover hujan Scroll to top blog archive berwarna Border sidebar (Desiger)

Blogskin user :
  1. Dashboard --> template --> Edit HTML
  2. Copy the code and paste it in your tutorial / freebies page code...
For template designer

  1. Open your tutorial or freebies page
  2. Change the page from Compose to HTML ( refer below image )


Then, copy the code and paste it in your tutorial or freebies page...

The codes...

<style>
a.mimi {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:vertical-text;
text-transform:uppercase;
display:inline-block;
font:9px Tahoma;
text-align:center;
background: #FFFFFF;
width:350px;
color:#777777;
padding:3px;
border:3px double #FFE0EB;
text-decoration:none;
}
a.mimi:hover{
border:3px double #FFE0EB;
color:#ff6699;
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
}
</style>

<a class="mimi" href="LINK TUTO">Title</a>
<a class="mimi" href="LINK TUTO">Title</a>
<a class="mimi" href="LINK TUTO">Title</a>
<a class="mimi" href="LINK TUTO">Title</a>
<a class="mimi" href="LINK TUTO">Title</a>
<a class="mimi" href="LINK TUTO">Title</a>
<a class="mimi" href="LINK TUTO">Title</a>
<a class="mimi" href="LINK TUTO">Title</a>
<a class="mimi" href="LINK TUTO">Title</a>
<a class="mimi" href="LINK TUTO">Title</a>

NOTE;

Blue text : Color code Find here.
LINK TUTO : Change with your tutorial link...
Title : Change with the title..

......preview and save......
Kalau tak paham tanyalah ^^, ok assalamualaikum...

Tuesday 1 January 2013

Tutorial scalloped edges

3 Comment(s) so far

Ok now i want to make a tutorial on how to put scalloped edges at the top of the blog...
Scalloped edges means curtain or lace at top of the blog...

Firstly : Blogger.com/home --> Template
Search  <html>   or  <head>  using CTRL + F or F3
Copy below code and paste it before / above the code...

<div style=" background-image: url('URL IMAGE'); top: 0px;  width: 100%; left:0px; height: 40px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);"></div>

URL IMAGE : Change it with scalloped edges image URL... find it here...
Fuchsia text : Change it with the height of the scalloped edges image... ( don't change it if you use the scalloped edges that I give because the height are 40px...

preview and save...

Free : scalloped edges

18 Comment(s) so far

Post pertama pada tahun 2013... =) Assalamualaikum disebabkan tengah rajin bukak photoshop tadi...so, saya buatlah beberapa scalloped edges untuk blog...

How to copy image url ?
Firstly click image --> Right click --> Copy image adress / Copy image location...
Doesn't know how to put the scalloped edges on your blog ? Click Here...

Height : 40 px













 The one below are not mine...credit to Google and Tumblr


  image  image

Height : 57 px

image

Height : 60 px


Height : 73 px


Height : 55 px

http://29.media.tumblr.com/tumblr_lyhaolUyBU1r81pw5o1_100.gif   http://27.media.tumblr.com/tumblr_lyhap0tPbe1r81pw5o1_100.gif   image   image

Height : 37 px

    image  image
image  image  image

Height : 55 px

image
image
image
image
image
image
image
image


Height : 40 px

Saya tau awak semua malas nak credit kan? so, comment yer...tak susah kan? :)