Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

6 Februari 2012

Tutorial: Make Header

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
//Assalamu'alaikum//
Tumblr_ly7frfftwb1r0yfxao1_500_large

Bonjour . Lama nggak buat tutorial, ada yang setuju? Angkatlah tanganmu setinggi jerapah kalau setuju. Berhubung @Sisi minta request dibuatin tutorial bikin header. Kalian pasti punya cara sendiri-sendiri kalau buat header kan? Ada yang pakai Adobe Photoshop, Photoscape, dan kawan kawan. Temenku yang satu ini udah bisa bikin header, tapi dia nggak tahu cara buat biar nggak ada background nya, alias background nya transparent. Nah, kalau ada yang senasib seperti temenku ini, mohon ikut aja tutorial ini...
» Make Header 
Kalau untuk buat header sudah ku jelaskan ada banyak software yang bisa membuatnya. Sekarang ini aku tutorialnya pakai Photoscape. Yang belum punya, silakan download di sini, yang masih bingung silakan googling.
1. Buka software Photoscape-mu, lalu click editor.
2. Click icon kecil itu lalu click 'New Photo' 
3. Sesuaikan ukuran headermu lalu klik OK
 4. Lalu background header-mu muncul.
5. Untuk memberi gambar pada header-mu klik 'Object' lalu klik pada icon gambar.
6. Lalu klik 'Photo'
7. Lalu pilih gambar yang kamu inginkan dari komputer kamu.
 8. Lalu sesuaikan tebal tipisnya, nanti kalau semakin ke kiri nanti gambar jadi lebih pudar.
9. Untuk memberi tulisan, klik huruf T
10. Sesuaikan font, ukuran font, dan warna font sesuai keinginanmu. 
11. Kalau sudah puas, klik save.
12. Lalu muncul pop-up dan klik Save As.
Nah, begitulah cara buat headernya, tapi ini belum transparent. Kalau mau buat yang transparent, lanjut ya...


» Make Transparent Header
Kalau buat transparent, biasanya aku pakai Gimp. Yang belum punya silakan download di sini.
1. Buka Gimp-mu, lalu buka headermu yang barusan kamu bikin (File >> Open).
 2. Untuk buat jadi transparent, click icon yang ada kaya' lampu-lampunya itu. I have no idea with it. Terus klik kanan pada headermu >> Layer >> Transparency >> Add Alpha Channel >> Lalu klik gambarmu nanti ada garis-garis bergerak-gerak.
 3. Lalu klik icon penghapus itu.
 4. Hapus gambarmu, di uwek-uwek juga boleh [?] tapi tenang, karena sudah di pakaikan icon lampu tadi, tulisan dan gambarnya nggak bakal terhapus.
 
5. Hapus hapus terus sampai gambarnya penuh dengan hitam-abu kotak kotak.
 
6. Lalu save gambar (File >> Save As)
7. Nanti akan muncul pop-up. Disitu nanti akan tertulis .jpg . Hapus, ganti jadi .png soalnya kalau .jpg nanti ditolak sama Gimp-nya.
8. Tick yang aku tick (lihat di gambar) lalu klik save.
Voila! Header-mu jadi memang background-nya itu jadi abu-abu dan hitam kotak-kotak. Tapi jangan khawatir soalnya itu berarti sudah transparent, kalau ada yang putih berarti belum transparent. Lihat, di dalam huruf itu masih ada putih-putihnya, untuk ngebuat transparent, klik icon lampu >> klik bagian yang mau di transparent-kan >> hapus. 

Klik gambar untuk memperbesar! Eh, iya, sudah jelas? Ingat kalau sudah puas jangan lupa DI-SAVE. Aku bikin tutorial ini lama, sampai ketinggalan film Lion King; film kesukaanku dari playgroup sampai sekarang. Aku juga capek buatnya. Yang mau share, jangan lupa beri CREDITS, okay?
The only way to fix a friendship is to try. –Pooh
Au revoir~

16 Januari 2012

Tutorial: Twitter Gadget In Your Blog

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
//Assalamu'alaikum//
FEED | Webstagram
Bonjour, les amis . Hari ini aku ngasih tutorial :) Tutorial ini direquest oleh Syifa Hana . Sebenarnya, tutorial ini diambil dari blognya Rana . Ya, kapan itu aku pengen aja buat Twitter gadget yang ada di page 'ABOUT ME' . Ee ? Masih penasaran ? Yang ini lho:


Itu twitter gadget yang nanti nge-munculin update kita di twitter . So, semua uda ngerti kan ? Nah,mau yang kaya' begitu ? Kalau iya, check this tutorial out !
  1. Sign in Twitter dulu .
  2. Buka web page ini, CLICK
  3. Edit sesukamu .
  4. Setelah puas ngedit scroll kebawah lalu klik TEST SETTINGS buat preview .
  5. Di sebelahnya ada tulisan FINISH & GRAB CODE kalau memang sudah benar-benar puas .
*ini preview web-nya
Oke, ini misi buat tutorialnya sudah selesai, silakan dicoba kalau mau ~ Kalau mau re-post tolong dikreditkan aku sama Rana ya . Btw, ini aku besok kayaknya aku mau ke Semarang; ke rumahnya saudara imutku  . Dan pastinya disana kayaknya lho, ga ada modem . Ya, ini gatau jadi apa enggak . Tapi, aku mau persiapan aja.   Oya, itu click gambarnya for XL size, hokay ?

Aku buat account heello kemarin . Halooo ? Ada yang punya acc heello endak ? Kalau iya, listen aku ya...
@Sintya_Swasthi17
Aku nge-listen back kalau lagi mood . Au Revoir !

11 Januari 2012

Tutorial: Back To Top Button

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
//Assalamu'alaikum//
Halo semua . Lama banget aku 'libur' bikin tutorial =_= berhubung kemaren ada temen sekaligus kakak kelas alumni SD-ku dulu (baca: Mbak Dian gawl) tanya di efbe

'caranya bikin "fly high" gmn sih?'

Fly high itu maksudnya back to top button . Itu lho, yang dipojok kanan bawah site ini . Oke, ini kubuatkan tutorialnya ;) First belajar dulu . Back to top button itu ada dua macam, yang JQUERY sama yang biasa . 

Bedanya, jquery back to top button itu kalau kita scroll-kan di bagian paling atas enggak bakal muncul . cuba dikebawahin dikit, nanti tiba-tiba muncul samar-samar gitu. Kaya' yang ada di blog ini. Kalau back to top button yang biasa, ya, biasa . Enggak ada efek samar.( ̄ー ̄)

JQUERY BACK TO TOP BUTTON

Open Dashboard > Design > Edit HTML
Search kode:


</body> 
Pake Ctrl+F untuk mempermudah pencarian
Copy code:
<a href='#' id='toTop'><center>Tulisan kamu, TOP atau apalah<span class='Apple-style-span' style='color: rgb(255, 204, 204); '/></center><img src=' URL BACK TO TOP BUTTON'/></a>
Yang  Tulisan kamu, TOP atau apalah  kalau enggak mau dihapus aja . Atau kalau kamu enggak mau pakai gambar, hapus kode:  <img src=' URL BACK TO TOP BUTTON'/></a> 
 Sudah ? Masih ada lho, cari kode:
]]></b:skin>
Pencet Ctrl+F untuk mempermudah pencarian
/* to top */#toTop { width:100px;background:none;border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; } 

Merah : Kalau back to top button kamu kepotong, ubah aja sampai enggak kepotong :B

Sudah ? Masihhh ada lagi . Search kode:


</head>

Pastekan kode ini diatasnya:


 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script type='text/javascript'>/*----------------------- * jQuery Plugin: Scroll to Top * by Craig Wilson, Ph.Creative (http://www.ph-creative.com) * Bring to you by Zen from http://zenplate.blogspot.com * Copyright (c) 2009 Ph.Creative Ltd. * Description: Adds an unobtrusive &quot;Scroll to Top&quot; link to your page with smooth scrolling. * For usage instructions and version updates to go http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx * Do not delete these infomation * Version: 1.0, 12/03/2009 -----------------------*/ 
    $(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr(&quot;href&quot;);if($(window).scrollTop()!=&quot;0&quot;){$(this).fadeIn(&quot;slow&quot;)}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()==&quot;0&quot;){$(scrollDiv).fadeOut(&quot;slow&quot;)}else{$(scrollDiv).fadeIn(&quot;slow&quot;)}});$(this).click(function(){$(&quot;html, body&quot;).animate({scrollTop:0},&quot;slow&quot;)})}}); 
    $(function() { $(&quot;#toTop&quot;).scrollToTop(); }); 
    </script>
Mohon di PREVIEW DULU baru di-save :)


BACK TO TOP BUTTON (biasa)

Open Dashboard > Design > Edit HTML
Search kode:


</body> 
Pake Ctrl+F untuk mempermudah pencarian
Copy code:
<a href='#' id='toTop'><center>Tulisan kamu, TOP atau apalah<span class='Apple-style-span' style='color: rgb(255, 204, 204); '/></center><img src=' URL BACK TO TOP BUTTON'/></a>
Yang  Tulisan kamu, TOP atau apalah  kalau enggak mau dihapus aja . Atau kalau kamu enggak mau pakai gambar, hapus kode:  <img src=' URL BACK TO TOP BUTTON'/></a> 
 Sudah ? Masih ada lho, cari kode:
]]></b:skin>
Pencet Ctrl+F untuk mempermudah pencarian
/* to top */#toTop { width:100px;background:none;border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; } 

Merah : Kalau back to top button kamu kepotong, ubah aja sampai enggak kepotong :B

PREVIEW then SAVE . :D

Yang biasa sama yang jquery hampir sama . Tapi kalau yang jquery harus nambah coding diatas </head> . Sudah mengerti ? :D Anyway, credit kalau mau re-post! :B  

P/S : coding aku ambil dari template aku sendiri yang didesign sama Kak Lettha . So, nyalahin aku copycat ? Sori aje .

xoxo,
Sintya

26 November 2011

Freebies: HTML Colour Codes

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
//Assalamu'alaikum//
Halo... sekarang aku mau post freebies! HTML Colour Codes. silakan dilihat...
Cyan #00ffff
Blue #0000ff
Skyblue #abcdef
Darkcyan #008686
Cadetblue #5f9ea0
Midnightblue #191970
Mediumslateblue #7b68ee
Cornflowerblue #6495ed
Lightsteelblue #b0c4de
Lightskyblue #87cefa
Powderblue #bde0e6
Aquamarine #7fffda
Dodgerblue #1e90ff
Royalblue #4169e1
Blueviolet #8a2be2
Indigo #460082
Lavender #e6e6fa
Lightblue #add8e6
Deepskyblue #00bfff
Darkslateblue #483080
Mediumvioletred #071585
Mediumturquoise #4801cc
Mediumorchid #ba55d3
Darkturquoise #00ccd1
Paleturquoise #afeeee
Darkorchid #9932cc
Slateblue #6454cd
Aqua #00ffff
Red #ff0000
Darkred #860000
Indianred #cd5c5c
Firebrick #622222
Lightsalmon #ffa07a
Lightcoral #f08080
Maroon #800000
Crimson #dc143c
Tomato #ff6347
Salmon #fa8072
Coral #ff7f50
Pink #ffc0cb
Hotpink #ff69ba
Deeppink #ff1493
Lightpink #ffb6c1
Mistyrose #ffe4e1
Moccasin #ffe4b5
Peachpuff #ffdab9
Mintcream #f5fffa
Floralwhite #fffaf0
Oldlace #fdf5e6
Thistle #d8bfd8
White #ffffff
Linen #faf0e6
Navy #000080
Snow #fffafa
Orange #ffd000
Orangered #ff4500
Burlywood #deb887
Darkorange #ff8c00
Palevioletred #db7093
Sandybrown #f4a460
Rosybrown #bc8f8e
Brown #a52a2a
Peru #cd853f
Gold #ffd700
Yellow #ffff00
Lightyellow #ffffe0
Yellowgreen #9acd32
Palegoldenrod #eee8aa
Goldenrod #daa520
Lime #00ff00
Green #008000
Seagreen #f4a460
Palegreen #98f698
Lightseagreen #20b2aa
Forestgreen #228622
Lightgreen #90ee90
Olive #808000
Tan #d2b48c
Teal #008080
Olivedrab #6b8e23
Greenyellow #adff2f
Darkslategray #2f4f45
Darkolivegreen #55662f
Mediumspringgreen #00fa9a
Darkgoldenrod #688606
Darkkhaki #606766
Orchid #da70d6
Fuchsia #ff00ff
Darkmagenta #860086
Darkviolet #940003
Mediumpurple #9370db
Violet #ee82ee
Purple #800080
Plum #dda0dd
Gray #808080
Dimgray #696969
Gainsboro #dcdcdc
Lightslategray #778899
Lightgray #d3d3d3
Slategray #708090
Darkgray #a9a9a9
Silver #c0c0c0
Springgreen #00ff7f 
Lightpink #ffb6c1
Navojowhite #ffdead
Darksalmon
Khaki #f0e68c
Aquamarine
Chocolate #d2691e
Copy? Credits please... :)
Creds: Rana

18 November 2011

Freebies: Headers

Assalamu'alaikum...
Ola, visiteurz! I gonna give you freebies, exactly, headers. Sorry if it's so simple or bad. maklum, kan aku belum professional kaya' kalian :)
non-bersambung
800 x 300 px

finish~ how to save this picture:
click what picture that you want > right click > Save Picture As > save :)

13 November 2011

Tutorial: Burung Twitter

Assalamu'alaikum...
Hi, all. Sekarang... lagi mood buat bikin tutorial. habis ini HARUS HAFALAN. Jangan sampai ,"kan masih ada ntar sore, nanti ajalah. sekarang nge-blog aja." *jangan ditiru. itu artinya, setan telah berbisik di hatimu. hii.... oke, btw tau burungnya? ini...
nanti burungnya bisa terbang ke sana-situ, mau codenya?
<script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script><script type="text/javascript">var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVV66MFkRx6piNzssnbSnEG8LBnAtoIQlqmipepaYNaj24zm6NpxaetK8VB6M3TPau1qcs5pp5z542c0xzrjzNcWIcKZ7c1f2WZ9Bul_ja79OC1tltO2DNNNjOqwI_EKlVKquIkVVnqmY/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "https://twitter.com/Sintya_Swasthi";var tweetThisText = "Twitter - Sintya_Swasthi http://sintyablueberryblue.blogspot.com /";tripleflapInit();</script>
Note:
Red: Usename-mu
Orange: URL blog-mu
Design > Page element > add gadget > html/ javascript > copy-paste > PREVIEW > Save :)

Done, bye, then

Tutorial: Doodling Gadget

Assalamu'alaikum...
Hi,all. lagi iseng-iseng buka twitter tiba-tiba nemu url blog. nyoba kuklik. ternyata ada tutorial doodling gadget. ya uda, karena nggak ada ide... btw, tau doodling gadget? yang ini lo...
nggak mau codenya? 
<object data="http://img0.liveinternet.ru/images/attach/c/0//3768/3768733_paint_www.swf" height="340" type="application/x-shockwave-flash" width="480"> </object></div>
Design > Page element > Add gadget > Copy-Paste > PREVIEW > Save :)
Done. sekarang nggak mau besar mulut, lagi sariawan nih... ok, bye...

Creds: Shafilah 

8 November 2011

Tutorial: Make Banner

Assalamu'alaikum...

 Hi, all. Today when I checking my blog especially my SHOUTMIX I saw Febby asked me to open my e-mail and I opened it. She asked me how to make banner.  It's ver easy and I know you all can do it. :) if you don't now, follow this step:
  1. Open THIS
  2. Choose the size  and and shape
  3. Choose the background, you can upload your own oro or picture. Or, you can just choose the colour.
  4. Now it's up to you. Write something there, example like, your blog name and 'CLICK TO JOIN' or.. uhmm... up to you lah :D and then, shoose the font, the size, and colour. Use your creative brain :)
  5. Choose the border it's okay if you don't want you can just skip it
  6.  Choose the effect!
  7. click 'save' in the rightest
  8. fill the link with your link
  9. Preview:
click for XL size
 last, click 'save the banner' and copy-paste the code into your blog, like this
Login > Dashboard > Design > Page Elements > Add Gadgets > html/javascript > Save :)
PREVIEW FIRST!
Okay, then, bye :)

3 November 2011

What Is Your Computer Gender?

Assalamu'alaikum...
Bonjour . Apa kabar semua ? Karena lagi kurang kerjaan, aku mau coba re-post entri yang udah jadul banget. yah, daripada nggak update blog sama sekali? Aku sempat nemuin entri keren ini di blognya Syifa (berdasarkan entri yang dulu ini hanya re-post). Coba aja, keren banget, caranya biar kamu tahu laptop-mu itu perempuan atau laki-laki. Mau? Ikuti langkah-langkah ini ya..

1. Buka Notepad (Accessories >> Notepad).
2. Copy-paste coding ini di Notepad.
CreateObject("SAPI.SpVoice").Speak"I Love You"
3. Save atas nama: xyz.vbs
4. Buka file-nya, nanti kamu akan dengar suara.
Kalau itu suara perempuan berarti laptop/ PC mu perempuan. Kalau laki-laki berarti laptop/ PC mu laki-laki.
Mari belajar:
Warna merah : bisa diganti sesukamu, ini kalimat yang akan diucapkan komputer/ laptop-mu.

Beneran seru, aku ganti pakai hi, Sintya, I'm Selena Gomez and I want to meet you. Wkwkwk, ternyata laptopku perempuan. Oya, credits ke Syippha .

kbyye~ 

15 Oktober 2011

Tutorial: Make Own Classic Template

Assalamu'alaikum
Hi, all :) Sekarang buat template sendiri! Memang classic tuh sulit banged. Tapi coba dulu kali yah?


Let's start. Siapkan:
- Blog Tester
- Baca Do'a

Click "Revert to Old Tempelate" di blog tester kamu, scroll sampai bawah di page edit HTML. Make sure, semua codes sudah terdelete.

Letakkan code ini di paling atas kotak edit HTML yang kosong tadi:




<html><head><center><img src="URL Header" /></center><title>//Nama Blog</title>

Merah URL Header
Magenta nama blog



<style type="text/css">#navbar-iframe {display: none;}body {background: url(URL Bg);background-attachment:fixed;font-family: arial;font-size: 11px;}a:link, a:visited {color:#000000;text-decoration:none;}a:hover {border-bottom:1px solid #87689;}</style><body><br>

Oren itu coding for delete d'Navbar
Blue URL background
Red colour of link
Green colour of link hover

Search code 
</style> pastekan coding ini diatas nya:

.main {background:#ffffff;color:#666666;padding:14px;width:500px;border-radius:10px;text-align:justify;}.sidebar {background: #ffffff;color: #666666;padding: 8px;width: 240px;border-radius: 10px;text-align: justify;}.h1 {color:#FF9FCC;font-size:18px;padding:3px;border-bottom:1px solid #c0c0c0;}.h2 {font-style:italic;font-size:10px;margin-bottom:2em;}

Pink warna font dalam blog
Oren width setiap bagian blog, sidebar and main blog
Blue radius kelengkungan layer blog, *kalau mau kotak kaku, delete coding itu*
Magenta warna font post title

Dah? cari code <body> pastekan code ini dibawahnya:

<table style="line-height: 17px;" width="850"  border="0" align="center" cellspacing="5"><tbody><tr>

Merah itu spasi (jarak) antar rows column.
Oren itu kelebaran seluruh tables, meliputi main and sidebar.

Kalau udah, pastekan kode dibawah ini setelah coding tables diatas:

<td valign="top" width:550px;">

<div class="main"><blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>comments</a></BlogItemCommentsEnabled></div><$blogitembody$></blogger><br><center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div></div></td>


Jangan ganti coding coding merah kalau kamu nggak ganti coding di group layer >,<
Selalu tutup tables dengan </td>

Oren bagian post title
Biru bagian date, comments
Green perkataan komentar
Magenta perkataan older post and newer post
Purple itu width main.

Time to create SIDEBAR.
Setelah coding diatas selesai, lanjutkan dengan yang ini. Memang tutorial ini sulit banget, kalau belum pernah main code blogskins nanti kebanyakan FAILED >,< coba coba aja ya aku sampai keringetan bikinnya xD
<td valign="top" width="250px"><div class="sidebar"><div class="h1">TITLE SIDEBAR</div>ISI SIDEBAR</div>
<br>

Merah itu width sidebar
Blue judul/title sidebar
Green isi sidebar
Kalau mau bikin box box sidebar lebih banyak, pastekan code ini dibawah code sidebar diatas:
<div class="sidebar"><div class="h1">TITLE SIDEBAR</div>ISI SIDEBAR</div>
<br>

Ulangi kalau mau box sidebar lagi dibawah bawah bawah lagi lagi dan lagi \stress/ xP

Jangan lupa kalau setiap part, misalnya sidebar atau main udah selesai, SELALU TUTUP dengan code:
</td>


So, jadi seperti ini:
<td valign="top" width="250px">
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>
</td>
Tapi kalau masih mau bikin box sidebar, jangan tutup coding dengan </td> dulu. Hokay?


Done main and sidebar, jangan lupa akhiri dengan letakkan coding ini setelah semua coding main and sidebar mu selesai:
</table></body></head></html>
P/s: Kalau mau letak apa apa tentang Javascript, letak diatas code  <style type="text/css">

Kalau FAILED boleh ambil freebies


<html>
<head>
<center><img src="http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/freeheader2.png" /></center>
<title>//LIL FREAK</title>
<style type="text/css">
#navbar-iframe {
display: none;
}
 body {
background:url(http://i959.photobucket.com/albums/ae76/Onimomo159/55235022-1.png);
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9RadNQ6p9Yu4EXWc-kZs8zFkx7CzFXeNkh3TqXXZj1_VLPFGHbHigxZ0WWDELl85kn2d0Uv1SQkktzfxFIKyBOD7GgraDhHCHyprIMADxl77MUuVpUY3MRsveH_MabgXxZogzFulGX4k/s1600/CURSO.png), progress;
background-attachment:fixed;
font-family: Century Gothic;
color: #666666;
}
a:link, a:visited {
color:#FFBBBB;
text-decoration:none;
}
a:hover {
cursor: crosshair;
border-bottom:1px dashed #c0c0c0;
}
.entry {
background:#ffffff;
padding:14px;
font-size:11px;
line-height:17px;
border-radius:10px;
-moz-border-radius: 10px;
text-align:justify;
}
.sid {
padding:14px;
line-height:17px;
background: #FFFFFF;
font-family: verdana;
font-size: 11px;
text-align: center;
border-radius:10px;
-moz-border-radius: 10px;
}
.tit {
color:#FFBBBB;
text-align: right;
font-family: georgia;
font-style: italic;
font-size:15px;
padding:3px;
border-bottom:1px dashed #c0c0c0;
}
.com {
text-align: right;
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
blockquote {
border-right:10px solid #FFBBBB;
padding:8px;
}
u {
border-bottom:2px solid #FFBBBB;
text-decoration:none;
}
</style>
<body>
<table style="line-height: 18px;" width="900" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" width:550px;">
<center><div class="entry">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="com"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$><br>
</blogger>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div></center></td>
 <td valign="top" width="250px">
<div class="sid">
<div class="tit">Bonjour!</div>
Hi, fellas. My name is Sintya Swasthi from Indonesia 11 y/o this blog is just my TESTER!<br>
</div><br>
 <div class="sid">
<div class="tit">Tagboard</div>
go to www.shoutmix.com<br>
Height: 120px<br>
Width: 100%<br>
</div><br>
 <div class="sid">
<div class="tit">Contact Me</div>
<a href="http://sintyablueberryblue.blogspot.com/">First Blog</a> l
<a href="http://nanamiasintyaria.blogspot.com/">My Second Blog</a>
<a href="http:///"></a>
<a href="http:///"></a>
<a href="http:///"></a>
<a href="http:///"></a>
<a href="http:///"></a>
<a href="http:///"></a>
<a href="http:///"></a>
<a href="http:///"></a>
</div><br>
 <div class="sid">
<div class="tit">Credits</div>
<!----DONT REMOVE CREDIT OR I WILL MAKE YOU SHAME-----!>
Basecodes from <a href="http://www.letthaprincess.blogspot.com/">Lettha</a> <a href="http://lettha-story.blogspot.com/">Kyra</a><br>
Background from <a href="http://www.blogskins.com/info/362185/">Miss Alice</a><br>
Best view: <a href="http://www.google.co.id/">Google Chrome</a><br>
Header <a href="http://faqihahhusni.blogspot.com/">Kihah</a><br>
Re-edit by <a href="http://www.sintyablueberryblue.blogspot.com/">Sintya</a> <a href="http://www.nanamiasintyaria.blogspot.com/">Swasthi</a>
<!----DONT REMOVE CREDIT OR I WILL MAKE YOU SHAME-----!>
</div><br></td>
</body>
</head>
</html>


Originally by me:



<head>
<center><img src="http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/freeheader3.png" /></center>
<title>//My Tester</title>
<style type="text/css">
#navbar-iframe {display: none;}body {
background: url(http://i1208.photobucket.com/albums/cc361/Letthalicious/Backgrounds/chocolettha-1.gif);
background-attachment:fixed;
font-family: Century Gothic;
font-size: 11px;
}
a:link, a:visited {
color:#F778A1;
text-decoration:none;
}
a:hover {
border-bottom:1px solid #F52887;
}
.main {
background:#ffffff;
color:#6E6A6B;
padding:14px;
width:500px;
border-radius:8px;
text-align:justify;
}
.sidebar {
background: #ffffff;
color: #6E6A6B;
padding: 10px;
width: 240px;
border-radius: 8px;
text-align: center;
}
.h1 {
color:#000000;
font-size:12px;
padding:3px;
border-bottom:1px solid #c0c0c0;
}
.h2 {
font-style:italic;
font-size:12px;
margin-bottom:2em;
}
</style>
<body><br>
<table style="line-height: 17px;" width="850"  border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top" width:550px;">
<div class="main">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>dreamer (s)</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Future</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Past</a></NewerPosts></center></div>
</div>
</td>
<td valign="top" width="250px">
<div class="sidebar">
<div class="h1">About</div>
Hy name is Sintya,little girl, i'am from Indonesia. 11 y/o, this is just MY TESTER BLOG!</div>
<br>
<div class="sidebar">
<div class="h1">Credits</div>
letthaprincess.bs.com l faqihahhusni.bs.com l sintyablueberryblue.bs.com l
 
This blog basecodes made by me! Don't take out the credits!</div>
<br>
<div class="sidebar">
<div class="h1">Contact Me</div>
Fb: Sintya Swasthi
✿ Twitter: Sintya_Swasthi
Blog: sintyablueberryblue.bs.com ✿ nanamiasintyaria.bs.com</div>
<br>
</td>

JANGAN REMOVE CREDITS! 

Kbye~

Credits: Lettha