jasa View all

NEWS View all

Tips Kopi isi kontent blogger pasti mudah

 Tujuan postingan saya adalah memberi tahu Blogger baru bahwa penyebab semua postingan anda dapat dicuri dan di publish oleh blog lain adal

Youtube merupakan rajanya tempat berbagi video. Fasilitas yang di

Bagi seorang blogger, tols yang bermanfaat tentu saja harus dimaksim

LATEST NEWS

Tips Kopi isi kontent blogger pasti mudah

DOWNLOADER DI APLIKASI ANDROID DENGAN TUBEMATE YOUTUBE

Cara Bikin Formulir Online dengan Google Forms

Cara Menempatkan Google Map di Postingan Blog

Cara Menjadikan Blog Responsive Template Default Blogger

Cara Blogspot Sudah Bisa Menggunakan Protokol HTTPS

Cara Bikin Privacy Policy dan Cara Pasangnya di Blog

OPINI View all

Tips HTML Logo Bank 2

a/n TokoOnlineNo. 123-456-789 <p style="text-align: center;"></span> <span style="color: #000000;"><a href="http://www.klikbc

Tips Daftar BBM Resmi Hadir untuk PC, Begini Cara Pakainya!

22087 Mungkin ini adalah salah satu momen yang ditunggu-tunggu oleh banyak orang, menggunakan BBM melalui PC. Sehingga k

jasa View all

Tips Kopi isi kontent blogger pasti mudah

 Tujuan postingan saya adalah memberi tahu Blogger baru bahwa penyebab semua postingan anda dapat dicuri dan di publish oleh blog lain adal

FEATURE View all

Tips Memasang Widget Tombol Join This Site Tanpa Javascript lewat Widget

Cara Memasang Widget Tombol Join This Site Tanpa Javascript - Hi sobat blogger, pasti sudah kenal dengan widget Join This Site, yap!

Tipe mengganti judul blog dengan gambar/logo

     Yo... disini saya akan meng-share cara mengganti judul blog dengan gambar/logo

Tips Daftar BBM Resmi Hadir untuk PC, Begini Cara Pakainya!

22087 Mungkin ini adalah salah satu momen yang ditunggu-tunggu oleh ba

Tips Memasang Kolom Komentar Facebook di Blog Model Tab

Inilah Cara Cepat Memasang Kolom Komentar Facebook dan Blog Model Tab - Membuat Blog semanari

TIPS View all

Tips Memasang Widget Tombol Join This Site Tanpa Javascript lewat Widget

Cara Memasang Widget Tombol Join This Site Tanpa Javascript - Hi sobat blogger, pasti sudah kenal dengan widget Join This Site, yap!

a

a

Cara Membuat Slide Header Di Blog

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.



Bagaimana sob, tertarik ingin membuat slide header ini ? Silahkan Ikuti langkah-langkah dibawah ini :

Login ke blogger.com

- Pilih template 
- Kemudian pilih Edit html
- Jangan Lupa centang expand widget untuk tampilan html penuh..
- Selanjutnya cari kode </head> ,(gunakan F3 atau dengan Ctrl + F untuk memudahkan pencarian) 
- Kemudian masukan code script yang ada dibawah dengan cara copy/paste diatas kode </head>

       <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>

**> 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.
  • Selanjutnya Pilih HTML/Javascript
Copy/paste script dibawah ini di area HTML/javascript


 <div id='coin-slider'>
 <center>
<a href="URL LINK" target="_blank">
<img src="LINK URL GAMBAR DISINI" />
<span>
ISIKAN KETERANGAN GAMBAR DI SINI BROW
</span>
</a>

<a href="URL LINK" target="_blank">
<img src="LINK URL GAMBAR DISINI" />
<span>
ISI KETERANGAN gambar DI SINI
</span>
</a>

<a href="URL LINK" target="_blank">
<img src="LINK URL GAMBAR DISINI" />
<span>
ISI KETERANGAN gambar DI SINI
</span>
</a>

</center>
</div>

<div id='coin-slider'>
<center>
<a href="http://www.cobadibaca.com" target="_blank">
<img src="LINK URL GAMBAR DISINI" />
<span>
Hanya Mencoba untuk Coba Dibaca....
</span>
</a>

<a href="URL LINK" target="_blank">
<img src="LINK URL GAMBAR ANDA" />
<span>
ISI KETERANGAN GAMBAR DI SINI
</span>
</a>
<a href="URL LINK" target="_blank">
<img src="LINK URL GAMBAR ANDA" />
<span>
ISI KETERANGAN GAMBAR DI SINI
</span>
</a>

</center>
</div>

Okey, cukup sekian cara membuat slide header di blog.

Related News
Comments
0 Comments

Tidak ada komentar:

Leave a Reply