Cara Membuat Breadcrumb Melayang di Blog

Khairul Abdal- Selamat Datang Di blog tercinta anda,Blog ini sedang mempunyai artikel yang menarik dan lain lain.kabar anda gimana? pasti sehat kan...anda pasti senang mendapatkan artikel ini

1. Login ke account blogger
2. Klik Rancangan
3.  Edit HTML
4. Silahkan letak kode css berikut ini diatas kode ]]></b:skin>

.breadcrumbs{font-size:13px;position: fixed;
z-index:999998;
top: 0;
left: 0;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGurdwDgJgI73ZJuwmjcqWqiQHHxWquPj-Twm3aqyNfYUyScr4ky10BxNqzzq9E3FRDYyAbuRYKB5GNyqJU43W1Sc-KY1BJiq642ezbhkOfvLwXq_Z7l5m49HAbt9K8nfIkKaHbCnJa6Zu/s1600/forbilam_recent.png") repeat scroll 0 0 transparent;
width: 98%;
color: #FFFFFF;
height: 22px;
padding: 5px 1% 0;
-webkit-box-shadow: 0 0 7px #000;
-moz-box-shadow: 0 0 7px #000;
box-shadow: 0 0 7px #000;}
@keyframes myfirst
{
from{opacity:0;}
to{opacity:10;}
}
@-moz-keyframes myfirst
{
from{opacity:0;}
to{opacity:10;}
}
@-webkit-keyframes myfirst
{
from{opacity:0;}
to{opacity:10;}
}
@keyframes
{
from{transform:translate(0px, 9000px)}
to{transform:translate(0px, 0px)}
}
@-moz-keyframes
{
from{-moz-transform:translate(0px, 9000px)}
to{-moz-transform:translate(0px, 0px)}
}
@-webkit-keyframes
{
from{-webkit-transform:translate(0px, 9000px)}
to{-webkit-transform:translate(0px, 0px)}
}

4. Lalu save tamplates.

source:http://shift-7.blogspot.com/2012/06/membuat-breadcrumb-melayang.html

   Senang telah berbagi informasi dan ilmu kepada kawan dan semuanya... Terima kasih telah berkunjung hari ini,untuk membaca sebuah Artikel yang tiada artinya Wassalamualaikum....

Share :

Tweet

More

Related Post