langkah bikin daftar isi situs (blog) menurut waktu – selanjutnya saya memperoleh inspirasi baru untuk mengupdate situs (blog) ini, serta inspirasi tersebut yaitu memposting tutorial tentang langkah bikin daftar isi pada situs (blog), ya butuh sahabat kenali daftar isi ini amat diperlukan pada situs (blog), tentunya manfaat daftar isi ini yaitu membantu pengunjung untuk melacak info yang mereka mencari, serta jenis daftar isi yang saya berbagi pada menulis saat ini yaitu daftar isi menurut waktu, ditujukan menurut waktu yaitu daftar isi ini diurutkan menurut tanggal, bln., serta th. ya daripada baca catatan saya yang tidak bermutu segera saja ketutorial tentang langkah bikin daftar isi situs (blog) menurut waktu :

tentunya sahabat mesti login dulu ke blogger
lantas masuk kebagian laman, lantas tentukan laman kosong sesudah itu masuk ke sisi html disebelah compose. serta masukan sisipkan kode di bawah ini :

<div style=”text-align: left;”>

<script src=”http://fadilblogx-code.googlecode.com/files/DaftarIsiWaktuFadilblogx.js”>

</script><script src=”https://intrik.web.id/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc”>

</script></div><div><span style=”font-size: x-small;”><a href=”https://intrik.web.id/cara-membuat-daftar-isi-blog.html”>get this widget</a>&nbsp;&nbsp;</span></div><div style=”text-align: right;”><span style=”font-size: xx-small;”><a href=”https://intrik.web.id/” style=”background-color: white;”>intrik.web.id</a></span></div>

note :ganti alamat situs (blog) diatas dengan alamat situs (blog) sobat
sesudah itu simpan serta tengok akhirnya

langkah menempatkan widget yahoo messenger pada situs (blog) – telah lama saya gak menulis tutorial situs (blog), lantas kangen hehehehe, berhubung saya baru gunakan widget ym, lantas ada inspirasi bikin up date tulisan bikin hari ini, soalnya hari ini saya gak menulis sekalipun egh kok jadi curhat kita kembali lagi ke jalur yang benar

pada menulis saat ini saya dapat berikan sesuatu tutorial untuk menempatkan status widget yahoo messenger, ya tidak usah basa basi lagi dikarenakan tak adalagi yang akan saya berikan tersebut tutorialnya :

• tata letak
• add gadget/tambah gadget
• html/javascript

 <a href=”ymsgr:sendIM?ID YM KAMU”> <img src=”http://opi.yahoo.com/online?u=IDYMKAMU&amp;m=g&amp;t=1&amp;l=us”/>

nah untuk style silakan tentukan :]

bila anda pingin ganti style widget ini anda cukup ubah t=1 dengan style di atas ^ bila ada yang pingin ditanyakan janganlah sungkan sungkan untuk meninggalkan komentar

langkah bikin widget twitter – sebelum saat – pada mulanya tips-trik telah mempostingkan sebagian trick serta panduan blogging, saat ini tips-trik dapat menambahi trick serta panduan blogging langkah bikin widget twitter. widget ini layaknya widget join the convertion namun yang membedakan hanya memiliki bentuk yang lebih desainis serta lebih apik. hehehe..

langkah – langkahnya seperti berikut :

• 1. masuk ke tata letak makin gadget html/javascript
• 2. lantas masukan kode di bawah ini diwidget tersebut

<div style=”background:#fff url(http://4.bp.blogspot.com/-EGnF5QAztxU/TaHe6Nz0N4I/AAAAAAAAAjw/KkLBzEZ8hiw/s1600/bg_twitter.gif) no-repeat;padding-top:40px;padding-left:5px”> <script src=”http://widgets.twimg.com/j/2/widget.js”></script> <script>new TWTR.Widget({version:2,type:”profile”,rpp:10,interval:3000,width:285,height:118,theme:{shell:{background:”transparent”,color:”#000000″},tweets:{background:”transparent”,color:”#000000″,links:”#B45F04″}},features:{scrollbar:true,loop:true,live:true,hashtags:true,timestamp:true,avatars:false,behavior:”default”}}).render().setUser(“tips-trik“).start();</script> </div>

· silakan ubah tips-trik dengan account twitter sobat

• 3. klik simpan serta selesai..

menarik bukan hanya ? apakah sahabat pingin coba ?

tips-trik saat ini dapat bikin sesuatu tutorial perihal bikin widget sms pada situs (blog) barangkali sahabat ada yang kepengen letakkan ini diblognya masing – masing supaya dapat kirim sms melalui blognya serta ngga butuh repot buka situs orang lagi.

oke tersebut tutorialnya tips-trik bikin ikutin yah, untuk yang kepengen saja ikutin :p

• 1. pertama ya jelas login dulu ke situs (blog) atau situs sobat
• 2. copykan code di bawah ini ke notepad :

<iframe frameborder="0" height="264" name="I2" scrolling="no" src="http://sms-online.web.id/widget" style="border: 1px solid rgb(255, 255, 255);" width="84%"> not support</iframe>
<small><center>
<a href="http://share-tuts.blogspot.com/2012/11/cara-membuat-widget-sms-gratis-di-blog.html" rel="nofollow">Make Widget</a></center>
</small>

• 3. tentukan tata letak lantas tentukan makin widget baru tentukan lagi html/javascript.
• 4. sesudah sahabat tentukan html/javascript tadi lantas sahabat masukkan code yang sahabat copykan ke notepad tadi.
• 5. klik simpan/save

saat ini situs (blog) sahabat telah ada widget sms. selamat lakukan sms gratis diblog sendiri ^_^.

langkah membuat/memasang tombol back to top/go top di blogger, tombol back to top yaitu sesuatu tombol yang berperan untuk membuat/mempercepat scrolling dari bawah keatas di sesuatu situs page maupun situs (blog) page hingga dapat mempermudah reader maupun pengunjung untuk kembali´pada sisi atas dari blog/website dengan cepat saat ada di bagian bawah halaman dengan cuma sekali klik pada tombol back to top tersebut. sebagai perumpamaan sahabat dapat lihat di bagian kanan bawah dari situs (blog) saya ini

fitur back to top yang kita buat/bahas saat ini ini yaitu fitur tombol back to top menggunakan jquery. dampak jquery ini sedikit lebih lembut serta smooth dari pada dampak javascript yang lain layaknya pada animasi bintang jatuh dari kursor yang menggunakan javascript biasa. berlebihan nya juga yaitu dampak back to top ini amat mudah saat di loading serta amat pas dipakai di dalam situs (blog) pastinya untuk yang senang me-modifikasi blog-nya dengan suatu hal yang unik, indah serta berguna. untuk bikin nya silakan ikuti panduan & tricks blogger tersebut.

langkah membuat/memasang tombol back to top dengan jquery di blogger

• silakan login di blogger
• tentukan template ubah html klik expand widget template
• mencari kode /body ( pakai ctrl+f )
• copy kode di bawah ini serta paste pas di atas kode /body ( bila kode di bawah telah ada di template sahabat, kode di bawah tak perlu dipasang lagi )

<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js’ type=’text/javascript’/>

• lantas copy lagi kode di bawah ini serta lantas paste pas di bawah kode diatas

<script src=’http://bloggerpeer.googlecode.com/files/backtotop.js’ type=’text/javascript’/>
<!– Back to top designed by Blogger Peer – bloggerpeer.blogspot.com –>
<a href=’#’ style=’display:scroll;position:fixed;bottom:5px;right:5px;’ title=’Back to Top’><img onclick=’MGJS.goTop();return false;’ src=’http://1.bp.blogspot.com/-FjrYiE6C8ZY/TqJMQWu2osI/AAAAAAAAADI/GFdFWFPlO6o/s1600/back-to-top.gif’/></a>

• paling akhir simpan template sahabat serta tombol back to top telah dapat digunakan

cbox atau lebih dikenal sebagai buku tamu adalah perihal yang tidak asing lagi didunia blogger, telah banyak tutorial-tutorial yang mengulas perihal langkah pemasangan cbox, baik dengan langkah standar ataupun dengan langkah pengubahan kode css.

saat ini saya dapat memposting langkah menempatkan cbox auto hiden dari semua arah, semua arah maksudnya yakni cbox bisa diletakkan atau nampak dari sisi sebelah kiri situs (blog), kanan situs (blog), bawah situs (blog), serta atas situs (blog), serta diikutkan juga animasi gambar gif sebagai background.

saya kira cukup sekian bla bla bla penerangan saya, serta mari kita menuju kepokok kajian.

di bawah ini yaitu langkah menempatkan buku tamu / cbox di situs (blog) nampak dari beragam arah :

• layaknya biasa sahabat mesti login dulu di account situs (blog) sobat
• tentukan tata letak
• makin gadget html/java script
• setelah itu copy paste kode script dibawah ini serta masukan ke didalam gadget html/java script.

<style type=”text/css”>
#at{
position:fixed;
right:35%;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:0px;
width:0px;
float:top;
cursor:pointer;
background:url(url);
}
.atcontent{
float:left;
border:2px solid #fff;
background:url(http://lh5.ggpht.com/_yF0–u7KSSI/TKgzluISmnI/AAAAAAAAAxE/PC55GBEXvig/kembangApi.gif)#000000 repeat-x bottom center scroll;
-moz-border-radius:10px;
padding:10px;
}
.atcontent:hover{
border:2px solid #fff;
background:url(http://petir-project.googlecode.com/files/zuaz-petir.gif)#000000 repeat-x bottom center scroll;
}
</style>
<script type=”text/javascript”>
function showHideAT(){
var at = document.getElementById(“at”);
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById(“at”);
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.bottom = x.toString() + “px”;
if(x0!=xf){setTimeout(“moveAT(“+x+”, “+xf+”)”, 10);}
}
</script>
<div id=”at”>
<div onclick=”showHideAT()”> </div>
<div>
<div align=”center”>
<div style=”background:url(http://i53.tinypic.com/oiu4n9.gif) no-repeat;”>

Strip kode cbox sobat

</div>
</div>
<br />
<div align=”right”><a href=”javascript:void(0);” onclick=”showHideAT()”><img border=”0″ src=”http://i859.photobucket.com/albums/ab159/yudhizh/ButtonCloseWhite-BlackStroke.png” alt=”close” title=”Tutup Cbox” /></a></div>
</div></div>

<script type=”text/javascript”>
var at = document.getElementById(“at”);
at.style.bottom = (-200-at.offsetWidth).toString() + “px”;
</script>

klik save / simpan.