Zoro x Zoro
Welcome To ZxZ Community

Apakah Anda Baru Di sini....
Untuk melihat semua isi Forum Silakan klik "Pendaftaran" Di bawah ini untuk mendaftar di Forum ini

Apakah Anda telah Terdaftar di Forum ini......
Silakan "Login" di bawah ini untuk melihat isi Forum ini..


Terima Kasih ^_^


Hormat Kami

Zera Ilham
_________
Admin



 
VIP RoomsIndeksZxZ|PortalCalendarGalleryPendaftaranLoginMy Blog
™️Welcome To ZxZ Cilegon Cyber Community [Daftarkan Diri Anda SEGERA]™️
--------
UNTUK MEMBER ZxZ YANG JARANG ONLINE, KAMI MOHON MAAF APABILA USER ANDA KAMI " DELETE "KARENA KAMI INGIN MEMBERIKAN YANG TERBAIK KEPADA FORUM ZxZ, KAMI UCAPKAN TERIMA KASIH
--------

Share | 
 

 Membuat Tampilan Slide Di atas Posting

Topik sebelumnya Topik selanjutnya Go down 
PengirimMessage
ZraIlyas
Management
Management
avatar

Gender : Male Jumlah posting : 204
Join date : 18.04.11
Age : 19
Lokasi : http://zoro-x-zoro.n-stars.org/

PostSubyek: Membuat Tampilan Slide Di atas Posting   Fri Apr 22, 2011 1:51 pm

Seperti biasa

1. Masuk dulu ke akun blog sobat dengan www.blogger.com [KLIK]
2. Klik tulisan " Design[Rancangan]",
3. Kemudian Klik Edit HTML
4. Tandai centang Expand Template Widget
5. Cari Code JavaScript di bawah nii
====================================
"<div id='main-wrapper'>"
================================

6. Kemudian Copy Javascript di bawah nii

================================
"<!-- Featured Content Slider Started -->
<div id='slidearea'>
<div class='widgets' id='tabzine'>
<div class='tabdiv'>
<div id='feature-56'>
<div class='inpost'>
<h3>Slide 1 Title Here</h3>
<p>Replace these slide 1 sentences with your own featured slide descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions...</p>
</div>
<a href='Slide-1-Link-Here'>
<img alt='' class='slidim' src='http://1.bp.blogspot.com/_ActSVcJ9YKs/TL-6T2DNbII/AAAAAAAABqA/s7j0VXbe1Mw/s000/1-big.jpeg'/>
</a>
</div>
<div id='feature-54'>
<div class='inpost'>
<h3>Slide 2 Title Here</h3>
<p>Replace these slide 2 sentences with your own featured slide descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions...</p>
</div>
<a href='Slide-2-Link-Here'>
<img alt='' class='slidim' src='http://1.bp.blogspot.com/_ActSVcJ9YKs/TL-6UAHaUWI/AAAAAAAABqE/-2754oPRDJw/s000/2-big.jpeg'/>
</a>
</div>
<div id='feature-50'>
<div class='inpost'>
<h3>Slide 3 Title Here</h3>
<p>Replace these slide 3 sentences with your own featured slide descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions...</p>
</div>
<a href='Slide-3-Link-Here'>
<img alt='' class='slidim' src='http://3.bp.blogspot.com/_ActSVcJ9YKs/TL-6UXZacyI/AAAAAAAABqI/XXMVbWff6ck/s000/3-big.jpeg'/>
</a>
</div>
<div id='feature-18'>
<div class='inpost'>
<h3>Slide 4 Title Here</h3>
<p>Replace these slide 4 sentences with your own featured slide descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions...</p>
</div>
<a href='Slide-4-Link-Here'>
<img alt='' class='slidim' src='http://2.bp.blogspot.com/_ActSVcJ9YKs/TL-6UwqA4zI/AAAAAAAABqM/x3dJAZfJTaU/s000/4-big.jpeg'/>
</a>
</div>
<div id='feature-16'>
<div class='inpost'>
<h3>Slide 5 Title Here</h3>
<p>Replace these slide 5 sentences with your own featured slide descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions...</p>
</div>
<a href='Slide-5-Link-Here'>
<img alt='' class='slidim' src='http://1.bp.blogspot.com/_ActSVcJ9YKs/TL-6VEk49SI/AAAAAAAABqQ/omavedfV5l8/s000/5-big.jpeg'/>
</a>
</div>
</div>
<ul id='tabnav'>
<li>
<a class='listab' href='#feature-56'>
<img alt='' class='boximage' src='http://1.bp.blogspot.com/_ActSVcJ9YKs/TL-6VCjkXMI/AAAAAAAABqU/ZP-sWn3nY84/s000/1-small.jpeg'/>
</a>
</li>
<li>
<a class='listab' href='#feature-54'>
<img alt='' class='boximage' src='http://3.bp.blogspot.com/_ActSVcJ9YKs/TL-6VeTxZUI/AAAAAAAABqY/BG4m7_0XFWE/s000/2-small.jpeg'/>
</a>
</li>
<li>
<a class='listab' href='#feature-50'>
<img alt='' class='boximage' src='http://3.bp.blogspot.com/_ActSVcJ9YKs/TL-6VkkmD3I/AAAAAAAABqc/2_vkJBK3XIQ/s000/3-small.jpeg'/>
</a>
</li>
<li>
<a class='listab' href='#feature-18'>
<img alt='' class='boximage' src='http://4.bp.blogspot.com/_ActSVcJ9YKs/TL-6V6DwW3I/AAAAAAAABqg/TNnm4rN438o/s000/4-small.jpeg'/>
</a>
</li>
<li>
<a class='listab' href='#feature-16'>
<img alt='' class='boximage' src='http://4.bp.blogspot.com/_ActSVcJ9YKs/TL-6WMhpuJI/AAAAAAAABqk/b8PSNU5fLA4/s000/5-small.jpeg'/>
</a>
</li>
</ul>
</div>
</div>
<!-- Featured Content Slider End --> "
==========================================

7. Paste code JavaScript di atas, di bawah code "<div id='main-wrapper'>"

Lakukan pratinjau untuk melihat hasilnya. Kalau suka, kembali ke Edit HTML lalu klik "Simpan Template"
Selesai.

Keterangan

Code JavaScript yg berwarna tau yg garis bawah ganti dengan alamat gambar kalian
Kembali Ke Atas Go down
http://zoro-x-zoro.n-stars.org/
 

Membuat Tampilan Slide Di atas Posting

Topik sebelumnya Topik selanjutnya Kembali Ke Atas 
Halaman 1 dari 1

Permissions in this forum:Anda tidak dapat menjawab topik
Zoro x Zoro :: Web Development :: Blogger-
Forum bebas | © phpBB | Free forum support | Kontak | Report an abuse | Create your own blog
VIP Rooms | Home | Portal