Mira Rara Official



Dislike my blog ?
click HERE

Friends !
Notis !
online user
visitors

Official !
Our
Fall in ♥. Awesome !



Memories !



Chit Chat !


Famouse !
Disable Drag Picture



27921_397351417007257_1598239006_n_large

Today , mira nak buat tutorial disable dragging picture . Tutorial ni semua boleh guna , tak kira template apa pun . Tujuan tutorial ni , untuk mengelak orang curi gambar kita , atau apa-apa saja lah yang ada dalam blog kita . Jum tengok cane nak buat 

 Dashboard -> Design -> Edit Html
 Tekan ctrl+f then cari code ni ;
<head>
 Copy code bawah ni then paste dekat bawah code <head> tadi ;
<SCRIPT TYPE='text/javascript'>
<!--
//Disable right click script
//visit http://www.rainbow.arch.scriptmania.com/scripts/
var message="Thanks for trying to copy my things";
///////////////////////////////////
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>
<script type='text/javascript'>
document.ondragstart = function () { return false; }; </script>
 Preview and save ! Goodluck^_^1

Labels:



Blog Section


Another 5 days........ maka....... muncul lah ia......... Salute lah dekat korang yang excited nak mulakan belajar sama ada di sekolah, U, mahupun kerja ye hakhak. Tapi, malangnya ia bukan mira. Tapi tapi, botring lah pulak memerap kat rumah ni lama2. Boleh suggest kan apa2 activity dalam alam maya ni tak? Bagi je lah link2 apa yang best, video ke, blog ke. Setelah lama daku anaktirikan activity tutorial-ing ni, hari tu (DAH LAAM GILAA) ada 2 orang bloggers, Khairunnadilah, blog dengan satu lagi blogger ni mira dah lupa. Maaf ya, tapi apa2 pun semua orang boleh baca tutorial ni :D Jadi, sila baca title. Mira akan buat tutorial Blog Section as you guys can see di bawah C: Kalau agak2 ada yang tak nampak gila tu, takpe telah sediakan. 



1) First of all, korang kena buat tulisan/ picture untuk dijadikan navigation tu C: Tak kisah lah kat mana2 software pun, tapi mira prefer Photoshop lah EHEH. Lepas dah buat tu, upload kat mana2 (tinypic, yfrog, photobucket, etc) untuk dapatkan link/ URL. Tapi kalau nak senang sangat, upload kat blogger.com (new post) je lagi senang ! :D  

2) Macam biasa. Dari Dashboard>> Design>> Page Elements. Ye, kali ini mira gunakan code di page element, bukan HTML code :) Lagi mudah kot ^_^

3) Click Add A Gadget>> HTML/ Javascript dan paste code di bawah.
<div class="separator" style="clear: both; text-align: left;">
<a href="LINK POST/ PAGE UNTUK DIBUKA"><img border="0" height="75" src="LINK/ URL IMAGE" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<a href=" LINK POST/ PAGE UNTUK DIBUKA "><img height="75" src="LINK/ URL IMAGE " width="200" /></a></div>
<div style="text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<a href=" LINK POST/ PAGE UNTUK DIBUKA "><img border="0" height="75" src=" LINK/ URL IMAGE " width="200" /></a></div>
<div style="text-align: left;"></a></div>
NOTE:
*Tukar kan LINK POST/ PAGE UNTUK DIBUKA kepada link atau URL post/ page korang yang akan dibuka. Contohnya, mira nak buat ABOUT ME, so gantikan ayat tersebut dengan link page atau post 'about me' korang tu.
*Tukar kan LINK/ URL IMAGE kepada link atau URL image yang korang dah upload dan dah dapatkan link nya. Maksudnya, link gambar navigation tu :)

4) Then, SAVE macam biasa and view blog. Agak rumit lah kalau korang tak tahu step pertama tu. Tapi takpe, segala soalan dialu-alu kan. TRIMAS =DD

ps: Yang ni coding sendiri je. Nantikan next tuto C:

Labels:



Highlight In Blockquote Only


Template Designer :
i) Copy first code dekat bawah dan paste dekat bawah body{
ii) Copy second code dekat bawah dan paste dekat bawah blockquote{

Blogskins :
i) Copy first code dekat bawah dan paste dekat bawah body{
ii) Copy second code dekat bawah dan paste dekat bawah blockquote{

First code :
-webkit-user-select:none;-moz-user-select:none;
Second code :
-webkit-user-select:text;-moz-user-select:text;

Labels:



ANIMATED RECENT POST


Assalammualaikum~ 
dah tak nak membebel panjang2.
 nak terus ajar cara nak pasang animated recent post.
 ikut step ini

 Dashboard > Design > Add a Gadget > HTML/JavaScript 
 Copy code bawah ni , and paste kat HTML/JavaScript

<style type="text/css">#rp_plus_img{height:377px;}#rp_plus_img li {height:60px;padding:5px;list-style:none;background-color:#ffffff;border:solid 1px #000000;}#rp_plus_img a{color:#00000;}#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;text-align:justify;-moz-border-radius: 5px;}#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script><script type="text/javascript">var speed = 1500;var pause = 3500;$(document).ready(function(){rpnewsticker();interval = setInterval(rpnewsticker, pause);});</script><ul id="rp_plus_img"><script style="text/javascript">var numposts = 5;var numchars = 0;</script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul><small><a href="http://tutorialuntukblog.blogspot.com/2011/07/animated-recent-post-ver2.html" target="_blank">get this widget here</a></small>
 Dah siap , SAVE jerk !
 yang warna merah tu , korang boley tukar dgn berapa num of post yg korang nak ia keluar kat "recent post"

Labels:



“You’ve been here _ times”


Uke , korang nampak kan kat atas tuh ? Uke , tuto mira hari nieh ialah “You’ve been here _ times” wee . Itu la title tuto nieh . Err .

 Copy code kat dalam nieh then paste kat mane2 korang nak .

<script>function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function amt(){
var count = GetCookie('count')
if(count == null) {
SetCookie('count','1')
return 1
}
else {
var newcount = parseInt(count) + 1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
</script>
<script>
document.write("You've been here <b>" + amt() + "</b> times.")
</script>

Labels:



Text Show/Hide


Example :-

CLICK HERE TO READ SOMETHING SPECIAL.

Nak benda ni ? Jom ikut tuto mira >.<

 First , Dashboard > Design > Add Gadget > HTML/Javascript.
Untuk pengguna Classic Template tentu korang tau nak letak mana kan ?
 Paste code ni kat situ.
<script language="javascript">function toggle() {var ele = document.getElementById("toggleText");var text = document.getElementById("displayText");if(ele.style.display == "block") {ele.style.display = "none";text.innerHTML = "HERE";}else {ele.style.display = "block";text.innerHTML = "HERE";}}</script>
CLICK <a id="displayText" href="javascript:toggle();">HERE</a> TO READ SOMETHING SPECIAL.<div id="toggleText" style="display: none">Isi lah apa-apa kat sini.</div>
 Kalau nak tukar yang HERE warna merah tu, pastikan semua ayat yang warna merah sama.
 Yang CLICK tu ayat depan button show/hide text. Yang TO READ SOMETHING SPECIAL. tu ayat belakang button show/hide text.
 Isi lah apa-apa kat sini. tu contents show/hide button lepas ditekan.
 Dah puas hati, Save terus. Jangan view kat Rich Text. Kalau tak, tak jadi.
Itu jee. Sila jangan complain tak jadi sebab mira buat jadi je. Pfft ar

Labels:



Kotak Update.


Updates.
EXAMPLE...

 Dashboard > Design > Add Gadget > HTML/Javascript.
 Copy code bawah ne and paste disitu okai.
<center style="text-align: right;"><span class="Apple-style-span" style="color: #000000; font-family: Verdana, 'Times New Roman', serif;"><b>Updates.</b></span></center><div style="Background-image:url(URLGMBR); repeat; padding: 5px; border:1px solid;"><center><marquee>Ayat anda disini.</marquee></center>
 Yang biru tu code warna, boleh cari di SINI . Orenggg tu url untuk background update tu. Yang hijau tu tulis la updates korang ok. Then , yang PINK tuh korang wat la TAGLINE sendiri .
 Done cutez .

Labels:



Online Users



Haa, senang jekk ! Korang daftar kan diri korang dekat SINI
Then, korang just ikuti ape arahan dy kat situ. 
Mira malas nak buad arahan dy yang panjang lebar tuhh wuu
Then, copy code dy. Nak paste kat mane - mane aje seh
Dahh siap, heee heee

Labels:



Timbang Berat Blog Anda




Berapa tempoh masa loading blog anda? Tempoh masa loading blog memainkan peranan yang amat penting. Lagi cepat, lagi bagus. Jika telalu lama masa yang diambil untuk loading blog, kemungkinan pengunjug blog anda tanpa segan silu klik pada butang pangkah sebelum selesai loading page.

Timbang berat blog anda di sini http://tools.pingdom.com/. Masukkan url blog, kemudian klik "test now".

Tips mengurangkan masa loading blog
 Kurangkan penggunaan image (jpeg) kerana size jpeg biasanya adalah besar.
 Kurangkan bilangan entry post pada home page blog anda. Default setting adalah  post, kurangkan kepada  atau  sahaja.
 Kurangkan widget yang menggunakan javascript.
 Widget yang mempunyai size yang besar seperti blog achieve, blog list atau follower, letak di bahagian bawah sekali, supaya element yang lain dapat dibaca terlebih dahulu.
 Letak "Read More" bagi meringkaskan entry post, supaya loading setiap entry dapat dibaca dengan lebih cepat.

Labels: ,



Sroll Box Code



 

4 Tips Kekal Cantik Buat Wanita

      Menjaga Kecantikan Semulajadi
      Menjaga Suara
      Menjaga Kulit
      Menjaga Kehormatan Diri

Sumber : ohbulan.com

Uke , chumeykan sroll box mira yang kat atas nieh muah ? uke , hari nieh dengan BAIK HATI nye :p mira nak bagi korang code untuk sroll box nieh . Korang bule letak kat mana2 aje , sama ade kat dalam post korang or kat tepi blog tuh . Pandai pandai korang la keyh nak letak mana pown . Mira xnak amek tahu pown . Eh , panjang lebar lak mira dok pot pet nieh ken ? I'm SORRY !

Korang just copy aje code kat bawah nieh

<center>
<div style="background: transparent; border: 1px solid #FFCAD6; height: 100px; overflow: auto; text-align: center; width: 300px;">
text</div>
</center>
p/s :
MERAH : korang bule tukar kepada backround yang bergambar , TAPI make sure korang tukar transparent tuh kepada url(http://url image);
OREN : If korang x suka garis solid , korang bule gantikannye kepada dashed or dotted
PURPLE : pilih code warna korang di SINI
HIJAU : korang bule adjust sendiri ketinggian box .
BIRU : Korang jugak bule adjust sendiri kelebaran box .

SELAMAT MENCUBA shy

Labels:



Dapatkan Blog ID



Hye hye hye.. Mira rajin sangat post something kalau waktu waktu orang tengah tidow.. Mira kan suka berjaga waktu cuti sekolah ni. Hehehehee.. Tutorials kali ini adalah untuk dapatkan Blog ID. 

 Dari Dashboard -> Template
 Korang jenguk sikit benda yang kat dalam kotak yang meletakkan URL Page untuk Template korang.. Mira tak tahu nak namakan apa benda tu. So, Mira akan suruh korang refer gambar kat bawah ni..



Klik gambar twice untuk dapatkan kepuasan melihat

 Benda yang dalam kotak merah itu adalah Code kepada Blog ID korang. Cuma nombor sahaja..

Labels: