Monday, 28 January 2013

Older or newer post (Blogskin)

3 Comments 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...

Sunday, 20 January 2013

Contest blog paling cantik 2013

Be the first to comment!
Click banner untuk join...

Hari nie saya nak join satu contestlah...dah lame tak join contest...

Cara penyertaan
Korang hanya perlu paste LINK blog korang di ruang komen kat bawah ni dan letak banner contest kat atas tu pada blog korang & linkkan ke entry contest blog ini.
Blog korang mestilah cantik, kemas dan menarik.
(Blog korang akan dinilai oleh saya sendiri. Tiada pilih kasih dalam pemilihan *sumpah jujur*)
Sampai bila contest ni?
Dari skrg sehingga 30 Januari 2013.
Hadiah
Pemenang Blog Paling Cantik : RM50
Saguhati (2x) : Topup RM20
Cepat!!cepat!!! sebelum terlambat!!......

Friday, 18 January 2013

Random story of me

Be the first to comment!

Hai...assalamualaikum...ape khabar? ^^, best tak tahun 2013? bagi saya semua ok jer...tahun 2013 ni saya berada di tingkatan 4...saya amik aliran sains tulen...tak boleh dinafikan aliran ni memang susah...tapi cuba yang terbaik...InsyaAllah boleh...

Saya memang jarang cerita pasal diri saya kat blog nie kan? selalunya saya update tutorial dan freebies jer...saya ada mohon sekolah teknik dan SBP tapi dua2 tak dapat...sedihlah jugak...kawan2 semua nak pindah... :'(  Sekolah saya kebanyakan yang dapat SBP dengan teknik semua lelaki...MRSM pulak tak mohon...

Semenjak dah naik sekolah nie saya memang jarang update...dah berhabuk dah blog... berhabuk ker? : ) kerja sekolah bertimbun-timbun...kalau tangguh makinlah banyak...pengsan nanti nak buat...mase PMR saya dapat 6A jer...tak layak untuk masuk SBP...urmmm...saya plan nak pindah sekolah tahun nie...tapi dah tak ade rezeki nak buat macam mane...

Saya sebenarnya tak yakin boleh amik sains tulen...saya nak pindah teknik...nak amik aliran lain yang tak ada matematik tambahan dengan fizik...tapi sayang pulak nak lepaskan aliran sains tulen...bukan senang nak dapat aliran nie...kat sekolah saya yang dapat 5A ke atas jer boleh amik sains tulen...yang lain amik aliran sains kemanusiaan...sains kemanusiaan tak amik subjek biologi,fizik,kimia dengan add math...dieorang amik ekonomi asas,sains teras dengan tassawur islam kot...

Saya rasa sampai sini jelah entri nie....terima kasih sebab follow blog saya...Assalamualaikum...jumpa lagi dalam entri seterusnya...

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 Comments 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 Comments 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? :)