Sun3Daily: Slide

Cara Membuat Slide Header Di Blog

<p><div dir="ltr" style="text-align: left;" trbidi="on">
<a href="https://sun3daily.blogspot.com/2013/02/cara-membuat-slide-header-di-blog.htm"><b>Cara Membuat Slide Header Di Blog</b></a> - Buat sobat blogger yang ingin mempercantik blog nya dengan header yang berubah-ubah atau tampilan header nya menjadi slide, bisa mengikuti tips yang satu ini. Dari segi tampilan nya cukup menarik, karena hampir menyerupai tampilan slide flash. Seperti apa demo nya silahkan sobat lihat dibawah ini.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDmAvB9UxjC9LrsMUQnWB4JLf7gISR8bBCJjIU654AcDgklUXHYbIAZC18VVaH5sVxlyEjphmSJh5S-EqQyHYkLKhoLW5ciaovXsAGZboZMfRjFlh7hq1QsJggid_hX7Nc7OV0r7ICZfMm/s1600/cara+membuat+slide+header+di+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="https://sun3daily.blogspot.com/2013/02/cara-membuat-slide-header-di-blog.htm" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDmAvB9UxjC9LrsMUQnWB4JLf7gISR8bBCJjIU654AcDgklUXHYbIAZC18VVaH5sVxlyEjphmSJh5S-EqQyHYkLKhoLW5ciaovXsAGZboZMfRjFlh7hq1QsJggid_hX7Nc7OV0r7ICZfMm/s1600/cara+membuat+slide+header+di+blog.png" title="Cara Membuat Slide Header Di Blog" /></a></div>
<br />
<br />
<br />
Bagaimana sob, tertarik ingin membuat slide header ini ? Silahkan Ikuti langkah-langkah dibawah ini :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://adf.ly/publisher" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc2IRXPLaJxanZMLns-USxejszI2kB6VNLqICHL5lMU7gzAbPa1v8DQ3qiZyRBjx4VpvyT0AYm2nF7l3jLlVZAvmd0dx_UfoAIf2VL24TITnflJ2YW2uHqWcDE81mzW8KdYxvZwvQN0a2X/s1600/demo1.gif" /></a></div>
<br />
Login ke blogger.com<br />
<br />
- Pilih template <br />
- Kemudian pilih Edit html<br />
- Jangan Lupa centang expand widget untuk tampilan html penuh..<br />
- Selanjutnya cari kode </head> ,(gunakan F3 atau dengan Ctrl + F untuk memudahkan pencarian) <br />
- Kemudian masukan code script yang ada dibawah dengan cara copy/paste diatas kode <b></head></b><br />
<br />
<blockquote class="tr_bq">
      <span style="background-color: orange;"><script  src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'  type='text/javascript'/> <script  src='http://mrmung.googlecode.com/files/coin-slider.min.js'  type='text/javascript'/> <script type='text/javascript'>  $(document).ready(function() {  $(&#39;#coin-slider&#39;).coinslider({ width: 950,height:144,  navigation: false, delay: 5000 }); }); </script></span></blockquote>
<br />
**> Keterangan : width:950,height:144 adalah ukuran lebar dan tinggi  slideshow yang nantinya akan ditampilkan di blog. Tapi Untuk Ukuran ini  Terserah masing-masing orang mau seberapa lebar header blog yang  dimiliki.. ukuran kecilpun bisa misalkan kita mau memasangnya di  sidebar.<br />
<ul style="text-align: left;">
<li>Selanjutnya Pilih HTML/Javascript</li>
</ul>
<b>Copy/paste script dibawah ini di area HTML/javascript</b><br />
<span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: xx-small;"><span class="Apple-style-span" style="font-size: 12px; line-height: 25px;"><br /></span></span>
<blockquote class="tr_bq">
<div id='coin-slider'></blockquote>
<blockquote>
<center><br />
<a href="<span style="color: red;">URL LINK</span>" target="_blank"><br />
<img src="<span style="color: blue;">LINK URL GAMBAR DISINI</span>" /><br />
<span><br />
<div style="color: lime;">
ISIKAN KETERANGAN GAMBAR DI SINI BROW</div>
</span><br />
</a><br />
<br />
<a href="<span style="color: red;">URL LINK</span>" target="_blank"><br />
<img src="<span style="color: blue;">LINK URL GAMBAR DISINI</span>" /><br />
<span><br />
<div style="color: lime;">
ISI KETERANGAN gambar DI SINI</div>
</span><br />
</a><br />
<br />
<a href="<span style="color: red;">URL LINK</span>" target="_blank"><br />
<img src="<span style="color: blue;">LINK URL GAMBAR DISINI</span>" /><br />
<span><br />
<div style="color: lime;">
ISI KETERANGAN gambar DI SINI</div>
</span><br />
</a><br />
<br />
</center><br />
</div><br />
<br />
<div id='coin-slider'><br />
<center><br />
<a href="http://www.cobadibaca.com" target="_blank"><br />
<img src="<span style="color: blue;">LINK URL GAMBAR DISINI</span>" /><br />
<span><br />
Hanya Mencoba untuk Coba Dibaca....<br />
</span><br />
</a><br />
<br />
<a href="<span style="color: red;">URL LINK</span>" target="_blank"><br />
<img src="<span style="color: blue;">LINK URL GAMBAR ANDA</span>" /><br />
<span><br />
<div style="color: lime;">
ISI KETERANGAN GAMBAR DI SINI</div>
</span><br />
</a><br />
<a href="<span style="color: red;">URL LINK</span>" target="_blank"><br />
<img src="<span style="color: blue;">LINK URL GAMBAR ANDA</span>" /><br />
<span><br />
<div style="color: lime;">
ISI KETERANGAN GAMBAR DI SINI</div>
</span><br />
</a><br />
<br />
</center><br />
</div></blockquote>
<br />
Okey, cukup sekian <a href="https://sun3daily.blogspot.com/2019/08/cara-membuat-slide-header-di-blog.html" target="_blank"><b>cara membuat slide header di blog</b></a>.<br />
<br />
<br />
Semoga Bermanfaat.</div>
</p>

Cara Membuat Slide Header Di Blog - Buat sobat blogger yang ingin mempercantik blog nya dengan header yang berubah-ubah atau tampilan head...