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
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
Zoro x Zoro
Would you like to react to this message? Create an account in a few clicks or log in to continue.



 
VIP RoomsIndeksZxZ|PortalLatest imagesGalleryPendaftaranLoginMy 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
ZraIlyas

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

Membuat Tampilan Slide Di atas Posting Empty
PostSubyek: Membuat Tampilan Slide Di atas Posting   Membuat Tampilan Slide Di atas Posting EmptyFri 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 

 Similar topics

-
» Cara Membuat Buku Tamu Blog Show/Hide di Bagian Atas
»  1 HIT BOSS HUNTING HOUSE PAKAI TALENT KHUSUS LVL 40 KE ATAS
» ch**t / posting yg dah gak work
» Membuat ToolBar Bergerak Lebih Indah
» Membuat Background Blogger Terbakar
Halaman 1 dari 1

Permissions in this forum:Anda tidak dapat menjawab topik
Zoro x Zoro :: Web Development :: Blogger-
Free forum | ©phpBB | Free forum support | Report an abuse | Latest discussions
VIP Rooms | Home | Portal