Put Hidden Music ala Shafia

by - February 08, 2017

Hasil gambar untuk music tumblr
Langsung saja, kita ke pokok masalah dengan title di atyas. Put Hidden Music ala Shafia. Kali ini beda dengan hidden-music lainnya. Yuk, kalian coba. Hidden tutorial ini bagus untuk kalian yang pengen banget membuat pengunjung blog mendengarkan lagu yang kalian pasang. Oia, thank to Dea karena sudah request yaa

Steps for Designer/Denim
1. Go onto your blogger
2. Click Layout > Add Gadget
3. Choose HTML/JavaScript
4. Copy this code then paste on the column

<style type="text/css">
#side{
margin-right:0px;
width:110px;
overflow:hidden;}
#songs
{text-align:center;
height:150px;
padding:5px;
overflow:auto;
color:#363636;
background-color:#fff;}
#pictures
{margin-left:-230px;
hieght:150px;
overflow:hidden;-webkit-filter: grayscale(100%);
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;}
</style>
<table id="side" border="0" cellpadding="0" cellspacing="0" ><tr>
<td><div id="songs">
MUSIC & SONGS URL HERE</div>
</td>
<center><td><div id="pictures"><img style="width:200px;" src="PICTURE URL" /></div></td></center>
</tr></table></br>

5. Change your music URL on the bold text.
6. Click Save.

Steps for Blogskin/Classic
1. Go to your blogger account
2. Click Templates
3. Search </style> code
4. Copy this code and paste above that code you're searching

<style type="text/css">
#side{
margin-right:0px;
width:110px;
overflow:hidden;}
#songs
{text-align:center;
height:150px;
padding:5px;
overflow:auto;
color:#363636;
background-color:#fff;}
#pictures
{margin-left:-230px;
hieght:150px;
overflow:hidden;-webkit-filter: grayscale(100%);
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;}
</style>

5. Find where your sidebar's code
6. Then, copy this code and paste on that side

<table id="side" border="0" cellpadding="0" cellspacing="0" ><tr>
<td><div id="songs">
MUSIC & SONGS URL HERE</div>
</td>
<center><td><div id="pictures"><img style="width:200px;" src="PICTURE URL" /></div></td></center>
</tr></table></br>

7. Then click Save Template.

DONE. Don't repost this without premission.

You May Also Like

0 komentar