Slide merupakan bagian yang penting untuk estetika suatu blog, jadi kali ini saya akan membagikan pada kalian cara menambahkan slide pada blog.
yaitu dengan cara membuka dashbor blog dan membuka template kemudian klik edit HTML
dan copykan script berikut di bawah:(warna merah artinya yang bisa di edit sesuai kemauan)
dan copykan script berikut di bawah:(warna merah artinya yang bisa di edit sesuai kemauan)
<!-- Featured Content Slider Started -->
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='fp-slider clearfix'>
<div class='fp-slides-container clearfix'>
<div class='fp-slides'>
<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwduh9N_ggv5etZ2VQz_w0-qCeJK_QK_G_UYLeF56xP3VmlpSBb-Ee_2eP4Oxyf7ACnq7qzrtN1e4PFL0_hvaeZ3P6_nwUu8lbVFco90X0eEBMwNcg5pT-9n2ikCOEWLZcqXHv93BxVLQ/s1600/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>SELAMAT DATANG!!!</a>
</h3>
<p>
SELAMAT DATANG !!!
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 1 Code End -->
<!-- Slide 2 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn1/t1/1560584_486188501491872_886668256_n.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Gudangnya Informasi</a>
</h3>
<p>
Informasi terupdate selalu ada disini...
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 2 Code End -->
<!-- Slide 3 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-prn2/t1/1622598_486189434825112_1406624769_n.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Tempatnya Download Software</a>
</h3>
<p>
Software yang kamu butuhkan pasti ada disini
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 3 Code End -->
<!-- Slide 4 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-ash3/t1/1606972_485864294857626_238989127_n.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Tempatnya Download Game</a>
</h3>
<p>
Banyak game yang akan kamu download disini
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 4 Code End -->
<!-- Slide 5 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/t1/1656071_486191104824945_265152479_n.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Tempatnya Cari Hiburan</a>
</h3>
<p>
Bersiaplah untuk terhibur di blog saya....
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 5 Code End -->
</div>
<div class='fp-nav'>
<span class='fp-pager'/>
</div>
</div>
</div>
<div style='clear:both;'/>
</b:if></b:if>
<!-- Featured Content Slider End -->
0 comments:
Post a Comment