☞ Free i.D Dream ☜ แจกไอดีดรีม จากเว็บ Blogskins.com

ลำดับตอนที่ #8 : ••☞ID DRE@M☜•• iPod Touch (Music Again)

••☞iPod Touch (Music Again)☜••


อยากดูตัวอย่างคลิกลิงค์ข้างล่างเลยนะคะ (ขอบอกว่ามันเจ๋งโคตรๆ ><)
ถ้าจะทดลอง แนะนำให้ทดลองกับไอดีนะคะ ถ้าทดลองกับบทความมันจะไม่เกิดอะไรขึ้น














Preview it

ถ้าอยากนำไปใช้ ก๊อปโค้ดด้านล่างไปได้เลยค่ะ

<style type="text/css">.external, #module_right, .modulebg1, .left, .headtable, #header, #footer, #head_module_desc, #module_right .modulebg2, #module_left .modulebg2,#neck, .hr2, #head_module_name, .head2, .hr1  { display: none!important;}
.right {background: none; border: 0px!important; border: none!Important; position: absolute; top: 0px; left: 0px;} .modulebg2 {background: none;} .mainborder {border:none!important;}    </style>  <style type="text/css">

body { background: url('http://i274.photobucket.com/albums/jj252/nicoleaika/wood1.png') repeat fixed top left #f7e3cb; font-family: tahoma; font-size: 7.5pt; color: #ffffff; text-align:justify; cursor: default; }
a:link, a:visited, a:active { color: #ffffff; text-decoration: none; cursor: default; }
a:hover { color: #ffffff; background: #f96483; text-decoration: none; cursor: default; }
.header { color: #e1be8c; font-family: century gothic; font-size: 8pt; text-align: center; text-transform: lowercase; font-weight: bold; cursor: row-resize; }
.header2 { color: #f96483; font-family: century gothic; font-size: 8pt; text-align: center; text-transform: lowercase; font-weight: bold; cursor: row-resize; }
.header3 { color: #f9f019; font-family: century gothic; font-size: 8pt; text-align: center; text-transform: lowercase; font-weight: bold; cursor: row-resize; }
.header4 { color: #73b9f9; font-family: century gothic; font-size: 8pt; text-align: center; text-transform: lowercase; font-weight: bold; cursor: row-resize; }
b { color: #f96483; cursor: default; }
i { color: #f9f019; cursor: default; }
u { border-bottom: 2pt solid #73b9f9; cursor: default; }
s { color: #e1be8c; cursor: default; }
blockquote { font-family: century gothic; font-size: 7pt; color: #ffffff; text-transform: lowercase; cursor: default; }
blockquote:hover { background: #f96483; font-family: century gothic; font-size: 7pt; color: #ffffff; text-transform: lowercase; cursor: default; }
#navbar-iframe { display: none; }
 
</style>
<div style="position: absolute; top: 0px; left: 0px; background-color: transparent;"><img alt="" src="http://i274.photobucket.com/albums/jj252/nicoleaika/ipodclose.png" /></div>
<script>function changeNavigation1(id){document.getElementById('close').innerHTML=document.getElementById(id).innerHTML}</script> <script>function changeNavigation(id) {document.getElementById('open').innerHTML=document.getElementById(id).innerHTML}</script>
<div id="close" style="background: transparent none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
<div style="position: absolute; top: 502px; left: 468px;"><span style="cursor: all-scroll;" onClick="changeNavigation1('open')"
onmouseover="document.images['s0a'].src='http://i274.photobucket.com/albums/jj252/nicoleaika/blogopen.png' "
onmouseout="document.images['s0a'].src='http://i274.photobucket.com/albums/jj252/nicoleaika/blogopen.png' "> <img border="0" src="http://i274.photobucket.com/albums/jj252/nicoleaika/blogopen.png" name="s0a" alt="" /> </span></div>
</div>
<div id="open" style="display: none;">
<div style="position: absolute; top: 0px; left: 0px; background-color: transparent;"><img alt="" src="http://i274.photobucket.com/albums/jj252/nicoleaika/ipod.png" /></div>
<div style="position: absolute; top: 422px; left: 387px; background-color: transparent;"><span style="cursor: default;" onClick="document.getElementById('Navi').innerHTML=document.getElementById('Blog').innerHTML"
onmouseover="document.images['s1a'].src='http://i274.photobucket.com/albums/jj252/nicoleaika/ipoddiaryhover.png' "
onmouseout="document.images['s1a'].src='http://i274.photobucket.com/albums/jj252/nicoleaika/ipoddiary.png' "> <img border="0" src="http://i274.photobucket.com/albums/jj252/nicoleaika/ipoddiary.png" name="s1a" alt="" /> </span></div>
<div style="position: absolute; top: 418px; left: 445px; background-color: transparent;"><span style="cursor: default;" onClick="document.getElementById('Navi').innerHTML=document.getElementById('Profile').innerHTML"
onmouseover="document.images['s2a'].src='http://i274.photobucket.com/albums/jj252/nicoleaika/blogprofilehover.png' "
onmouseout="document.images['s2a'].src='http://i274.photobucket.com/albums/jj252/nicoleaika/blogprofile.png' "> <img border="0" src="http://i274.photobucket.com/albums/jj252/nicoleaika/blogprofile.png" name="s2a" alt="" /> </span></div>
<div style="position: absolute; top: 421px; left: 500px; background-color: transparent;"><span style="cursor: default;" onClick="document.getElementById('Navi').innerHTML=document.getElementById('Tag').innerHTML"
onmouseover="document.images['s3a'].src='http://i274.photobucket.com/albums/jj252/nicoleaika/blogchatboxhover.png' "
onmouseout="document.images['s3a'].src='http://i274.photobucket.com/albums/jj252/nicoleaika/blogchatbox.png' "> <img border="0" src="http://i274.photobucket.com/albums/jj252/nicoleaika/blogchatbox.png" name="s3a" alt="" /> </span></div>
<div style="position: absolute; top: 423px; left: 560px; background-color: transparent;"><span style="cursor: default;" onClick="document.getElementById('Navi').innerHTML=document.getElementById('Miscs').innerHTML"
onmouseover="document.images['s4a'].src='http://i274.photobucket.com/albums/jj252/nicoleaika/blogmiscshover.png' "
onmouseout="document.images['s4a'].src='http://i274.photobucket.com/albums/jj252/nicoleaika/blogmiscs.png' "> <img border="0" src="http://i274.photobucket.com/albums/jj252/nicoleaika/blogmiscs.png" name="s4a" alt="" /> </span></div>
<div id="Navi" style="padding: 3px; position: absolute; top: 120px; width: 240px; height: 289px; left: 373px; overflow-y: auto; overflow-x: hidden; background-color: transparent; text-align: justify;">
<div class="header">welcome</div>
<br />
Put here anything you want like a disclaimer, welcome message, anything. Even a counter.</div>
<div id="Blog" style="display: none;"><blogger>
<div class="header2"><blogdateheader>&lt;$BlogDateHeaderDate$&gt;</blogdateheader> @ &lt;$BlogItemDateTime$&gt; <blogitemcommentsenabled><a href="&lt;$BlogItemCommentCreate$&gt;">&lt;$BlogItemCommentFormOnClick$&gt;&gt;+</a></blogitemcommentsenabled></div>
<br />
&lt;$BlogItemBody$&gt; <br />
<br />
</blogger></div>
<div id="Profile" style="display: none;">
<div class="header3">profile</div>
<br />
Profile here.<br />
<b>bold</b> <i>italic</i> <u>underline</u> <s>strikethrough</s></div>
<div id="Tag" style="display: none;">
<div class="header4">chatbox</div>
<br />
chatbox code here! <b>max = width: 240px; height: 289px;</b></div>
<div id="Miscs" style="display: none;">
<div class="header2">runaways</div>
<br />
<a href="about:blank" target="_blank">links</a>, <a href="about:blank" target="_blank">links</a>, <a href="about:blank" target="_blank">links</a>, <a href="about:blank" target="_blank">links</a>, <a href="about:blank" target="_blank">links</a>     <br />
<br />
<div class="header3">archives</div>
<br />
<b>By Post:</b><br />
<bloggerpreviousitems>» <a class="ipod" href="&lt;$BlogItemPermalinkURL$&gt;">&lt;$BlogPreviousItemTitle$&gt;</a><br />
</bloggerpreviousitems> <br />
<b>By Month:</b><br />
<bloggerarchives>» <a class="ipod" href="&lt;$BlogArchiveURL$&gt;">&lt;$BlogArchiveName$&gt;</a><br />
</bloggerarchives> <br />
<br />
<div class="header4">credits</div>
<br />
designer: <a class="ipod" href="http://bustedandmcflyfan.blogspot.com">xo</a> <a class="ipod" href="http://blogskins.com/me/decayed_fairytale">xo</a><br />
codes: <a class="ipod" href="http://blogskins.com/me/dancing_sheep">xo</a> <a class="ipod" href="http://www.blogskins.com/info/267136">xo</a><br />
resources: <a class="ipod" href="http://fivepointsapart.blogspot.com/">xo</a> <a class="ipod" href="http://dafont.com">xo</a> <a class="ipod" href="http://www.adobe.com/products/photoshop/photoshop/">xo</a> <a class="ipod" href="http://www.kaskus.us/blog.php?b=7953">xo</a> <a class="ipod" href="http://www.brusheezy.com">xo</a></div>
</div>
edits by : Ferfeiteria code clean i.d by : Fantasier

แน่นอนว่าใส่โค้ดล้างไอดีไปให้แล้วค่ะ ^^
ใครที่ไม่เข้าใจอะไร สามารถไปถามฟิวส์ได้ที่ไอดีนะคะ








LI VI