Segmen : Be Nakahime Bloglist.



Assalamualaikumwarahmatullahiwabarokatu.
Hai awak yang sedang membaca.
Hari ni Yura nak bagitau ,Yura nak buat bloglist.
Pada hari Isnin minggu hadapan, blog akan ditutup sementara untuk salinan kulit blog yang baru.

Ok, jika anda berminat untuk jadi bloglist Yura, ikut je syarat berikut :

  • Follow Blog  (jika belum)
  • Buat entry bertajuk "Segmen: Be Nakahime Bloglist"
  • Letakkan sekali banner dekat atas tu ye.
  • Jawab 2 soalan ini :
-Apakah kelebihan blog awak?
- Apakah kelebihan blog Nakahime?
  • Tingglkan link entry anda di kotak komen.
Segmen berakhir ahad ini.
Berapa orang yang akan dipilih? Ikut sambutan segmen ini.
Macam mana nak jawab soalan?Jawab soalan tak perlulah sampai panjang sangat.
Cukuplah sekadar ikhlas dari hati.
Yura tak nak mendera pun.
Berapa lama akan di-Bloglistkan?Sampai Hari Raya Aidilfitri nanti.
Haha, Yura tak buat lawak ni.
Sebab tu Yura perlukan jawapan yang betul2 ikhlas.
Ok, Ganbate~




SEGMEN INI TELAH PUN TAMAT. 
TERIMA KASIH KEPADA YANG SUDI JOIN SEGMEN BLOGLIST INI.


My Special Menu Hover

Assalamualaikumwarahmatullah.
Wah dah lame rasenya nak buat tuto, tapi tak buat2 jugak.

Yura nak terima kasih banyak banyak banyak banyak kepada yang ucapkan tahniah tu.
Yura tak tahu nak cakap mcm mane. So sebagai penghargaan bagi yang komen entry lepas,
Yura nak buat tuto special untuk mereka dan anda yang sedang membaca.
















Pergh Yura rase, dalam banyak-banyak tuto, tuto nilah paling memenatkan sekali.
Makan masa 3 hari nak susun menda ni.
Tapi tak pelah, Yura nak share jugak.
Harap awak sudi tinggalkan sebarang komen untuk tuto ni.

\(^.^)/

Midnight Effect (Ps)


Assalamualaikum, hari ni Yura nak buat tutorial bagi Photoshop.
Disebabkan tutorial ni senang bebeno,tak salahkan kalau nak berkongsi.

Kepada yang masih tak ada Photoshop, boleh lah download di sini.
Pastikan tenet anda laju huhu


  • Mula-mula, tekan Ctrl dan O secara serentak. Atau File>Open > Ambil gambar yang anda nak edit 

  • Lepastu tekan Rectangle Tool ataupun tekan aje huruf U. Pastikan color yang digunakan adalah 2e2e2e


  • Lepas itu , korang lukislah petak pada gambar, tapi jangan lukis penuh ye.Sampai jadi cenggini.


  • Okay last sekali, tengok kat tepi tu, change mood dia kepada overlay 


  • Siap. Untuk save , tekan Ctrl + Alt + S secara serentak. Guna format PNG.



Jom Release Stress.



Assalamualaikum, hari ni K I V jap daripada buat tuto.
Apa kate kita release Stress tengok gambar-gambar yang Yura nak share ni. 
Jom!

 Cellphone War!



Haha yang kat belakang tu , ape ke de hal?! XD



Tektik atau kebetulan tu ..hihi





Haha, bagus bagus. Ikut aku.. haha





Wahh smart gile dia edit!



Ini padahnya kalau terlalu yakin.



"stop.. control yourself...."






Haha sian die ^^




Haha sanggup!


Haha ok cukup le tu. Dalam pada bergelak-galok. Jom kite renung gambar ni.
Kenapa pentingnya menunudukkan pandangan.



Ok sekian sahaja. Yura alu-alukan komen, kalau nak komen. Terima kasih.
Assalamualaikum.

#Pray For Sabah.

Inverted Image Hover


Assalamualaikum . Alhamdulillah. Hari ni dapat jugak buat tuto.
Setelah berhempas pulas mencuba akhirnya dapat jugak.
Ok, untuk image hover kali ni. Bila korang sentuh image, image tu jadi terbalik.
Cuba hoverkan cursor anda kepad gambar di ats ye . Sentuh lama-lama sikit.
Selalunya effect ni ada kat blogskin, tapi Yura buatkan effect ni khas untuk yang tak guna blogskin tu ^^
  • Dashboard > Template > Edit Html > Click icon yang mcm ►> Ctrl+F  (Pastikan anda click dlm box html dulu sebelum tekan Ctrl+F ) > masukkan code dibawah dan ENTER
a:visited {

  • Copy (Ctrl + C) code di bawah 
a img {
position: relative; 
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear; 
border-radius: 10px;
}
 img:hover {
-moz-transform: scale(-1) translateX(0px);
 -webkit-transform: scale(-1) translateX(0px); 
-o-transform: scale(-1) translateX(0px);
 -ms-transform: scale(-1) translateX(0px); 
transform: scale(-1) translateX(0px); z-index:2; 
opacity: 1.0 !important; 
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
}
  • Paste kan (Ctlr+V) code atas tadi di ATAS code yang a:visited { tadi
  • Dan preview. Kalau tak jadi apa2 dan takde ERROR boleh lah SAVE !
  • Kalau jadi atau tak jadi bagi tau ye, mungkin Yura boleh perbaiki code yang salah :)

Oh Tidak !!!!


Assalamualaikum dan salam Sabtu. 
Isk isk maaflah. Hari ni Yura ingat nak buat tuto tapi kan ..tapi.... entah kenapa.
Laptop ku ... waghhh. Skrin dia rosak secara tetiba.
Dah macam mikroskop . Mane tak nya ,keluar gambar ala2 bakteria. 

inilah dia bakteria yang tiba-tiba muncul di skin laptop ku.

Lepas tu , Yura bagi tau la kat ayah. 
Ayah dengan yakinnya mengambil monitor pastu dicocoknya cable dari monitor tu ke laptop ku.
Haha.. bijak sungguh ayahku. Tapi kan nampak awkward gile. 
Acano den nak guno kalo dah ghupe ini?


Beginilah jadinya.  

Oleh yang demikian ,Yura mungkin tak dpt nak buat tuto buat sementara sbb susah nak buat tuto dlm keadaan camni. Doakan lah Yura dapat buat tuto lagi untuk korang. 

Tapi jangan risau.. yang tanye Yura kat twitter tu Yura kan jawab. Insya Allah ^^


Vertical Navigation Style


PARADISE

Hari ni 2 post dalam sehari. Haha tamak sungguh.
Ok cuba tengok sebelah kiri tu ada navigation yang panjang .

Ok ,navigation ni memang sesuai untuk blog yang ade banyak page. So, letak kat tepi aje . Tak yah nak susah-susah scroll ke atas kan ^^

Ok lets begin!

  • Dashboard > Layout >Add Gadget > HTML/JavaScript 
  • Copy semua code dibawah ye :
<link href="http://fonts.googleapis.com/css?family=Short+Stack" rel="stylesheet" type="text/css"></link>
<style>
#nave { display: inline-block; background-color: #fafafa; text-transform: lowercase; padding: 2px 3px; color: #858382; letter-spacing: 2px;  width: 59px;  margin: 5px; margin-left: 1px; height:15px;text-align: center;font-family: short stack; font-size: 10px; }
#nave a{ display: inline-block;font-family: short stack; font-size: 10px;  padding: 2px 5px; color: #000; letter-spacing: 3px; margin-bottom: 2px;text-decoration:none;}
#nave a:hover{ display: inline-block;font-family: short stack; font-size: 10px;  padding: 2px 5px; color: #fff; letter-spacing: 3px; margin-bottom: 2px;}
#nave:hover {background-color: #BAB8B6; color: #000; -webkit-transition-duration: .90s; -moz-transition-duration: .90s; transition-duration: .90s;-webkit-transform:rotate(360deg);border-radius: 30px;}
</style>
<br />
<div style="background: url(http://static.tumblr.com/bc7znss/XIMm1x07w/tumblr_ls0w5txuft1r3vazto12_r1_100.png); height: 100%; left: 10px; position: fixed; top: 10px; width: 75px;">
</div>
<div style="color: white; left: 15px; position: fixed; text-align: center; top: 60px;">

Ayat Korang</div>

<div style="left: 15px; padding-top: 10px; position: fixed; top: 118px; width: 55px;">
<center>
<div id="nave"><a href="LINK">Home</a></div>
<div id="nave"><a  href="LINK">About</a></div>
<div id="nave"><a href="LINK">Ask</a></div>
<div id="nave"><a href="LINK">tuto</a></div>
<div id="nave"><a   href="LINK">Fb</a></div>
<div id="nave"><a   href="LINK">Twtr</a></div>
<div id="nave"><a   href="LINK">Instg</a></div>
<div id="nave"><a   href="LINK">FS</a></div>
<div id="nave"><a   href="LINK">Follow</a></div>
<div id="nave"><a   href="LINK">Dash</a></div>
</center></div>

  • Warna oren : Warna background
  • Warna hijau : Warna font
  • Warna hitam : Tukar ikut suka anda
  • Warna purple : Background url. Boleh dpt kan di Freebies saye ^^
  • Ok, lepas dah ubah semua. Boleh lah save dan view blog .
  • Jangan lupa komen ye ,kalau jadi. ^^

Masalah Pisahkan Header



Assalamualikum, ok hari ni Yura nak jawab persoalan Eiqa.


Ok, Yura tak tau eiqa pakai template ape, sbb Eiqa tak tinggalkan link kat cbox. 
Selalunya masalah pisahkan header ni jadi kat Simple Template

So, kalau Eiqa dah try sampai semua tutorial tapi tak jadi, Yura suggest kan Eiqa tukar template.
Tukar kan kepada Denim Template, sbb dulu Yura pun ade masalah macam Eiqa jugak.

Memandangkan Denim Template dah tak de kat dalam blogger, so Eiqa copy semua code yang Yura letak kat // sini //

Ganbatte ne!

p/s : Yura nak pesan, kalau nak request any tuto, tanye dekat twitter ye sbb kekadang Yura tak perasan ade orang tanye kat cbox .Ini pun nasib baik Yura perasan. :)

Social Network Icon : Sketch Style


        

 u guys are so handsome  >////<

Assalamualaikum and Pray For Sabah. 
Hari ni nak share icon yang jenis sketch. Saiznya besar sikit ,so kalau nak kecil  kan boleh rujuk tutorial ini.

Untuk dapat kan url : Right click  dekat gambar yang anda nak > Copy image URL















<a href="LINK HERE"><img src="IMAGE URL HERE"></a>

Tinggalkanlah komen ye kalau ambil. Oh terjah jugak version Drink Container kat sini 

Tak tahu macam mana nak guna? Pergi ke tuto ini

Gambar Leaving Effect



Assalamualaikum, hari ni nak buat image hover baru.
Betapa takleh bla nya tajuk effect ni "Leaving Effect". 
Haha.. letak gambar kenangan Sasuke bersama abangnya .

Sasuke : Brother ,teach me how to be strong like you.
Itachi : Sorry Sasuke, maybe next time *touch Sasuke's forehead*

Ok , cuba hover kan cursor anda ke gambar di atas. So ,camtulah Leaving Effect. Kalau nak cuba ,jom lah try tuto ni :)


  • Dashboard > Template > Edit Html > Click Nombor 12 atau 13 > Ctrl+F  (Pastikan anda click dlm box dulu sebelum tekan Ctrl+F ) > masukkan code dibawah dan ENTER
a:visited {

  • Copy (Ctrl + C) code di bawah 
a img {


margin-bottom: 3px;
margin-right: 1px;
border-radius: 0px;
transition-duration: 40s;
 -webkit-transition-duration: .40s;
}
img:hover {


box-shadow: 9px 10px 10px #b0b0b0;
 margin-left: -10px;
margin-right: 11px;
margin-bottom: 16px;
 margin-top: -13px;
}

  • Paste kan (Ctlr+V) code atas tadi di ATAS code yang a:visited { tadi
  • Dan preview. Kalau tak jadi apa2 dan takde ERROR boleh lah SAVE !

Icon : Cute Cursor (s)




Assalamualaikun. Konnichiwa! Ok tak lukisan ni? Haha,ok lupakan. 
So today, Yura nak share cursor yang comel kepada korang. Hopefully , leave ur comment after take it ^^


<style type="text/css">body
{cursor:url("URL IMEJ CURSOR ANDA"),default}
</style>





















Tekan gambar untuk dapatkan URL Cursor ye ^^