Silahkan lihat contoh Daftar Isi Efek jQuery Accordion disini
Berikut langkah-langkah membuat Daftar Isi Efek jQuery Accordion:
Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Edit HTML"
Langkah 3
Cari kode dibawah ini:
]]></b:skin>
Langkah 4Masukan (copy paste) kode CSS dibawah ini diatas kode pada Langkah 3:
#dafis-acc{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB;
padding:2px 0;
border:1px solid #339DC6;
}
.dafis-label{
background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB;
font-weight:bold;
line-height:1.4em;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 1px 3px;
outline: none;
cursor: pointer;
text-decoration: none;
padding: 2px 10px;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border:1px solid #2F94BA;
}
.dafis-label:hover{
background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB;
color:#003366;
}
.dafis-daf ol{
margin:0 0 0 30px !important;
padding:0 !important;
}
.dafis-daf ol li{
background-color:#C9E9F4;
line-height:1.5em;
margin:1px 3px !important;
white-space:nowrap;
text-align:left;
border:1px solid #339DC6;
}
.dafis-daf ol li a{
text-decoration: none !important;
color:#333 !important;
display:block;
padding-left:10px;
}
.dafis-daf ol li a:hover{
background: #7BC4DF;
border-left: 5px #333 solid;
padding-left: 5px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
Langkah 5font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB;
padding:2px 0;
border:1px solid #339DC6;
}
.dafis-label{
background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB;
font-weight:bold;
line-height:1.4em;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 1px 3px;
outline: none;
cursor: pointer;
text-decoration: none;
padding: 2px 10px;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border:1px solid #2F94BA;
}
.dafis-label:hover{
background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB;
color:#003366;
}
.dafis-daf ol{
margin:0 0 0 30px !important;
padding:0 !important;
}
.dafis-daf ol li{
background-color:#C9E9F4;
line-height:1.5em;
margin:1px 3px !important;
white-space:nowrap;
text-align:left;
border:1px solid #339DC6;
}
.dafis-daf ol li a{
text-decoration: none !important;
color:#333 !important;
display:block;
padding-left:10px;
}
.dafis-daf ol li a:hover{
background: #7BC4DF;
border-left: 5px #333 solid;
padding-left: 5px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
Cari kode dibawah ini:
</head>
Langkah 6Masukan (copy paste) kode dibawah ini diatas kode pada Langkah 5:
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>
Perhatian! Ingat jika pada bagian tag head pada template blogger anda sudah pernah/ada framework jQuery maka lewati Langkah 6 ini
Langkah 7
Simpan template blogger...
Cara membuat Daftar Isi dengan Efek jQuery Accordion pada Artikel:
Langkah 1
Buat sebuah artikel dengan judul terserah anda (misal; Label dan Isi Artikel)
Langkah 2
Pindahkan mode Editor artikel ke mode Edit HTML
Langkah 3
Masukan (copy paste) kode dibawah ini ke dalam artikel :
<script type="text/javascript" src="http://hensblog.googlecode.com/files/dafis_accv1.js"></script>
<script src="http://mirdoang.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script src="http://mirdoang.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
Langkah 4
Ubah URL blog pada langkah 3 (warna biru) sesuai dengan URL Blog anda
Langkah 5
Terbitkan artikel dan preview artikel tersebut...
tutorial "Daftar Isi Efek jQuery Accordion" diambil dari "http://modification-blog.blogspot.com/"
Zynga, pengembang game terbesar di Facebook dikabarkan tengah bersiap memindahkan semua gamenya dari Facebook ke layanan yang disebut Zynga Live.
zynga game farmville on facebook
Zynga bahkan telah mengambil ancang-ancang dengan meluncurkan situs farmville.com. Hal ini nampaknya merupakan salah satu upaya untuk mengakhiri ketergantungan Zynga terhadap Facebook. Hingga saat ini Zynga masih rentan terhadap aturan yang dikeluarkan Facebook.
Terakhir Facebook mewajibkan penggunaan "mata uang" Facebook Credit sebagai satu-satunya alat pembayaran untuk Zynga dan pengembang aplikasi lainnya. Facebook juga mematok fee sebesar 30 % untuk setiap transaksi yang menggunakan Facebook Credit.
Dikutip dari techcrunch, hubungan antara Zynga dan Facebook kini semakin memanas. Facebook berusaha agar Zynga bersedia menandatangani kesepakatan jangka panjang dimana Zynga tetap bertahan di Facebook. Selama proses negoisasi, Facebook terkesan memaksa Zynga agar bersedia mendandatangani kesepakatan.
Selain mengancam untuk menutup semua game Zynga, Facebook sebelumnya sempat mematikan notifikasi untuk Farmville dan game lainnya.
Bagi sebagian pengguna Facebook, game populer Zynga seperti Farmville, Poker dan Mafia Wars sudah merupakan bagian yang tidak terpisahkan dari Facebook. Desember tahun lalu, game Farmville di Facebook mencatatkan lebih dari 69 juta pengguna.
Beberapa analis mengatakan, Farmville mampu memikat jutaan pengguna karena dapat dimainkan di Facebook. Game ini cukup adiktif sehingga pengguna akan tetap memainkannya meskipun Zynga berpisah dengan Facebook. Namun apakah Farmville akan tetap semenarik sekarang?
Sumber: http://www.klikdana.com/2010/05/zynga-vs-facebook-akankah-zynga.html
