Pop up boxes
Friday, June 15, 2012 @ 3:22 AM  0 stares
Hi peeps.
Actually,before I already said I'll not made tutorial again from this June. But...many people asked me for this tuthorialz,so,today,I will sharing this to ya all :-D


Nah,that's it. Here we go.


First,choose the link that you wanna make pop up. And then,copy the code below,and paste it on the place you want ;

<!-- Codes by Quackit.com -->
<script type="text/javascript">
// Popup window code
function newPopup(url) {
popupWindow = window.open(
url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,
toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
</script>
<a href="JavaScript:newPopup('YOUR POP UP URL');">Open a popup window</a>

 Red,change it with your desired height. Purple,change it with your desired width.Bold,change it with your pop up url. Fuchsia,change it with your message. 

You're done.
Thanks Quackit for the codes :D 
Have a problem? Message me. I hate copycaters,damn you copycaters!
[Updated]

Labels:

Private Posts On Blogger
Monday, June 11, 2012 @ 11:46 PM  0 stares
Hi all my readers yang unyu kaya aku (?) oke abaikan. Ini tutorial terakhir yang aku buat di bulan JUNI. Karena udh banyak bgt tutorial yang aku buat bulan ini,k. Jadi jangan lewatkan yang ini,tuto ini banyak bgt ditanyakan. Di facebook,di femind,di manapun. Sampe2 ada yang dateng kerumahku cuma gara2 nanya ini.Oke,aku mau ngasih tuto ini. Tutorial ini PERTAMA KALI aku belajar di blognya kak Susan. Dan alhamdulillah aku skrg udh hafal nama webnya dan langkah2nya ;;)
P/s: Password di preview itu adalah: kidrauhl


Preview:
Enter your password

Thats it. This is the tuthorialz:

Sign in blog > dashboard > template > CTRL + F <head>

Copy & paste code dibawah ini,letakan dibawah code <head> :



Udah? Kalau udah,click disini. Disitu ada tulisan Key,Plain Text,Cipher Text,HTML Code,HTML Test kan? Di form Key tulis password yang kamu mau. Sedangkan di Plain Text,tulis apa saja yang akan keluar saat password yg diketik benar. Click Encrypt dibawahnya. 
Di kotak HTML Code,copy dan paste di post kamu. 

Code yang satu ini,aku emang credit yaah untuk kak Susan,yang diatas ENGGAK. Real made by me,jangan salah sangka hehe :)

Mungkin dalam template XML ini tidak akan bekerja, menyebabkan javascript tidak didukung oleh template XML. Jika masalah ini muncul, ganti javascript di atas dengan ini sebagai gantinya:


Paste di antara <head> dan </head>

All done!!  :))
Mau nge copy tutorial ini? Copy kode dibawah dan paste di bawah post an kamu itu :

Labels:

Design Twitter Updates Box
Sunday, June 10, 2012 @ 11:27 PM  0 stares
Hiii para readers yang unyu2 kaya authornya:3 lol,oke,abaikan. Mau nulis tutorial lg nih,ini dia bentuk twitter updates box yang udh design ala2 Ira :

Sebenernya itu sama aja dengan update box yang pernah aku tulis tutorialnya. Belum liat? Click disini. Tapi cuma beda aja. Ada gambarnya diatas. 
Oke,udh ngerti kan? 

Template 2006 & Designer

Dashboard > design > page elements > add a gadget > HTML / Javascript

Copy kode dibawah ini dan paste di kolom HTML / Javascript.



Lets Study:

-Tulisan "URL GAMBAR" diganti dengan URL GAMBAR punyamu.
-Tulisan 'novritanadila' diganti sama usernamemu.

Click save.

Blogskins / Classic Template

Dashboard > Template > CTRL + F tempat ditaruhnya gadget ini.

Copy and paste:



Lets Study:

-Tulisan "URL GAMBAR" diganti dengan URL GAMBAR milikmu.
-Tulisan 'novritanadila' diganti dengan username twittermu.

All done.
Copy this tuto? Langsung aja,copy kode dibawah ini dan paste di bawah postingan mu itu.



Easy right?
Cya.

Labels: ,

How To Password Protect
@ 10:20 PM  0 stares
Hi peeps.
Gue buat tutorial lagi nih. Bay de way,post aku di blog udh 202 looh B-) ditambah post ini jadi 203 #curcol. Sebenernya,tutorial ini bukan untuk blogspot,tapi untuk TUMBLR. Aku baru tau nih cara setelah membaca sebuah tutorial dari salah satu tumblr tutorial. Remember,aku ini bukannya nge copycat tutorial dr itu,tapii,karena aku udh ingat,ya udah aku share aja. Hehehe. Kalau gapunya tumblr? Ya gabisa. Kan udh jelas2 ini untuk tumblr ajah.-_-
Well,tutorial "how to password protect" ini tidak bisa dibuat oleh tumblr personal punya kita. Harus punya blog ke dua gituu. Misalnya aja,kan aku tumblrnya http://b-laming.tumblr.com dibuat baru lg http://testoo123.tumblr.com coba aja buka yang testoo123,pasti disuruh masukin password dulu kan?B-) Sorry agak recet. Hehehe.


Udah ngerti? Dari penjelasan gue yang recet itu? Muehehe;;) tertarik? Ikuti tutorial ini baik2:
NB: Secondary Blog ini digunakan untuk tumblr yg ada passwordnya itu.

First,kamu harus log in ke tumblr mu terlebih dahulu. Kedua,kamu klik tanda "+" gitu deh di dashboard. Need a picture? Kay:


Klik yang udh aku buletin merah itu. Easy right? Huehe. Abis itu,bakal muncul seperti ini kan?



Lets Study:

-Yellow: tulis title Tumblr yang kamu mau. Misalnya "hipster" (itu title blog ku #gananya #okesip)
-Red tulis url kamu. Misalnya, "http://b-laming.tumblr.com" apakek,terserah mu ajaa:-)
-Black: Tick kotak yang itu. Kalau ga nge tick gimana? Berarti gaberpassword._. sama aja kaya buat blog biasa.
-Lime / Green: Tulis passwordmu disitu. 

Click create blog. All done! Coba aja buka secondary blogmu itu. Berpassword kan? :D 
WARNING: THIS TUTORIAL IS MADE BY ME!!! Kalau kamu pengen copy,gampang,tinggal tanya di cbox,twitter,facebook atau formspring. Tanpa izin? Kamu bermasalah sama aku. 
Cya! 

Labels:

Pixel Fonts
Friday, June 8, 2012 @ 11:16 PM  0 stares
Hi peeps.
Today,I'll share some freebies. None of these fonts are made by me. Just made this post so that I could share more pixel font love :)  Ready aye? Here we go.
P/s: Click read more. (Spam pictures)

Click for more story >>

Labels: ,

Sliding Navigations Button
Tuesday, June 5, 2012 @ 10:39 PM  0 stares
Preview

First:

Hover:
Photo source: here.

How how? Are you intrested to made the navigation like that too? This is the tuthorialz:
P/s: for blogskins only! If you're using template 2006 / designer,sorry,i dont know how!

Sign in blog >  dashboard > template > CTRL + F </style>

Copy the code below and paste above </style> code.

a.link1 {background:#CC956E;padding:4px;padding-left:6px;padding-right:6px;font:8px trebuchet ms;text-transform:uppercase;color:white;-webkit-transition:1s;-moz-transition:1s;}
a.link2 {background:#BF5A4B;padding:4px;padding-left:6px;padding-right:6px;font:8px trebuchet ms;text-transform:uppercase;color:white;-webkit-transition:1s;-moz-transition:1s;}
a.link3 {background:#786049;padding:4px;padding-left:6px;padding-right:6px;font:8px trebuchet ms;text-transform:uppercase;color:white;-webkit-transition:1s;-moz-transition:1s;}
a.link4 {background:#758549;padding:4px;padding-left:6px;padding-right:6px;font:8px trebuchet ms;text-transform:uppercase;color:white;-webkit-transition:1s;-moz-transition:1s;}
.link1 a, .link2 a, .link3 a, .link4 a {color:white;}
a.link1:hover {-webkit-transition:0.5s;-moz-transition:0.5s;text-align:center;}
a.link2:hover {padding-left:69px;margin-left:-69px;-webkit-transition:1s;-moz-transition:1s;text-align:center;}
a.link3:hover {padding-left:125px;margin-left:-125px;-webkit-transition:1s;-moz-transition:1s;text-align:center;}
a.link4:hover {padding-left:175px;margin-left:-175px;-webkit-transition:1s;-moz-transition:1s;text-align:center;}

Lets Study
-Red change with your color. (if you dont want to change,its okay.)
-Blue change with your favorite font size. (if you dont want to change,its okay.)

Is this ready?
NOOOOO!!!

Then,CTRL + F to the place you want to put the gadget.
Copy this code and paste in the place that you want.

<a class="link1" href="YOUR URL">TEXT TO DISPLAY<a> <a class="link2" href="YOUR URL">TEXT TO DISPLAY<a> <a class="link3" href="YOUR URL">TEXT TO DISPLAY<a> <a class="link4" href="YOUR URL">TEXT TO DISPLAY<a>
Lets Study:
-Red change with your own url.
-Fuchsia change with text you want to display.

Then,save and you're done!!:D
Any problem? Just comment this post or send me a letter on cbox,maybe I'll reply :D
Cya!
P/s: sorry for broken english. I dont USING google translate. Haha :)

Labels:

Search Box
@ 3:29 AM  0 stares
Hi peeps.
Udah buat 3 posts loh hari ini xD now,aku mau tulis tutorial,again-again-again. Yea,i love sharing with my lovely readers^^ lol. Soo? Apa sih yang mau aku bahas kali ini? Hm,sesuai judul aja yah. "SEARCH BOX" apa itu search box? Apayah,kasih tau ga yaa..itu loh,kotak gitu buat nyari 'sesuatu' di blog.
For blogskins only. Aku taunya cuma blogskins doang,maklum lah udh lama ga 'main' di setting-an template 2006 :) Yaudah,gausah basa basi lagi,langsung check tuto nyaah!

Sign in blog > dashboard > template

CTRL + F tempat search box ini.
Udah? aku udh nyediain 2 type search box. Terserah kalian mau pilih yang mana :)

Version 1


Preview:





-Merah ganti dengan tulisan yg kalian mau. Contohnya "Surf!" 


Version 2


Preview:





Lets Study:
-Tulisan "size="25" diganti dengan besar / kecil "search box".
-Tulisan "Enter search terms" diganti dengan tulisan yang diinginkan. Contohnya Enter your search.

All done!!:D

Labels:

Toggle Text
Sunday, June 3, 2012 @ 10:17 PM  0 stares
Preview:


CLICK THIS PLEASE


Template 2006 & Denim


Sign in blog > dashboard > design > add a gadget > HTML / Javascript
Copy kode dibawah ini dan paste di kolom HTML / Javascript yang kosong itu.


<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 = "THIS";
}
else {
ele.style.display = "block";
text.innerHTML = "THIS";
}
}
</script>
CLICK <a id="displayText" href="javascript:toggle();">THIS</a> PLEASE
<div id="toggleText" style="display: none">
Write anything here.
</div> 
Lets Study:
-Blue: Ganti dengan perkataan mu. Pastikan semuanya sama.
-Fuchsia: Tulis yang kalian mau :)


Classic Template / Blogskins:


Sign in blog > dashboard > template 
Copy kode dibawah dan paste di tempat yang diinginkan. 

 <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 = "THIS";}else {ele.style.display = "block";text.innerHTML = "THIS";}}</script>CLICK <a id="displayText" href="javascript:toggle();">THIS</a> PLEASE<div id="toggleText" style="display: none">Write anything here.</div> 

Lets Study:
-Blue: Ganti dengan perkataan mu. Pastikan semuanya sama.
-Fuchsia: Tulis yang kalian mau :)


All done! Credits for copy.
If not? I'll banning you from blogger. :]
P/s: Hope u enjoy <3

Labels:

How To Make Each Link Open In Newtab
Thursday, May 31, 2012 @ 6:40 AM  0 stares
Well..
Many people are already aware of this tutorial. But, I'll review it again,with a more simple explanation. If you want to find out how, see this tutorial as well.


Template 2006 & Denim
Sign in to your blog > Layout > Edit HTML. And find the coding that says: <head>
Then,insert this coding:


<base target='_blank'/>
 Directly below it.
Click save and you're done!:D


Classic Template / Blogskins


Sign in to your blog > Template > CTRL + F and search the coding that says: <head>
Then,insert this coding:


<base target='_blank'/>
Directly below it.
Click save and you're done!:D


Actually, the difference between the template tutorial 2006 & classic template is not too flashy. So it's easy right to see the difference?

Sorry if broken english </3 I've tried, to write an entry with the English language. :) 

Labels:

Instagram Viewer
@ 4:47 AM  0 stares
Aku lagi seneng2nya nih nulis tuto:3 jadinya blog aku kayak semacam penuh gitu deh sama tutorialku. Tapi,berbagi ilmu itu dapet pahala kan? Yaudah,aku coba2 aja. Ternyata seru lho sharing ilmu lewat tutorial blog gini. Cobain deh bagi yang belum pernah. Sekarang,aku bakal nulis tutorial LAGI yang membahas ttg "Instagram Viewer"
Gimana sih bentuk Instagram Viewer itu?

Source: mochakari

Ya begitu bentuknya. Gimana? Tertarik ga? Kalau tertarik,ikutin tutorial ini.
First,kamu pergi ke sini.
Kedua,klik "Instagram"


Klik yang "get my badge" 
Di settingsnya....sini aku ajarin :3


Lets Study:
1: Username instagram kamu.
2: Warna background widget instagram viewer kamu.
3: Warna border widget instagram viewer.
4: Radius border instagram viewernya.
5: Size foto yang akan ditampilan.
6: Size border foto.
7: Warna border foto.
8: Layout photonya.
9: Pilihanmu,mau dikasih user info atau nggak. Usul aku sih,enggak :)
10: Size widget instagram viewer.

Klik "Generate"

Scroll kebawah,di "Badge Code" copy semuanya,lalu paste di tempat yang diinginkan. Usul aku sih,di sidebar. Tapi kalau blog mu ga ada sidebarnya,di tempat yang menurut kamu pas juga bagus. 


Chiao!
Have any problem? just contact me. :)

Labels:

Basic HTML Help (Text)
Wednesday, May 30, 2012 @ 7:16 AM  0 stares
Kalau di blog ini biasanya kan,kalau mau nge bold tinggal klik tanda "B" yang ada kan? Kalau kamu lagi edit2 blog kamu,terus,kamu mau nambahin script tebel gimana ya? Kan ga ada tanda "B"? Nah,aku skrg mau ngajarin itu secara lumayan lengkap. Penasaran check it out.


1. Bold Text: <b>TEXT</b>
2. Italic Text: <i>TEXT</i>
3. Underlined Text: <u>TEXT</u>
4. Striked Out Text: <strike>TEXT</strike>
5. Sub Script Text: <sub>TEXT</sub>TEXT
6. Typewriter Text: <tt>TEXT</tt>

To use combination code:
1. Bold and Italic: <b><i>TEXT</b></i>

To change the color of your text:
1. Use <font color="COLOR CODE">TEXT</font>
Click here for color code.

To change size of your text:
1. Use <font size="size number here">
Ex: Sized 3 Text= <font size="3">TEXT</font>

To change the font of your text:
1. <font face="font name here">
Ex: <font face="georgia">TEXT</font>

To add a background color for your text:
1. Use <font style="background-color: #color code here">
Ex: Light Grey Background = <font style="background-color: #f8f8f8">Light Grey Background</font>

Done. Hope you like it.
Any problem? Contact me. :)

Labels:

Redirect Your Relink URL
@ 2:37 AM  0 stares
SPECIAL "AKU" xD
Hi guys. I wanna making you a tutorial about "How to redirect your link url". Tutorial ini aku credit kepada my inspiration female blogger,kak Susan. Before I start this tutorial,aku mau nanya nih,kalian tahu ga apa maksudnya "Redirect relink url?" Ya mungkin belum banyak yang tau (mungkin),ini dia contohnya.
Coba kamu buka http://nvrnadila.co.cc disitu ada tulisan "I'M MOVED,REDIRECTING..." nah itu namanya redirect relink url. Dengan menunggu beberapa detik saja,kamu bisa berpindah tempat blog. Ini juga buat positive lho. Pengunjung blog kita yang visit blog kita ga harus nge klik url kita,dan..bisa menghemat waktu juga :D


Lalu,bagaimana caranya buat Redirect Relink URL?

Oke,ini dia codenya:



Just replace http://YOUR-URL.blogspot.com to your own url.

Semoga tutorial ini membantu. Ada masalah? Contact me at cbox or comment this post ;)

Labels:

Twitter Gadget; Tutorial (Blogskins)
Wednesday, May 16, 2012 @ 5:28 AM  0 stares
Halo! Aku mau ngasih tutorial 'twitter gadget untuk blogskins". twitter gadget itu yang ini lho:


Okay kita mulai aja ya. Pertama,log in dulu ke account twitter masing2. Kalau ga punya twitter gimana? ya ga bisa. Kan namanya juga "Twitter Gadget. Kedua,klik link ini,klik Preferences,setting dengan apa yang kalian mau. Begitu juga dengan Appearance dan Dimension. Kalau udah,klik "Finish & Grab Code" copy kode  yang ada disitu dan paste di tempat yang kamu mau. Selesai!:D
Copy? Credits.

Labels: ,

Banner Text Area; Tutorial (Blogskins)
Tuesday, May 15, 2012 @ 6:34 AM  0 stares
Hai. Gue mau ngasih tutorial nih. Baik bgt kan(?) judulnya "Banner Text Area" yang kaya punya gue lho. Gatau banner text area?-_- kay,this is the pict!

Udah ngerti? Yok mare langsung dimulai.
Langkah pertama yang kalian harus lakuin,copy kode ini:

<center><textarea id="code" name="code" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" style="display: inline;font-family:tinytots;font-size:8px;">&lt;a href="URL BLOG KAMU"&gt;&lt;img src=" URL BANNER"/&gt;&lt;/a&gt;</textarea></center>
-Merah diganti jadi url blog kalian. (contoh: http://nvr29.blogspot.com/"
-Pink diganti jadi url banner kamu.

Langkah kedua,pergi ke blog > template,paste di tempat yang kalian mau. Done.
copy? credits me. bye :D

Labels: , ,

Tutorial: Unique Shapes for Your Photo
Friday, March 2, 2012 @ 3:09 AM  0 stares
Hey,bulan march ini gue ngepost byk bgt tutorial yak? IYADONG^^ present di hari2 pertama di bulan Maret kwewke:3 btw,fyi,gue senin ini mau UTS nih! Jadi I'm In HIATUS mode for 5 days:3 *maybe haha* Okaayy,untuk hari2 terakhir gue hidup *naudzubillahiminzalik* online saat UTS,soo gue mau mempersembahkan tutorial yang keren semasa sejagad rayaa,dihh!:* hehehe!

Contoh foto:

howhow? jelek ya?T_T *crycry*

1. Buka Microsoft Power Point. Okey,this is freak. Tau gak,foto diatas itu gue ngedit di microsoft power point,karena gue emg lg iseng,soooo...kalau masih mau ngelanjutin ngedit ky diatas,silakan ngelanjutin ya;3 

2. Kalau udah,click insert > photo > masukin foto lo di slide.

3. Otomatis,langsung ada kayak gini kan:


4. Nah,langsung klik yang picture shape,pilih shape yang diinginkan. Jadi dehhh!:3 gampang beudh kan?:) sipsippp enjoyyy!

Labels:

Tutorial: Download New Fonts For Your PC
Thursday, March 1, 2012 @ 12:41 AM  0 stares
Hello^^ hari ini,gue mau nge post tutorial lg,ya tutorial,mungkin kalian bosen-_- lagipula,ini tuto bukan gue yang minta,tapi si calista  dan anisa. Ok,langsung aja yaa.

1. Buka http://dafont.com
2. Pilih bentuk fonts yg kamu ingikan di sini:

click for bigger.

3. Kalau sudah ketemu,click kotak di download disebelah font yg kamu pilih,contohnya,aku pilih font Black Spiral. 


4. Nah,kalau sudah,otomatis ke download kan? Liat filenya,file nya .zip kan? Buka file yg barusan kamu download itu. 
5. Copy folder font nya. Gangerti? Liat foto dibawah ini.


6. Nah,sekarang klik menu windows mu > control panel > fonts. Paste disana. Hehehe,selesai deh,siap dipakai! :D 

Gampang kan? Kalo gak ngerti,just ask me! 

Labels:

Tutorial: Hidden Music
Sunday, February 26, 2012 @ 2:51 AM  0 stares
Karena ingin merayakan "BERKURANGNYA 1 FOLLOWERS BLOG IRA" gue mau ngasih tutorial nih-_- baik kan gue!(?) Oh ya,bagi kalian yg gktau Hidden Music itu apa,liat aja blog gue. Ada music nya tp gak ada mp3 nya gitu kan? magic broo(?) sebeneernya caranya sih gampang bgt. Untuk tutorial nya,buka link ini.

Nah,codenya kayak gini kan?:

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />    <param name="bgcolor" value="#000000" />    <param name="FlashVars" value="mp3=http%3A//irondj.net/mix/file/13047/07_The_One_That_Got_Away.mp3&amp;autoplay=1" /></object> 
Nah, yg warna merah itu diganti sama "0" dua2nya. Save.
Tuhkan bener kt gue apa-_- gmpg bgt! Gue yakin newbie jg pasti bisa!-_-" Bye.

Labels:

Cute Fonts + Tutorials
Thursday, January 19, 2012 @ 4:58 AM  0 stares
Hi! Hari ini gue mau bagi bagi freebies nih,khusus yang mau aja:-) sebelumnya,gue pengen ngasih tutorial gimana masukkin fonts barunya. Are you ready people?! Aye? Set gooo!!:)


Click read more yaa..
Click for more story >>

Labels: , ,

Template Blogskins Keren
Friday, January 13, 2012 @ 7:49 PM  0 stares
Halo semua! Hari ini,aku mau nge share screen shot template blogskins yang keren2. Itung2 biar gak harus buka buka blogskins! hehehe. Udah siap? Ready? Go!

Click read more yaa..

Click for more story >>

Labels: , , ,

Hello Buddies.
Wednesday, January 4, 2012 @ 6:16 AM  0 stares
Hi! Gue cuma mau pemberitahuan aja nih. gue udah buat blog khusus untuk tutorial.
Click for more story >>

Labels: , ,

⇐ older