Dapat lagi yang menarik dan unik-unik nih...hahihuheho...hohohoho ^.^. Biasa, sang petualang mah yaa begini ini kawan's...Xixixixi ^,^. BeBeN membawa artikel yang menarik lagi nih. Banyak sih waktu membaca artikel-artikel si-empunya blog yang bagus-bagusnya. Tapi disini aku hanya ingin membahas satu topic yang mungkin bisa menambah fungsi dari blog para sobat blogger. Khususnya pada bagian kotak komentar. Biasanya fasilitas komentar ini hanya berupa tulisan bukan berbentuk Frame, yang kebanyakan berada pada template para blogger. Kalau mau melihat contohnya silahkan kunjungi teman BeBeN Kang Suradi Suroto. Lihat pada bagian komentar!!! Disana tidak ada Frame/kotak untuk komentarnya teman. Yukkk...kita mari lanjutkan apa itu OLD COMMENT FORM.Langsung saja caranya bagaimana untuk mendapatkan Old Comment Form Inline With New Comment Form.
Biar cepat tekan pada keyboard Ctrl + F, ketikan didalam kotaknya kode yang ini <div class='comment-form'>.<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
.
Sebenarnya malu juga mau mosting artikel ini...xixixixi ^,^'. Soalnya sudah pada banyak juga yang memostingnya. Tapi yaaa, tidak ada kata terlambat sih. Kan siapa tahu 
.
Mungkin dari teman-teman sudah pada mengenal dengan TAB VIEW!!! Nah itu bener sobat, yang berbentuk tabel satu bisa ada beberapa isinya. Hihihi...kayak apa ajah nih neranginnya +_+. Contoh yang ada di blognya BeBeN Prodigy of Head yang berada di bagian bawah blog ini sebelah kanan kawan's (Pojok kanan). Nah kenapa sekarang BeBeN mau capek-capek lagi memosting tentang Tab View ini. Ada yang istimewanya dong. Trik ini menggunakan script Ajax, Jquery yang telah tersimpan di directorynya si-embah GooGle.Tidak perlu capek-capek dong ah...heuhueheuhue. Dan yang istimewanya lagi, CSSnya ada macam-macamnya sobat blogger. Lets .
<div id="tabs"> <ul> <li><a href="#fragment-1"><span>Judulnya?</span></a></li> <li><a href="#fragment-2"><span>My Pictures</span></a></li> <li><a href="#fragment-3"><span>Recent Posts</span></a></li> </ul> <div id="fragment-1"> <span style="text-align: left;"><p>Silahkan mau diisi apaan nih terserah!!!</p></span></div> <div id="fragment-2"> <center><a href="http://tinypic.com" target="_blank"><img src="http://i38.tinypic.com/2n0j12a.jpg" border="0" alt=""></a></center></div> <div id="fragment-3"> Content of Tab #3<br/><span style="font-size: xx-small;"><a href="http://bloggerstop.net" target="_blank">Blogger Widgets</a> <a href="http://beben-koben.blogspot.com/" target="_blank"> Re Published : Prodigy of Head</a></span> </div> </div>Kode yang berwarna biru silahkan diganti menurut kebutuhannya masing-masing, sedangkan kode yang berwarna merah adalah isi yang mau diisi oleh kawan's terserah dweh ah ah ah ^.^. Nah sampai disini ajah sebenarnya sudah jadi deh sebuah Tab View yang keren. Hehehe...
Demo untuk yang biasa (no special) : D E M O.Masih ingat dengan langkah urutan nomor 2 yang diatas!!! Disitu ada kode CSS yang ditulis bersama dengan script, kita hilangkan kode CSSnya teman. Dan kita konsentrasi hanya pada script.
<link type="text/css" href="http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/ui.tabs.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#tabs").tabs();
});
//getter
var ajaxOptions = $('.selector').tabs('option', 'ajaxOptions');
//setter
$('.selector').tabs('option', 'ajaxOptions', { async: false });
</script>
////////////////////// //////////////////////
<!--COLLAPSIBLE-MULTI-TABBED-WIDGET-STOPS-HELP-@-http://bloggerstop.net RE-PUBLISHED-@-http://beben-koben.blogspot.com--> Perhatikan script yang BeBeN kasih warna Ungu, nah itu yang istimewanya sobat blogger. Dengan hanya mengganti script tersebut kita dapat memilah dan memilih theme yang diinginkan. Berikut jenis script dan screen shotnya. Lets <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/swanky-purse/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/trontastic/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/black-tie/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/mint-choc/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/dot-luv/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/vader/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/excite-bike/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/hot-sneaks/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/humanity/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/blitzer/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/south-street/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/cupertino/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/dark-hive/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/eggplant/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/pepper-grinder/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/flick/jquery-ui.css" rel="stylesheet" />Screen shot : .jpg)
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/le-frog/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/overcast/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/sunny/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/start/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-darkness/jquery-ui.css" rel="stylesheet" />Screen shot : 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css" rel="stylesheet" />Screen shot : 
Jaring sosial semakin memperluas kinerja dan sistemnya. Siapa yang tidak mengenal apa itu Jaring Sosial!!! Yesss, web yang menyediakan jasa pada penggunanya untuk dapat melakukan berbagi, mencurahkan, berangan-angan dan segala macam tetek bengek lainnya yang secara khusus bebas dipakai oleh para para penggunanya ^,^. Dan ternyata dalam perjalanannya ke depan sekarang ini, banyak juga yang melakukan ikatan-ikatan (kerja sama) untuk mempermudah bagi para pengguna web yang bersangkutan.Seperti yang telah dilakukan TwiTTer dengan Blogger, Facebook dengan Blogger dan banyak lagi. Seharusnya dengan feature-feature yang telah dikembangkan oleh para web tersebut, kita para BloGGer harus bisa memaksimalkan fasilitas tersebut brow. Nah seperti yang akan BeBeN paparkan disini bagaimana kita bisa melakukan update blog kita ke salah satu web yang memang banyak digunakan oleh para BloGGer. Yuk bagaimana caranya update blog kita biar yang ada di FeedBurner ada juga di Twitter. All for Blog, Blog for All Yeah baby yeah!!!
Untuk berbahasa indonesia Aplikasi Facebook Yang Wajib dimiliki Blogger.
Untuk yang inggris 7 Facebook Apps Every Blogger Must Have.
Mungkin dari sobat-sobat ada rujukan yang lebih maknyusss...hehehe sharing-sharing yah ^_^.
Sumber : adsenseforfeeds.blogspot.com. Happy Blogging dan Wassalam ^_^.
This service is active
.<a class="thumbnail" href="#thumb"><img src="Image Url / Url Gambar" width="100px" height="66px" border="0" /><span><img src="Image Url / Url Gambar" /><br />YOUR TEXT / KATA-KATA TERSERAH DWEH AH</span></a><img src="Image Url / Url Gambar" width="100px" height="66px" border="0" />
Ganti Image Url / Url Gambar dengan URL gambar sobat. Width dan height disini adalah lebar dan tinggi gambar ketika akan ditampilkan.<img src="Image Url / Url Gambar" /><br />YOUR TEXT / KATA-KATA TERSERAH DWEH AH</span>
Image Url / Url Gambar URL gambar ini adalah gambar nanti yang akan disorot (hasil), dan YOUR TEXT / KATA-KATA TERSERAH DWEH AH kata-kata yang bisa di-add terserah kawan's.Hasilnya akan seperti ini teman (hihihi...-___-) :