Slideshow Demo

- November 05, 2014




1. Login keakun Blogger
2. Pilih Template => Edit HTML
3. Dengan menggunakan ctrl+f anda cari kode ]]></b:skin> atau </style>
4. Kemudian anda copy kode dibawah ini dan pastekan 
    diatasnya

/* CSS slide Demo and Download Button */
.download {font-family:'Oswald';font-weight:400;position:relative;overflow:hidden;text-align:center;margin:1em auto;
width:auto;height:50px;line-height:50px;border:1px solid #e9e9e9;}
.download h1 {font-family:'Oswald';font-weight:400;position:absolute;color:#999;text-shadow:2px 2px 0 rgba(0,0,0,0.1);font-size:30px;line-height:50px;margin:0;
padding:0;width:100%;background:#fff;transition: margin-left 0.6s cubic-bezier(0.1,0.5,0.2,1);}
.download:hover h1{margin-left:100%;}
.download ul {display:inline-block;margin:0;padding:0;}
.download ul li {position:static;display:inline-block;padding:0 .1em;}
.download ul li::before {display:none;}
.download ul li a {color:#fff;font-size:20px;margin:0;padding:.2em .4em;
background:none;transition:all 0.5s ease;}
.download ul li a:hover {background:#fc8675;color:#fff;}
.download-info{background:#e27869;}
.download-info h1{background-color:#fff;}
.demo {font-family:'Oswald';font-weight:400;position:relative;overflow:hidden;text-align:center;margin:1em auto;
width:auto;height:50px;line-height:50px;border:1px solid #e9e9e9;}
.demo h1 {font-family:'Oswald';font-weight:400;position:absolute;color:#999;text-shadow:2px 2px 0 rgba(0,0,0,0.1);font-size:30px;line-height:50px;margin:0;
padding:0;width:100%;background:#fff;transition: margin-left 0.6s cubic-bezier(0.1,0.5,0.2,1);}
.demo:hover h1{margin-left:100%;}
.demo ul {display:inline-block;margin:0;padding:0;}
.demo ul li {position:static;display:inline-block;padding:0 .1em;}
.demo ul li::before {display:none;}
.demo ul li a {color:#fff;font-size:20px;margin:0;padding:.2em .4em;
background:none;transition:all 0.5s ease;}
.demo ul li a:hover {background:#48596d;color:#fff;}
.demo-info{background:#333c4b;}
.demo-info h1{background-color:#fff;}


5. Kemudian simpan template
6. Untuk kode pemanggilnya COPAS kode di bawah ini kemudian taruh di postingan dalam mode    HTML (ganti URL dengan URL tujuan anda)

<div class="download download-info">
<h1> VIEW DEMO</h1><ul>
<li><a href="http://samhidayat.blogspot.com/" target="_blank"> DEMO </a></li>
<li><a href="https://sites.google.com/site/samhidayatcom/sam-hidayat/com_sahabat_alya.apk" target="_blank"> DOWNLOAD </a></li>
</ul></div>

<div class="download download-info"> <h1> DOWNLOAD - JENIS FILE : DOCX - 2,1Mb</h1><ul> <li><a href="http://www.infoanda.in" target="_blank"> BERANDA</a></li> <li><a href="https://sites.google.com/site/opmsurabaya/home/pkg.rar" target="_blank"> DOWNLOAD </a></li> </ul></div>

Share this with short URL:
Blogger
Disqus
Tinggalkan Komentar

No comments

[+] Silahkan tinggalkan komentar
[+] Berkomertarlah dengan santun
[+] Mohon tidak meninggalkan live link
[+] Terima kasih untuk komentar anda

 

ketik dan enter untuk mencari