cara membuat halaman faq di blogspot

Cara membuat halaman faq di blogspot - tata cara membuat halaman faq di blogspot memakai jquery, cara membuat halaman faq di blogspot ini berfungsi untuk para blogger mania yang membutuhkan suatu halaman yang bermanfaat sebagai tempat segala pertanyaan untuk keperluan halaman blognya. F A Q adalah satu suku kata bahasa inggris yang memiliki kepanjangan dari Frequently asked questions, Pada postingan kali ini saya akan membagi code tentang cara membuat halaman faq di blogspot, untuk melihat tampilannya silahkan klik demo dibawah, nah bila anda tertarik untuk memasangnya silahkan simak tutorial dibawah ini, langsung saja menuju TKP.

Demo

Code CSS here..

/*****************************************
Name : cara membuat halaman faq di blogspot
By : Rivai Silaban | Blog Design
Update :Selasa 07 January 2014
site : www.rivai.org
******************************************/
.halamanfaq{
margin:10px auto;
border:1px solid #999;
padding:30px;
background-color: #F0F0F0;
width:100%;
font-family: Verdana;}.halamanfaq h3{
margin:0;
padding:0;
font-size:16px;
color: #000000;
}.tanya{padding-top:20px}
.tanya dt{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe7TpOUuMBpwJBvboy41VbO9L9tolpXplPKGgs3EjL_O7RGhPj-iS3bZSRuDJQcOoVUVkC_FanWnaRMhU1umToJ7o4o3-nj9TzWxMilg3HD4Dp75mLlvcwR8mxpVIkho8yRT3kY_gRYlqS/s1600/pertanyaan.gif') 0 3px no-repeat;
padding:3px 0 15px 30px;
position:relative;
color: #990000;
text-decoration: none;
font-size: 14px;
text-shadow: 1px 1px 1px #ccc;
}.tanya dt:hover{
cursor:pointer;
text-decoration: none;
color: #000099;
}.tanya dd{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhWVe7hSqNUNfDfO7HH3gEQzi9hJhB4CswDBJdat3E40_yJGLf9VkB8HMfSaT81skF405kWp4v5aQ_yAPOqkFGS2U9qAcud5DBWJ9hdPLV1B4VCL0V1AG3GrPhoWidMDVMDbsTkyZAeInc/s1600/jawaban.gif') 0 2px no-repeat;
padding:0 0 5px 30px;
position:relative;
color:#333;
margin-left: 20px;
font-size: 12px;
line-height: 20px;
}.tanya .hover{color:#990000;text-decoration:underline}
/*** www.rivai.org CSS cara membuat halaman faq di blogspot and ***/

Code HTML here..

<!-- www.rivai.org code cara membuat halaman faq di blogspot start-->
<div class="halamanfaq">
<h3>JUDUL F.A.Q - Frequently asked questions </h3>
<dl class="tanya">
<dt>PERTANYAAN PERTAMA ANDA ?</dt>
<dd>Situs www.rivai.org merupakan situs pribadi dari RIVAI SILABAN yang membahas tentang berbagai informasi Agama, Budaya, Informasi Komputer, Berbagai Tutorial Blogspot, Tips dan Trik SEO, serta menyediakan template blogspot baik itu gratis ataupun premium. Situs www.rivai.orgmerupakan situs informasi yang menyediakan informasi dengan gratis dan memiliki fitur fitur umum yang dapat diakses oleh umum. Situs www.rivai.org menyediakan pembelajaran khusus Blogspot yang dikelompokkan dengan sistem member premium. </dd>
<dt>PERTANYAAN KEDUA ANDA ?</dt>
<dd>Situs www.rivai.org merupakan situs pribadi dari RIVAI SILABAN yang membahas tentang berbagai informasi Agama, Budaya, Informasi Komputer, Berbagai Tutorial Blogspot, Tips dan Trik SEO, serta menyediakan template blogspot baik itu gratis ataupun premium. Situs www.rivai.orgmerupakan situs informasi yang menyediakan informasi dengan gratis dan memiliki fitur fitur umum yang dapat diakses oleh umum. Situs www.rivai.org menyediakan pembelajaran khusus Blogspot yang dikelompokkan dengan sistem member premium. </dd>
<dt>PERTANYAAN KETIGA ANDA ?</dt>
<dd>Situs www.rivai.org merupakan situs pribadi dari RIVAI SILABAN yang membahas tentang berbagai informasi Agama, Budaya, Informasi Komputer, Berbagai Tutorial Blogspot, Tips dan Trik SEO, serta menyediakan template blogspot baik itu gratis ataupun premium. Situs www.rivai.orgmerupakan situs informasi yang menyediakan informasi dengan gratis dan memiliki fitur fitur umum yang dapat diakses oleh umum. Situs www.rivai.org menyediakan pembelajaran khusus Blogspot yang dikelompokkan dengan sistem member premium. </dd>
<dt>PERTANYAAN KEEMPAT ANDA ?</dt>
<dd>Situs www.rivai.org merupakan situs pribadi dari RIVAI SILABAN yang membahas tentang berbagai informasi Agama, Budaya, Informasi Komputer, Berbagai Tutorial Blogspot, Tips dan Trik SEO, serta menyediakan template blogspot baik itu gratis ataupun premium. Situs www.rivai.orgmerupakan situs informasi yang menyediakan informasi dengan gratis dan memiliki fitur fitur umum yang dapat diakses oleh umum. Situs www.rivai.org menyediakan pembelajaran khusus Blogspot yang dikelompokkan dengan sistem member premium. </dd>
</dl>
</div>
<!-- www.rivai.org code cara membuat halaman faq di blogspot end-->

Code script jquery here..

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">$(document).ready(function () {
$('.tanya dd').hide();
$('.tanya dt').hover(function(){$(this).addClass('hover')},function(){$(this).removeClass('hover')}).click(function(){
$(this).next().slideToggle('normal');
}); });</script>

Buat teman teman yang belum tau persis tentang cara pemasangan cara membuat halaman faq di blogspot di halaman blogspot anda silahkan kunjungi link laman dibawah ini, tutorial ini dibahas secara detail...

http://www.rivai.org/2014/01/cara-membuat-halaman-faq-di-blogspot.html

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 7:48 PM