<data:blog.pageTitle/> */ body { margin: 0px 0px 0px 0px; background:#fff url("http://www.blogblog.com/dots/bg_dots.gif"); background-position: 50% 31px; text-align:center; font:x-small Verdana, Arial, Sans-serif; color:$textcolor; font-size/* */:/**/small; font-size: /**/small; } /* Page Structure ----------------------------------------------- */ #outer-wrapper { background:url("http://www.blogblog.com/dots/bg_3dots.gif") no-repeat 250px 50px; width:700px; margin:0 auto; text-align:$startSide; font:$bodyfont; } #header-wrapper { display: none; } #main-wrapper { width:450px; float:$endSide; padding:100px 0 20px; font-size:85%; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #main { background:url("http://www.blogblog.com/dots/bg_dots2.gif") -100px -100px; padding:20px 10px 15px; } #sidebar-wrapper { width:200px; float:$startSide; font-size:85%; padding-bottom:20px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { background:url("http://www.blogblog.com/dots/bg_dots2.gif") 150px -50px; padding:40px 10px 15px; width:200px; width/* */:/**/180px; width: /**/180px; } /* Title & Description ----------------------------------------------- */ .Header h1 { margin:0 0 .5em; line-height: 1.4em; font: $pagetitlefont; color: $pagetitle; } .Header h1 a { color:$pagetitle; text-decoration:none; } .Header .description { margin:0 0 1.75em; color: $blogDescriptionColor; font: $blogDescriptionFont; } /* Links ----------------------------------------------- */ a:link { color:$linkcolor; } a:visited { color:$vlinkcolor; } a:hover { color:$vlinkcolor; } a img { border-width:0; } /* Posts ----------------------------------------------- */ h2.date-header { margin:0 0 .75em; padding-bottom:.35em; border-bottom:1px dotted $borderColor; text-transform:uppercase; letter-spacing:.3em; color: $dateheadercolor; font: $dateHeaderFont; } .post { margin:0 0 2.5em; } .post h3 { margin:.25em 0; line-height: 1.4em; font: $headerfont; font-size: 130%; font-weight: bold; color:$posttitle; background:url("http://www.blogblog.com/dots/bg_post_title.gif") no-repeat $startSide .25em; padding:0 0 1px 45px; } .post h3 a { text-decoration:none; color: $posttitle; } .post h3 a:hover { color: $textcolor; } .post p { margin:0 0 .75em; line-height:1.6em; } .post-footer { margin:0; } .uncustomized-post-template .post-footer { text-align: $endSide; } .uncustomized-post-template .post-author, .uncustomized-post-template .post-timestamp { display: block; float: $startSide; margin-$endSide: 4px; text-align: $startSide; } .post-author, .post-timestamp { color:$posttitle; } a.comment-link { /* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat $startSide .25em; padding-$startSide:15px; } html>body a.comment-link { /* Respecified, for IE5/Mac's benefit */ background:url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat $startSide .25em; padding-$startSide:15px; } .post img { margin:0 0 5px 0; padding:4px; border:1px solid $borderColor; } .feed-links { clear: both; line-height: 2.5em; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } /* Comments ----------------------------------------------- */ #comments { margin:0; } #comments h4 { margin:0 0 10px; border-top:1px dotted $borderColor; padding-top:.5em; line-height: 1.4em; font: bold 110% Georgia,Serif; color:#333; } #comments-block { line-height:1.6em; } .comment-author { background:url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 2px .35em; margin:.5em 0 0; padding-top: 0; padding-bottom:0; padding-$startSide:20px; padding-$endSide:20px; font-weight:bold; } .comment-body { margin:0; padding-top: 0; padding-bottom:0; padding-$startSide:20px; padding-$endSide:20px; } .comment-body p { margin:0 0 .5em; } .comment-footer { margin:0 0 .5em; padding:0 0 .75em 20px; padding-top: 0; padding-bottom:.75em; padding-$startSide:20px; padding-$endSide:0; color:#996; } .comment-footer a:link { color:#996; } .deleted-comment { font-style:italic; color:gray; } /* More Sidebar Content ----------------------------------------------- */ .sidebar h2 { margin:2em 0 .75em; padding-bottom:.35em; border-bottom:1px dotted $borderColor; line-height: 1.4em; font-size: 95%; font: $headerfont; text-transform:uppercase; letter-spacing:.3em; color:$sidebartitle; } .sidebar p { margin:0 0 .75em; line-height:1.6em; } .sidebar ul { list-style:none; margin:.5em 0; padding:0 0px; } .sidebar .widget { margin: .5em 0 1em; padding: 0 0px; line-height: 1.5em; } .main .widget { padding-bottom: 1em; } .sidebar ul li { background:url("http://www.blogblog.com/dots/bullet.gif") no-repeat 3px .45em; margin:0; padding-top: 0; padding-bottom:5px; padding-$startSide:15px; padding-$endSide:0; } .sidebar p { margin:0 0 .6em; } /* Profile ----------------------------------------------- */ .profile-datablock { margin: 0 0 1em; } .profile-img { float: $startSide; margin-top: 0; margin-bottom:5px; margin-$startSide:0; margin-$endSide:8px; border: 4px solid #cc9; } .profile-data { margin: 0; line-height: 1.5em; } .profile-textblock { clear: $startSide; margin-$startSide: 0; } /* Footer ----------------------------------------------- */ #footer { clear:both; padding:15px 0 0; } #footer p { margin:0; } /* Page structure tweaks for layout editor wireframe */ body#layout #sidebar, body#layout #main, body#layout #main-wrapper, body#layout #outer-wrapper, body#layout #sidebar-wrapper { padding: 0; } body#layout #sidebar, body#layout #sidebar-wrapper { padding: 0; width: 240px; } ]]>

MjTurkey Birliği

MüzikBox Yapımı

Sitemize Müzik Box eklemek için benim kendi seçimimi sizlere anlatacağım :
1-Önce mp3 lerimizi yüklemek için 1 Gb alan ve aylık 5 Mb bantwith alan sahibi olabileceğimiz http://www.fileden.com sitesine giriyoruz ve burada register butonuna basarak kendimize ilk seçenekteki free olanı seçiyoruz

2-Seçimizden sonra karşımıza çıkan sayfadaki kullanıcı adı şifre gibi bizden istenilen bilgileri dolduruyoruz ve tamamı tıklıyoruz


3-Üyelik işlemimizi tamamladıktan sonra sayfaya login kısmındaki kullanıcı adı ve şifremizi yazarak giriş yapıyoruz
4-Yukarıdaki upload butonuna basarak kendi mp3lerimizi yüklüyoruz

5-Ana dosyada veya kendi oluşturacağımız yeni bir dosyada mp3lerimiz topluyoruz :

Böylece MP3lerimizi ücretsiz bir alana yüklemiş olduk.
Şimdi gelelim işin 2.kısmına :
1-Müzikbox ımızı yapılandıracağımız http://www.myflashfetish.com sitesine girip burada signup linkinden açıarkadasim sayfadaki bilgileri girerek siteye üye oluyoruz :

2-Ana sayfadaki login bilgilerini mail adresimiz ve şifremiz olarak girerek giriş yapıyoruz :

3-MP3 Players butonuna basarak bize sunulan flash mp3 playerlardan birini seçiyor ve create tıklıyoruz :

4-Açıarkadasim sayfada player için tercihlerimizi belirleyip aşağıdaki kutucuklara daha önceden fileden.com sitesine yüklediğimiz mp3 url lerini giriyoruz ve sağ kutucuklara da şarkıların isimlerini yazıyoruz :

5-Dilediğimiz sayıda mp3 adresini bu kutucuklara girerek mp3 listemizi oluşturuyoruz ve get code butonuna basarak sitemiz için gerekli olan kodaları istiyoruz :

6-Yeni sayfada oluşturulan kodları sağ tıklayarak kopyalıyoruz :

7-Daha sonra kendi sitemize giderek yeni sayfa oluşturdan kaynak kısmına tıklıyor ve kopyaladığımız kodları bu alana yapıştırıyoruz :

8-Ve Mutlu Sonnnnn.
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol