Wednesday, July 31, 2013

Senarai Peserta " I'm KING Of Followers "


こんにちは, 안녕하세요 , Assalamualaikum. 

Terima kasih kerana sudi sokong segmen ni and pada yang join bolehlah blogwalking n follow blog yang lain. Mungkin jumlah blogwalking anda meningkat dan anda akan menjadi pemenang yang Atin cari-cari :D


  1. http://3259thelittleboy.blogspot.com/2013/06/im-king-of-followers.html [24]
  2. http://darlieyana.blogspot.com/2013/07/im-king-of-followers.html [27]
  3. http://inlove-wanda.blogspot.com/2013/07/segmen-im-king-of-followers.html [18]
  4. http://akubudakcutez.blogspot.com/2013/07/im-king-of-followers.html [19]
  5. http://akudreamgirl.blogspot.com/2013/07/segmen-im-king-of-followers.html [25]
  6. http://cadburyhana94.blogspot.com/2013/07/im-king-of-followers.html [24]
  7. http://misekin.blogspot.com/2013/07/segmen-im-king-of-followers.html [29]
  8. http://cyanxkamo.blogspot.com/2013/07/im-king-of-followers.html [26]
  9. http://ninakaryana.blogspot.com/2013/06/segmen-im-king-of-followers.html [21]
  10. http://coratcoretsibudaktembam.blogspot.com/2013/07/im-king-of-followers.html [21]
  11. http://princessnuruld.blogspot.com/2013/07/im-king-of-followers.html [24]
  12. http://sweet7cupcakes.blogspot.com/2013/07/im-king-of-followers.html [20]
  13. http://kisahnadiah.blogspot.com/2013/07/segmen-im-king-of-followers-by-atin-tory.html [24]
  14. http://aryshasuju.blogspot.com/2013/07/segmen-im-king-of-followers.html [20]
  15. http://nursamirabalqiss.blogspot.com/2013/07/im-king-of-followers.html [20]
  16. http://ourmemoria.blogspot.com/2013/07/segmen-im-king-of-followers.html [DELETE]
  17. http://www.cikfie.com/2013/07/segmen-im-king-of-followers.html [21]
  18. http://lianasulaiman96.blogspot.com/2013/07/segmen-im-king-of-followers.html [26]
  19. http://iqwa-niera.blogspot.com/2013/07/im-king-of-followers.html [20]
  20. http://invisible-izzy.blogspot.com/2013/07/im-king-of-followers.html [21]
  21. http://umikasum.blogspot.com/2013/07/im-king-of-followers.html [25]
  22. http://engkumuzahadin.blogspot.com/2013/07/im-king-of-followers.html [21]
  23. http://madamoiselleayuslittletalks.blogspot.com/2013/07/segmen-im-king-of-followers.html [23]
  24. http://oppurtunityknocksbutonce.blogspot.com/2013/07/im-king-of-followers.html [11]
  25. http://arnilala.blogspot.com/2013/07/im-king-of-followers.html [13]
  26. http://yayaomeyy.blogspot.com/2013/07/im-king-of-followers.html [19
  27. http://jmbelog.blogspot.com/2013/07/segmen-im-king-of-followers.html [17]
  28. http://intannursyafiqah.blogspot.com/2013/07/segmen-im-king-of-followers.html [17]
  29. http://duniakita1994.blogspot.com/2013/07/segmen-im-king-of-followers.html [16]
  30. http://blonde-gals.blogspot.com/2013/07/im-king-of-followers.html [14]
  31. http://arrienlove.blogspot.com/2013/07/im-king-of-followers.html [17]
  32. http://www.ziechy99.blogspot.com/2013/07/segmen-im-king-of-followers.html [13]
  33. http://jasminejiffry.blogspot.com/2013/07/im-king-of-followers_2.html [16]
  34. http://niechy26.blogspot.com/2013/07/segmen-im-king-of-followers.html [17]
  35. http://pwincesstowy.blogspot.com/2013/07/segmen-im-king-of-followers.html [15]
  36. http://archiehusna.blogspot.com/2013/07/segmen-im-king-of-followers.html [9]
  37. http://mylife-leogurl94.blogspot.com/2013/07/im-king-of-followers.html [20]
  38. http://nurulaunisyafikha96.blogspot.com/2013/07/segmen-im-king-of-followers.html [CO]
  39. http://adla-zainal.blogspot.com/2013/07/im-king-of-followers.html [22]
  40. http://justpinkdiary.blogspot.com/2013/07/im-king-of-followers.html [11]
  41. http://nenektanjung.blogspot.com/2013/07/segmen-im-king-of-followers.html [9]
  42. http://admire19.blogspot.com/2013/07/im-king-of-followers.html [11]
  43. http://irahsecret.blogspot.com/2013/07/im-king-of-followers.html [10]
  44. http://balqis-sarah.blogspot.com/2013/07/segmen-im-king-of-followers.html [8]
  45. http://thisisourlove-story.blogspot.com/2013/07/blog-post_5359.html [7]
  46. http://secretdiaryofmizaaina.blogspot.com/2013/07/segmen-im-king-of-followers.html [CO]
  47. http://mrrightonblog.blogspot.com/2013/07/im-king-of-followers.html [6]
  48. http://nurizzah1811.blogspot.com/2013/07/segmen-im-king-of-followers.html [2]
  49. http://mrsteddybearlover.blogspot.com/2013/07/im-king-of-followers.html [9]
  50. http://t-aran4.blogspot.com/2013/07/im-king-of-followers.html [8]
  51. http://ciknursyaza.blogspot.com/2013/07/im-king-of-followers.html [8]
  52. http://nuraini94.blogspot.com/2013/07/im-king-og-followers.html [8]
  53. http://nurdiyanayanastory.blogspot.com/2013/07/im-king-of-folowers.html [7]
  54. http://chocollyheart.blogspot.com/2013/07/im-king-of-followers.html [7]



SEGMEN TAMAT 31 JULY


Segmen " I'm KING Of Followers "



SEGMEN TAMAT


こんにちは, 안녕하세요 , Assalamualaikum.

Segmen ini dilancarkan oleh AtinVIP sendiri . Dimaklumkan bahawasanya segmen ini sudah pun bermula pada 1 Julai dan berakhir pada 31 Julai 2013 . Tujuan AtinVIP melancarkan segmen ini, bagi memudahkan kita semua beramah mesra bersama blogger-blogger lain yang mungkin kita tidak kenali tetapi ingin membaca kisah/diary kehidupan mereka.

Segmen ini juga dibuat kerana ingin melihat sejauh mana kerajinan kita untuk melawat/blogwalking blogger-blogger lain . Oleh kerana itu , AtinVIP akan menaikkan pangkat anda sebagai " I'm KING Of Followers " kerana anda telah melaksanakan kewajipan anda sebagai blogger.

Jika itu yang anda mahukan menjadi 'KING of follower' . Jom sertai segmen yang AtinVIP lancarkan.


Syarat-syaratnya :

1.  Warganegara Malaysia.
2.  Wajib follow blog AtinVIP , Atiqah , Intan. dan LIKE fanpage di bawah ini : 
     
3.  Buat entry bertajuk Segmen " I'm KING Of Followers "
4.  Copy coding entry yang telah disediakan dan paste kan ke dalam ruangan HTML dan Publish entry.
5.  Tinggalkan URL entry anda ke dalam ruangan komen entry ini.


Pemilihan pemenang dan jenis hadiah: 

1. Melihat jumlah follow blogwalking comment yang paling tertinggi akan memenangi topup RM20
2. Pemenang tempat ke-2 dan 3 akan menangi topup RM10.
3. Manakala tempat ke-4 dan 5 akan menangi topup RM5.
4. 2 pemenang saguhati akan dapat header percuma.
5. 8 pemenang saguhati akan dapat cursor percuma.
6. 5 pemenang saguhati , blognya akan direview.

*Jumlah kesemua pendapatan adalah 20. AtinVIP ingin mencari seramai 20 pemenang bertuah.

Coding entry :

Cara nak paste coding entry :
Click for preview


Senarai Peserta " I'm KING Of Followers "

#___# Takkan tengok je? Jomlah Join!!!

Tuesday, July 30, 2013

Tutorial : Put Exchange Link Box

Rilakkuma Forever <3

こんにちは, 안녕하세요 , Assalamualaikum. 

Macam biasa lah , ada orang req macam mana nak taruk yang link exchange box .

Example :

  • Copy code bawah ni dan paste atas exchange link korang k

<center>
<b>NAME</b> :
 <input type="text" size="11" value="YOUR EXC NAME"
style="width:180px;font:11px trebuchet ms;color:#666;
border:1px  solid #eee;margin-right:6px;background-color:#ffffff;padding:2px;
padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
<br>
<b>URL</b> :
<input type="text" size="11" value="http://.blogspot.com/"
style="width:180px;font:11px trebuchet ms;color:#666;
border:1px solid #eee;background-color:#ffffff;padding:2px;
padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
</center>

merah : exc name
oren : link blog

Saturday, July 27, 2013

Tutorial : Text Shadow Outer

sanx | Tumblr

こんにちは, 안녕하세요 , Assalamualaikum. 

Bosanye la hari ni ye.. Atin nak buat tutor ni, biasalah tengah rajin ni hihi. ok la untuk tutor ni atin akan ajar korang buat text shadow kat luar contoh boleh tengok bawah ni . peringatan. tutor ni hanya boleh pakai bila belakang tu ada background tau.. klo putih x nampak la hihi

|Preview|

 Copy code bawah ni
text-shadow: -1px 0 white, 0 1px white,1px 0 white, 0 -1px white;
 Paste kat mana bawah code font

Example :


Simple Segment by Fatin Diana


KLIK BANNER FOR JOIN

Button badge
No. 3

Mega Top Up Giveaway by Arni dan Madihah

こんにちは, 안녕하세요 , Assalamualaikum.

KLIK BANNER UNTUK JOIN !!


Giveaway ini dianjurkan oleh Arni dan Madihah dan disponsor oleh Aina Hanani , Nur Rahimah , Amyma , Shuhada , Anis Amira

Senarai hadiah yang awesome !

Top up 10 x1 = Amyma
Top up 10 x2 = Aina
Top up 5  x4 = Rahimah
Top up 5  x4 = Shuhada
Top up 10 x2 = Anis
Top up 10 x1 = Arni

Top up 5 x x5 = Madihah

Jumlah = Top up 10 x6 dan Top up  5  x13

Jom meriahkan giveaway ini ! :D

Segmen Simple Giler By Anis

こんにちは, 안녕하세요 , Assalamualaikum.

KLIK BANNER

Tarikh : 25.07.2013 - 24.08.2013

Segmen simple giler dianjurkan oleh www.anisforeveralone.com dan disponsor oleh LS DESIGN , Atie Atiqah , Nasha Ridzuan , Najihah , Norhaziqah , Chocolate AM & The great Little Summer


Segmen ni simple je , Hanya follow , Like , Share & Menang hadiah menarik . 
Jom join :)

28 Hadiah menanti korang !!

Saturday, July 20, 2013

Photoshop : Flower Frames Pada Photo


こんにちは, 안녕하세요 , Assalamualaikum. 

Atin tak nak cakap banyak dah . So atin nak jelas sikit je . Atin dah lama tak bagi tutor photoshop ni , jadi atin ajar korang cara nak taruk Flower Frames kat photo korang . nak ikut cara atin boleh , nak ikut kretiviti korang un boleh . So jom la mule.


1. Mula2 , download Flower Frames dulu .


Terus extract sekali k

2. Then open photoshop korang , dan terus pergi ke Home > Open > pilih photo korang sendiri


ok  korang pergi kat tepi layer tu yang Background tu korang right click dan pilih Duplicate Layer.


3. Lepas tu, korang tengok bwh tu , click new layer . contoh bawah ni



4. Next , pergi kat Home > Open > pilih satu Flower Frames > open


5. Lepas dah pilih , korang tarik frames tu sampai kat photo. Boleh tengok contoh bawah ni


6. Sorry frame tu besau sikit hihi . Korang kene ejas sampai kat photo tu . tengok hasil atin ejas jadi kecik .


7. Dah ejas? then pergi layer tepi tu , korang pergi kat Background tu korang right click dan pilih Delete Layer.


8. Dah dapat Background copy tu, korang tarik , nanti layer 1 kat bawah sekali . Tak faham tengok contoh bawah ni


9. Tempat yang sama , korang right click dan pilih merge visible.


Ok Done. Hasilnya kat bawah ni . Kalau nak hias ape2 lagi boleh la





Whoopers Giveway Sponsored By Darla Carolina


こんにちは, 안녕하세요 , Assalamualaikum. 
KLIK BANNER UNTUK JOIN GA!


Blog: http://fatinhalid.blogspot.com/
Facebook: https://www.facebook.com/atin.bigbang


WAJIB STRIKETHROUGH

SAYA [ ADALAH / BUKAN ] AHLI #WhoopersFamily



Ok done but sorry twitter atin rosak so atin x dapat nak bagi link sob2 :( 


Friday, July 19, 2013

Tutorial : Click On The Board

Tumblr | via Tumblr

こんにちは, 안녕하세요 , Assalamualaikum.

Hari ni , Atin nak share kat korang tutor kali ni . Masa atin blogwalking atin tersinggah blog mira . Ada tutor menarik perhatian ku hihi.. Tutor ni, bile klik je nanti akan keluar la rulesnye dari atas. macam tu la lebih kurang huhu.  Ok lah atin nak bagi tutornye huhu.. boleh tengok contoh bawah ni.



| LIVE PREVIEW |

  • Blogskins/ Classic template : Paste bawah code </style>
  • Simple/Designer Template : Paste dalam Add a Gadget > HTML/JavaScript
<style type="text/css">
#at{
position:fixed;
right:350px;
z-index:+1000;
top:6;
}
* html #at{position:relative;}
.attab{
height:500px;
width:30px;
float:right;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
background:url(http://i.imgur.com/l9R9RO3.png)
no-repeat 0 0 transparent;
width:800px;
height:700px;center scroll ;
padding:56px 0 20px 5px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url() no-repeat;">
<center><div id="author">
<a href="javascript:void(0);" onclick="showHideAT()">
</a></div></center></div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-500-at.offsetWidth).toString() + "px";
</script>
<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;F
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:100px; right:5px;'>
<a href="javascript:void(0);"onclick="showHideAT()"/>
<img src="http://i.imgur.com/NpWHr1W.gif"
alt="PUSH" title="KLIK ME" /></a>
</div></div></div></div>

oren : jarak hover drop down
merah : image 



credit by cik mira

Wednesday, July 17, 2013

Tutorial : Navigate Box #2

Tumblr

こんにちは, 안녕하세요 , Assalamualaikum. 
Selamat kembali ke tutor hehe . macam biasalah benda lama je , lambat nak up[date je hihi. Atin tau ada yang dah pandai buat navigate ni, atin je yang terhegeh-hegeh baru nak ajar LOL :( . Ok la tak nak buang masa lagi atin nak bagi navigate box kali ke-2. die lebih kurang sama dengan tutor yang INI . So korang pilih la tapi...!!!!

| LIVE PREVIEW |

DESIGN/SIMPLE TEMPLATE ONLY
        
 Dashboard > Template > Edit Html 
 Tekan Ctrl + f serentak dan cari code  ]]></b:skin> 
 Copy code di bawah ni

ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 31px; /*--Vertically aligns the text within the tab--*/
border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
}
ul.tabs li a {
font-weight: bold;
color: #000;
display: block;
font-size: 10px;
padding: 0 20px;
border: 2px solid #FFF; /*--Gives the bevel look with a 1px white border inside the list item--*/
outline: none;
}
ul.tabs li a:hover {
background: #e1c9f3;
}
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: #e1c9f3;
border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
overflow: hidden;
clear: both;
float: left; width: 98%;
background:#ffffff;
 background-attachment:fixed;
}
.tab_content {
padding: 2px;
height :260px;
}

 Paste di atas code  ]]></b:skin> tadi.

 Then, Ctrl + f serentak dan cari code  </head>
 Copy code di bawah ni
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
<script>
$(document).ready(function() {
$(&quot;.tab_content&quot;).hide(); //Hide all content
$(&quot;ul.tabs li:first&quot;).addClass(&quot;active&quot;).show(); //Activate first tab
$(&quot;.tab_content:first&quot;).show(); //Show first tab content
//On Click Event
$(&quot;ul.tabs li&quot;).click(function() {
$(&quot;ul.tabs li&quot;).removeClass(&quot;active&quot;); //Remove any &quot;active&quot; class
$(this).addClass(&quot;active&quot;); //Add &quot;active&quot; class to selected tab
$(&quot;.tab_content&quot;).hide(); //Hide all tab content
var activeTab = $(this).find(&quot;a&quot;).attr(&quot;href&quot;); //Find the href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});
});</script>
 Paste di atas code </head> tadi. Save.

 Next, Dashboard > Layout > Add Gadget > HTML/JavaScript
 Copy code di bawah ni
<ul class="tabs">
<li><a href="#tab1">TITLE</a></li>
<li><a href="#tab2">TITLE</a></li>
<li><a href="#tab3">TITLE</a></li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
Tab 1 Put what?</div>
<div id="tab2" class="tab_content">
Tab 2 Put what?</div>
<div id="tab3" class="tab_content">
Tab 3 Put what?</div>
</div>
- Preview & save.



oren : color type
merah : background border
ungu : tajuk contain
hijau : letak lah apa2


Sunday, July 14, 2013

Tutorial : List With Icon Hover

Late Night Discoveries | via Tumblr

こんにちは, 안녕하세요 , Assalamualaikum. 
Maaf ye pada yang req tuto ni. Atin punye komputer problem so tak dapat nk buat huhu. Ok untuk hari ni atin akan bagi korang tutor list yang ada icon punye. Ala macam atin penah pakai kan? hihi.. untuk yang ini atin punye lain kot dari tutor2 , sebab yang ini die terus sambung sebelah bulan ke bawah so jgn kompius k. hihi.Hover die akan tukar icon .

CLICK TO PREVIEW

 Copy code di bawah ni
<style>
a.chan {
background:url(URL ICON);
background-repeat:no-repeat;
background-size:12px;
padding-left:19px;
color:#666;
display:inline-block;
font: 12px arial;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width:280px;
line-height:18px;
}
a.chan:hover{
background:url(URL ICON);
background-repeat:no-repeat;
background-size:12px;
color: #000;
}
</style>
<a class="chan" href="LINK HERE">Tutorial</a>
<a class="chan" href="LINK HERE">Tutorial</a>
<a class="chan" href="LINK HERE">Tutorial</a>
<a class="chan" href="LINK HERE">Tutorial</a>
<a class="chan" href="LINK HERE">Tutorial</a>
<a class="chan" href="LINK HERE">Tutorial</a>

 Paste dekat mana-mana korang nak
 Preview & Save

oren : URL icon
merah : link web
ungu : tittle list





Giveaway Ramadhan By Nabila Medan



GIVEAWAY RAMADHAN BY NABILAMEDAN
TEKAN BANNER UNTUK SERTAI
こんにちは, 안녕하세요 , Assalamualaikum. Giveaway ini dianjurkan oleh NabilaMedan dan turut dibantu oleh Chocolate A MJOM Singgah Shoppe, SiGadis Yuyu, Ash SiKutu, Puteri Elaika, Fya Pelangi dan Farhan.
Hadiah-Hadiah Giveaway ini Chocolate Oreo X 1 ,Tasbih Digital X 5, RM10 *cash* X 10, Tafsir Al-Quran (Terjemahan Melayu) X 1, Tudung Bawal X 3, Special Kad Raya + Duit Raya X 4, Kad Raya Special By NM X 5, Barangan Angry Birds X 1
30 PEMENANG DICARI. MUNGKINKAH ANDA?