Upcoming tutorial list

Monday, December 17, 2012


Annyeonghaseyo..

Hello there,who are in my blog,roaming around and discover my stuff.Here i write someupcoming tutorials and freebies that i will made for you.Just scroll down and read them aloud.

Upcoming tutorials for you:

  • Tutorial:Date header bawah post macam saya
  • Tutorial:Background date header
  • Tutorial:Nota kecil bawah sidebar title
  • Tutorial:Link hover berwebsite
  • Tutorial:Search box like mine
  • Tutorial:Rounded navigation above content-wrapper
  • Tutorial:Tips to make various navigation hover
  • Tutorial:Navigation hover without change tab
  • Tutorial:Floating navigation menu hover 1
*P/s:All this tutorial are only for the template designer [Denim,washed denim,simple template].

Frequently ask me

Saturday, December 15, 2012


Annyeonghaseyo

Hello,and yep my dear friends.I'm right now want to tell you and answering all question that questioned your brain about tutorials and stuff here.So,read them carefullt and kindly ask me if yiu don't understand ceratian subject,and if you have any question,indly ask me at cbox,and your question will be asnwered here.Ok.Ready.They goes like these:


What is the stuff presented here?

Tutorials and freebies that you want and i'm ready to fulfil your request here.Tutor here help you to enchance your blog and at the same time it help me to improve my skill doing certain tutorial.
Where can i ask a question?

You can ask me directly in cbox,or if you want to proceed to my ask.fm link,it's ok for me.Do remember to ask question that revolving about tutorials and freebies only.

What type of requesting offered here?

There are many type,just to proceed to order link and it will tell you what your needs.

Where can i find the requesting form?

Just move your cursor smoothly to the order link on top of content/body of the blog.Do remember to fill all the required form before sending your request to me.You may also include the description about you request so that i will know it.

What about the price of the offer?

The price depend on your type of request.If it only a small matter,then the charge will be cheap too.The image provided here,or requesting image,will not take any charge.You can go to the order link too to know more.

Can i get a discount on the price provided here?

Yes,of course you can if you're ready to add me on Facebook.Hehe.The discount that can you get is about 10% to 20% discount.

Can i find what i need?

Yes,you can find what your need through the search box at the sidebar that only related to my tutorials provided here.If not,you can directly go to stuff link.

Can i make a request of tutor?

Yes,if only you tell me what type of tutor you want through my cbox or requesting form.You can review my all site[kawaiiness and this site to see the template]

Are there a requesting to made full blog editing although i don't have any account?

Actually,not,you need to sign up before made editing full blog request.You can send your email and password to me.After that,you have to change your email and password after your request had done.


Tutorials section

Monday, December 3, 2012


Hello,tutorials section are here.Hope you enjoy editing.If u couldn't understand the steps,feel free to message me on cbox or email me .


Tutorial:Template design
Tutorial-round hover with shadow Tutorial-double underline Tutorial-floating button Tutorial-double dashed hover Tutorial-link warna pelangi Tutorial-about me Tutorial-letak background pada blockquote Tutorial-flash blockquote Tutorial-link dibuka pada new tab Tutorial link hover cantik Tutorial-link hover unik Tutorial-letak my status kat sidebar Tutorial-marquee gambar bergerak Tutoral-marquee ayat bergerak post title Tutorial-reply to comment Tutorial -for blog archiverial-scroll box Tutorial-post footer Tutorial-menu tab navigasi versi 2011 Tutorial-link hover 3 in 1 Tutorial-animasi loading pada gambar Tutorial-scroll di posting Tutorial-link mereng bila dihalakan cursor Tutorial-pasang gambar pada komen Tutorial-menampilkan avatar di komen  Tutorial-menu tab navigation bar Tutorial-animated recent post  Tutorial-zoom image(highslide javascript) Tutorial-date header di luar entry Tutorial-divider bawah post Tutorial-opening note Tutorial-image melengkung Tutorial-body melengkung Tutorial-main background Tutorial jquery top button Tutorial-back to top Tutorial-pisahkan main and sidebar Tutorial-centerkan header Tutorial-unclickable header Tutorial-tambah page number Tutorial-post footer like mine Tutorial-icon sebelah old entry Tutorial-image hover melengkung Tutorial-image hover 2 Tutorial-jquery image hover Tutorial-belajar buat header cara mudah Tutorial-simple cute navigation Tutorial:simple cute navigation hover Tutorial-image hover with text Tutorial kotak link new Tutorial new menu bar Tutorial new dropdown menu hover Tutorial dialog box new Tutorial click here header Tutorial image flip and link Tutorial 6 stylish searchbox Tutorial menu bar in navigation


Tutorial:Blockquote
Tutorial-blockquote lip-lap Tutorial-blockquote style 1 Tutorial-blockquote style 2 Tutorial-blockquote style 3 Tutorial-cara menggunakan blockquote Tutorial-blockquote style 4 Tutorial-blockquote hover new


Tutorial:Sidebar mainbar
Tutorial-border post title 1 Tutorial-border post title 2 Tutorial-icon tepi post title Tutorial-border post title hover style 3

She Fixed Girl[1th Skin]


Annyeonghaseyo..

Hey,guys,hari ini Julia nak bagi korang skin yang julia baru buat.My first skin.So,Julia harap korang boleh mempertimbangkannya.New lagi,kalau dah guna comment k.Thank you.Mungkin Julia akan buat skin kedua dengan lebih baik.Tajuk skin ini She Fixed Girl.Kalau korang ada apax2 pertanyaan boleh tanya Julia di c box,Ok.Gomawo.

PREVIEW DOWNLOAD

Category edit blog full

Sunday, December 2, 2012


Annyeonghaseyoo..


Hello,everybody,Julia hari ini nak bincangkan dan memberitahu pengumuman penting.Juliakan ada jual blog bukan?Maksud Julia,editing atau full editing dan sebagainya.Jadi bagi part edit full blog.Julia ada senaraikan category berserta peneranganya sekali.Jom baca di bawah ini.


Category 1


1. Category blog ini jenis simple sahaja
2. Berserta menu navigasi hover dan kawaii image
3. Berserta header yang bersesuaian dengan blog
4. Keluasan blog minimum 940-950px
5. Muncul dalam pelbagai warna:

  1. Pink
  2. Biru
  3. Purple
  4. Hitam
  5. Kuning
  6. Hijau

6. Harga yang ditawarkan ialah minimum RM5.00 ke RM10.00



Category 2


1. Merupakan header macam Julia ini,yang tak ada header tapi special dibahagian atas
2. Berserta dengan kawaii image untuk sidebar menu dan widget
3. Menu navigasi di atas berserta hover dan scalloped edge/renda/kawaii lace
4. Keluasan blog adalah luas,maximum 990px
5. Muncul dalam pelbagai warna:

  1. Pink
  2. Purple
  3. Merah
  4. Biru

6. Harga yang ditawarkan ialah minimum RM10.00 ke RM15.00



Category 3


1. Category ini merupakan category blog macam kawaiiness
2. Header bersambung dengan body bahagian atas dan footer
3. Lengkap dengan kawaii icon gif atau image dan menu navigasi
4. Header berambu di atas dan bahagian footer berserta ayat dan image
5. Keluasan blog ini ialah 974px
6. Muncul dalam pelbagai warna:

  1. Pink
  2. Merah
  3. Purple
  4. Biru

7. Harga yang ditawarkan ialah RM20.00



Category 4


No picture to be display


1. Merupakan blog yang sidebarnya dan postnya terpisah
2. Sidebar terpisah dan absolute atau fixed/melekat pada background
3. Lengkap dengan menu navigasi dan kawaii image di sidebar
4. Header adalah keinginan sendiri sama ada mahu atau pun tidak,kerana ianya ada dua jenis:
a.Ada header di atas,pelbagai jenis
b.Tidak ada header,seperti category 2,hanya special diatas berserta menu navigasi dan hiasan
5. Muncul dalam pelbagai warna:

  1. Pink
  2. Hitam
  3. Biru
  4. Purple

6. Harga yang ditawarkan ialah RM 10.00 ke RM12.00


P/S:Jika ada sebarang pertanyaan boleh bertanya di cbox julia atau pergi ask.fm julia untuk ketahui selanjutnya.Sekian.

Get to exchange link

Wednesday, November 28, 2012


Annyeonghaseyo..


You wanna exchange link with me here,on my tutorial site.Here,but read these first:

  1. Type on your name on the excahnge link form
  2. Type on your blog url
  3. You need to excahnge my link too in your site [Julia Hunny 2] for this site
  4. Remember,if you remove my exchange link,definitely i will remove yours too
  5. You can also send your exchange link through my cbox,just type [Let's exchange link]
  6. Exchange link limit to 30
You can also refer to this links for the rules,as they are same[scroll down for the link]
Then,send them through my exchange link form through this link:

 Exchange Link with me

Thank Q


The Boss

Wednesday, November 14, 2012


Hello,everybody,bloggers,and readers out there.
I am the owner of this blog and other blogs i owned.I have about 5 blogs all together.First is the kawaiisite blog,second is this tutorials blog,third is kpop updates blog,fourth is my diary blog,and fifth is my artwork blog.Currently,i remove kpop updates blog,since i'm too lazy to update.I am a kpoppers.But,i only know my favorite kpop idols update which is Bangtan Sonyeondan (BTS),and never know about other kpop groups update,except The Ark.Since my type is,"when i already knew the update,just that,keeping in mind/memories" and never updates.I just too lazy.Because too much kpop website updating about kpop stars.
I began to make blog since i was 14.The first blog that time was the kawaiisite blog.Before that blog looks matured like this,it was really messy,with widgets all over.Since that time,i just new to blog,and obsesses with glitter-graphics.com,i put so many widgets there.That blog began to work slowly,taking ages to load.And during my age 14,i began to travel to other blog site.My first expression was WOW.It was so neat.That time,i began to change my creativity.Making my blog more "light" and neat.That time,was the first time i learn about tutorials making blog.First step,second steps,until i'm 17.After that,i began to create  my own tutorials,making own creativity without refer to others tutorials blog.I make about more than 10 blogs as a tester blog,testing my own tutorials made,if it really work or not.Now,i'm already 20 and starting more matured than before in applying creativity.
When i try to remember my past,it really make me smile,and sometimes sad,cause i want to return back the time,since that moment i was really young.I miss that moment.At age 18,i began to make blogskin.Making blogskin for others for free.Blogskin and blogger template(default) really difference in some codes arrangement.But now,i didn't make it anymore,since i was too busy with my university assignment,exam,test and everything,Little by little i forgot how to make blogskin.Hahahahah..But i do keep my blogskin products for others.Right now,i start being updated with kpop news especially BTS,since i was an ARMYs.That's why i spend about 1/10 of my times on blog.
Okey,before i end up my story telling,here is my short biography.Enjoy.
Name:Intan (Full name aren't allowed to be tell here)
Age:Born on 1996 (my birthday date is right after jungkook's (BTS) birthday and on same month.
Nickname(social media): RjuzInju
Social media:Facebook(RjuzInju),Instagram(Rjuz_j),Twitter(@Injulol)
Wattpad:InjuRjuz
Institution:UiTM Puncak Alam
Course:Medical Imaging
Country:Malaysia
State:Johor
Address:Never
Wish:Be exchange student,study abroad
Specialities:Want to be different from others.
Likes:Food,kpop,music obsession,making music and learn music,singing,training my vocals.
Hates:Everything bad~la.Hmm
Facts about me:Don;t like to meet people without purpose(unnecessary),loving makes friends from other countries (currently from philipines,myanmar,singapore,indonesia,majority from philipines),always be alone,without care about peoples around me (thats why i don't have much friends).My personality in social media and real life is really difference.Since i love making friends from other countries,my personality kinda different from what i am in real life.And...want to stay away from Malaysia.Just what i told just now(want to be difference from other people).Im super shy,quiet,doesn't give shit to what people say,but i'm kind (LOL).Don't judge books by it cover lor.
That's all.Bye!


image hover with text(template designer)

Sunday, November 11, 2012


Annyeonghaseyo...



Annyeong,chingu,hari ini julia nak buat tutor baru,mungkin bagi korang dah lama,tapi ni khas untuk pengguna designer sahaja,sebenarnya kod ni julia ambil dari blogskin then julia edit untuk template biasa punyer.So,jom ikut tutor kat bawah nih.


1.Dashboard--->template--->edit HTML

2.Search kod nih:

]]></b:skin>

3.copy kod nih dan pastekan kat ATAS kod  tadi.

#ck{
background:#f0eeeb;
font-family:damai pelajar;
color:#7D7D7D;
font-size:11px;
width:250px;
height:135px;
margin-top:-147px;
padding-left:0.5px;
padding-right:0.5px;
padding-bottom:0.5px;
padding-top:5px;
opacity:.1;
-webkit-transition:all .5s ease-in-out; }
#ck:hover{opacity:.7}

4.Then korang mainx2 lah dengan kod tuh.Yang color tuh untuk warna font,tukar font-family,then size font,yang width dan height tuh untuk width dan height opacity kat image korang.Ok

5.Then korang masukkan kod nih kat HTML Javascript.

<img style="padding-top:4px;padding-bottom:1px;border-radius:15px; -webkit-transition:.2s; }padding-left:1px;padding-right:1px;border:1px dashed #eaeaea;" src="URL IMAGE" width="250" height="150" /><br />
<div id="ck"><br />
Ayat Korang
</div><br />

6.Ok,yang URL IMAGE tuh,cam biase,masukkan url image korang,then masukkan ayat korang yang manis-manis ,k.

7.Save



simple cute navigation hover

Saturday, November 10, 2012


Annyeonghaseyo..



Tutor hari ini ialah navigation yang simple tapi ada hover,macam blogskin sikit.Oklah,korang fahamkan apa yang Julia nak sampaikan ,jadi jom ikut tutorial ini.


1.dashboard--->layout--->add gadget--->HTML Javasrcipt


2.copy code nih dan pastekan kat ruangan HTML Javascript tadi.


<style type="text/css">
a.linkies {
font-size: 11px;
font-family: damai pelajar;
display:inline-block;
text-align:center;
border:2px solid #FAE3EC;
border-radius:5px;
width: 45px;
color: #BFBFBF;
background:#fff;
padding:1px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}
a.linkies:hover          {
display:inline-block;
text-align:center;
border-radius:1px;
width: 50px;
color: #fff;
background: #FFE4E4;
-webkit-transition-duration:1200ms;
}
a.linke {
font-size: 11px;
font-family: damai pelajar;
display:inline-block;
text-align:center;
border:2px solid #FAE3EC;
border-radius:5px;
width: 45px;
color: #fff;
background: #FFE4E4;
padding:1px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}
a.linkie:hover {
display:inline-block;
text-align:center;
border-radius:1px;
width: 50px;
color: #BFBFBF;
background:#fff;
-webkit-transition-duration:1200ms;
}
</style>

3.Then tampalkan code di bawah nih kat bawah kod tadi.

<a class="linkie"  href="http://blogspot.com/">Title</a>
<a class="linkies"  href="http://blogspot.com/">Title</a>
<a class="linkie"  href="http://blogspot.com/">Title</a>
<a class="linkies"  href="http://blogspot.com/">Title</a>

4.Kalu korang nak guna satu jer effect pada navigation korang,just simply pilih dari kod diatas sama ada a.linkies atau a.linkie.


5.Kalau nak tambah link lagi,just tambah kod nih jer.


<a class="linkie"  href="http://blogspot.com/">Title</a>
<a class="linkies"  href="http://blogspot.com/">Title</a>

6.Save

Simple cute navigation

Thursday, November 8, 2012


Annyeonghaseyo...



lala lola lulu


Holla,nice x,navigate nih,yang kat atas tuh,ha,nampak?.Ha,korang boleh gunakan untuk blogger biasa pun boleh,macam template designer,washed denim ,denim dan banyak lagi,so,jom ikut tutor ni,baikx2.tengok betul-betul.


1.Pergi ke dahsboard--->layout--->Add gadget--->HTML Javascript

2.Masukkan kod ni plak.


<span class="Apple-style-span" style="font-family: verdana, arial; font-size: medium; "><span id="nav" style="font-size: 13px; font-family: serif; background-color: #FFCCE0;
padding: 2px;
border-radius:5px;
border: #FFABCD 1px solid;
-webkit-transition:1s;"><a href="LINK" style="color:#ffffff; text-decoration: none; -webkit-transition-duration: 0.5s; ">lala</a></span>
<span id="nav" style="font-size: 13px; font-family: serif; background-color: #FFCCE0;
color:#69A2FF;
padding: 2px;
border-radius:5px;
border: #FFABCD 1px solid;
-webkit-transition:1s;"><a href="LINK" style="color:#ffffff; text-decoration: none; -webkit-transition-duration: 0.5s; ">lola</a></span>
<span id="nav" style="font-size: 13px; font-family: serif; background-color: #FFCCE0;
color:#69A2FF;
padding: 2px;
border-radius:5px;
border: #FFABCD 1px solid;
-webkit-transition:1s;"><a href="LINK" style="color:#ffffff; text-decoration: none; -webkit-transition-duration: 0.5s; ">lulu</a></span></span>


3.Just masukkan kat HTML Javascript,and tadaa..you are done.

4. Petunjuk:


  • Code untuk warna tuh [#......] korang tukar sendiri.Pergi ke SINI
  • Masukkan link pada LINK
  • Lola,Lulu dan Lala,tukar dengan tajuk korang sendiri.



Tutorials page

Sunday, November 4, 2012


icon tepi post title

Wednesday, October 31, 2012


Annyeonghaseyo..



salam blogger
julia x nak banyak cakap
jom mulakan..
hari ni tutor senang je ..ok





1.log in-->dashboard-->design-->editHTML-->tick expand widget


2.seacrh kod dibawah ni:



<a expr:href='data:post.url'><data:post.title/></a>


3.apa yg perlu korang buat adalah,korang tambahkan kod kat bawah:


<img src="URL Gambar"/>

4.letak mana?letakkan kod tersebut macam ni:



 <a expr:href='data:post.url'><img src="URL Gambar"/><data:post.title/></a>


5.yg julia highlightkan adalah kedudukan kod yg perlu ditambahkan>>>


6.url gambar tuh,korang masukkan url gambar kesukaan korang>>
  



border post title hover style 3


Annyeonghaseyo...



salam blogger
ok,hari ni julia nak ajar buat tutor
korang nampakkan tajuk kat atas tuh,ok..kalau dah faham
jom mulakan,kalau x tahu tengok gambar kat bawah ni:


sebelum

selepas

1.login-->dashboard-->design-->editHTML-->tick expand widget


2.seacrh kod kat bawah ni:
untuk..


simple template>>

h3.post-title, .comments h4 { 

atau 

h3.post-title {

or 
h3.post-title, h4 {

denim template>>

.post-title { 

minima template>> 

.post h3 {

4.copy kod kat bawah ni dan pastekan kat BAWAH kod korang cari tadi:

padding:2px;margin:1.5em 0 .75em;background: #FFFFFF;border-top: 3px dotted#000000;border-bottom: 3px dotted #000000;border-left: 3px solid #000000;border-right: 3px solid #000000;-moz-border-radius: 25px 10px / 10px 25px;border-radius: 25px 10px / 10px 25px;text-align:center;} .post-title:hover {padding:2px;margin:1.5em 0 .75em;-moz-border-radius: 1em 4em 1em 4em;border-radius: 1em 4em 1em 4em;text-align:center;background: #FFFFFF;border-left: 3px solid #000000;border-right: 3px solid #000000;background-image:url(URL ICON COMEY LOTE);background-position:bottom right;background-repeat:no-repeat;}

5.study>>


warna merah:kod warna background korang
warna kuning:ketebalan border korang
warna hijau :jenis border>dashed>solid>dotted
warna biru laut:kpod warna border korang
warna biru:kekalkan pon boleh
warna pink:url icon comel korang>>GLITTER GRAPHICS


6.da puas hati,very confident x de error atau x menjadi>SAVE!kalau nak selamat PREVIEW dulu>>


GOOD LUCK ^_^

border post title 2


Annyeong...



hari ni julia nak bagi tutor border jugak pasal post title
kalau korang dah faham..tutor hari ni ,ok..
yg belum,kita buat tutor ni..ni pasal post title jugak
jom mulakan...

1.log in-->dashboard-->design-->editHTML-->tick expand widget

2.seacrh kod kat bawah ni
untuk....

simple template

h3.post-title, .comments h4 { 

atau

h3.post-title {

atau 

h3.post-title, h4 {


denim template 

.post-title {

minima template 

.post h3 {

3.da jumpa,copy kod dibawah ni danpastekan kat BAWAH kod korang cari tadi..
 ada background

text-align:right;background-image:url(URL BACKGROUND);border-bottom: 2pxdashed #000000;margin:1em;font:normal 12px Century Gothic;color: #000000;}

x nak background 

text-align:right;border-bottom: 2px dashed #000000;margin:1em;font:normal 12pxCentury Gothic;color: #000000;}

4.petunjuk:

warna hijau:kedudukan post title korang,boleh adjust kedudukannya
warna biru:masukkan url gambar korang
warna kuning:ketebalan border,adjust sikit
warna pink:jenis border korang boleh tukar
warna merah:korang tukar saiz font,jenis font dan warna font
warna biru laut:kod warna border korang. 



5.sudah puas hati>lepas tu>SAVE

border post title 1


Annyeonghaseyo...



Yoo!
how are you there?hoho
oklah,julia nak bago korang tutor sebenarnya hari ini
nak tau ape die? 
hurmm..julia nak buat blog korang kemaslah..letak border pada post title korang
agar nampak neat..
jom mulakan..



1.log in-->dashboard-->design-->editHTML-->tick expand widget

2.search kod di bawah ni:

                                                       Simple template

h3.post-title, .comments h4 { 


                                                 kalau x jumpa,search yang ni:

 h3.post-title {

                                              kalau masih x jumpa,seacrh yang ni:

 h3.post-title, h4 {


denim template 

.post-title {


minima template 

.post h3 {

 3.copy kod dibawah ni dan pastekannya kat BAWAH kod yg korang cari tadi tuh:



margin: 10px;padding: 6px;font-size: 18px;font-color: #000000;text-align:right;background-image: url(URL BACKGROUND);border-top: 1px dashed #000000;border-bottom: 1px dashed #000000;border-right: 6px solid #000000;border-left: 6px solid #000000;text-shadow: 2px 1px 2px #FFFFFF;}

4.petunjuk:

warna coklat:korang adjust sikit size border korang
warna biru laut:adjust saiz font korang
warna kuning:warna font korang,ambil kod nya dekat HTML COLOR
warna purple:boleh tukar kedudukan post title sama ada >left>right>centre 
warna biru:masukkan url gambar korang
warna pink:jenis border korang
warna merah:kod warna border korang
warna hijau:shadow text color code.


5.da siap dan confident?>SAVE!!woohoo!

blockquote hover new


Annyeong...


annyeong haseyo
hari ni lagi julia nak teach tutor blockquote style baru
jenis hover punya,...

1.log in-->dashboard-->edithtml.


2.search kod ni:



.post blockquote {

3.copy kod ni dan pastekan kat BAWAH kod no.2 tadi:



.post blockquote {background:#FFC6C6;-webkit-transition-duration: 3s;padding: 12px;margin: 2px 2px;color: #ffffff;-webkit-border-radius: 10px;-moz-border-radius: 10px;}.post blockquote:hover {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcDdrXK-AJIA-mBCoK2K_Zj7NHAgGjb3ZZy9b88QEmImhgiQAa30tXDrUjjfZTb2mFHIrUn83gWI4FNO9C0QFbDA-sXCRGb7pC9GwOv8Bpvku94TwN12khZCveYcjLYnFjQVXffB6TW36v/s1600/pinkgrain.png);color: #000000;-webkit-transition: 3s;}

4.yang warna purple tuh,korang masukkan kod warna sebelum dihover
   
  yang warna merah tu,korang masukkan url gambar background setelah dihover


  URL background AMBIL DISINI

blockquote style 4


Annyeinghaseyo...


salam blogger
tutor hari ni ialah blockquote style 4
x tau,jomikut je step kat bawah ni

1.log in-->dashboard-->design-->editHTML

2.search kod ni:
.post blockquote {

3.copy kod kat bawah ni dan pastekan kat BAWAH kod tadi>>

background-image:url(URL IMAGE);JENIS BORDER (Kalau nak)border-left: 10px solid #ff708c;padding:5px;{

4. jom study:
warna biru:masukkan url image korang
warna kuning:kalau nak border tambahkan kat kurungan tuh,jenis border korang/kalau x nak buang je kod tuh
warna purple:tukar kedudukan border,ketebalan die dan kod warna border korang tuh
warna merah:jenis border korang


5.siap >SAVE

editing blockquote


Annyeong...


Salam buat semua
julia hari ni nak ajar korang 
the way of how to use blockquote
julia ade bagi banayk blockquote tapi
mesti ada dikalangnya x tahu cara menggunakanya
meh,julia ajarin!

1.log in-->dashboard-->design-->posting-->new post/edit post

2.korang tulis je apax2 yg nak diblockquotekan

3.kemudian ayat yg nak diblockquote tuh korang hihglightkan dulu>>>

4.kalau korang perasan!!nampak x kat atas box tulis korang tuh ade tulisan camni(")
ala-ala macam tulah,kalau x faham tengok kat bawah ni:

rotate blockquote


Annyeong....



Ayeee!
julia x nak banyak kata dan bicara
korang dah tahukan apa julia nak teach hari ni?
pasal blockquote rotate apabila kita halakan cursor
berkaitan dengan hover jugak!

1.log in-->dashboard-->design-->editHTML-->tick expand widget

2.search kod ni:cam biase:

.post blockquote {

3.korang copy kod dibawah ni dan pastekan kat BAWAH kod tadi dinombor 2

background: #FFFFFF;
border: 3px dotted #000000;
padding: 7px;
}

4.ok,dah pastekan,korang cari kod ni pulak,TAPI kalau x jumpa ,korang pastekan je kod kat bawah ni kat BAWAH kod dinombor 3:

.post blockquote.hover {


5.ok,sekarang,korang copy kod ni pulak dan pastekanya kat BAWAH kod tadi


background: url(URL BACKGROUND);
-webkit-border-radius: 36px 12px;-moz-border-radius: 36px / 12px;-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
}

jom study:
warna pink:masukkan kod warna korang
warna hijau:ketebalan border
warna kuning:jenis border:boleh tukar ikut citarasa korang

solid

dashed

dotted

warna merah:masukkan url image
warna purple:border die:boleh tukar
warna biru:kesengetan blockquote apabila dihover>>boleh adjust darjah die!!

**kalau x de masalah,atau error,boleh terus <<<SAVE>>>

blockquote style 3


Annyeong...


Annyoung haseyo!
hahah,korean lah kononnya!
oklah,hari ini julia nak teach korang blockquote style 3 pulak
jom ikut step dibawah ni:

1.log in-->dashboard-->design-->editHTML

2.search kod dibawah ni :
.post blockquote {

3.alright then,now you copy these code and pastekan kat BAWAH kod tadi:

background:url(URL BACKGROUND);
border-left: 4px solid #000000;
border-right: 4px solid #000000;
-webkit-transition-duration: 0.5s;
}
.post blockquote:hover {
background: url(URL BACKGROUND);
border-left: 4px solid #000000;
border-right: 4px solid #000000;
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-transform: skew(-1.deg,-1.5deg);
-webkit-transition: 0.5s;
}

4.ok,boleh ikut,now mari sini julia bagi sign !!

warna merah:masukkan url image,sebelum dan selepas dihoverkan
warna biru:masukkan kod warna bagi border korang
bold text:boleh tukar jenis border:

solid

dashed

dotted


5.da puas segalanya,>SAVE!