Hot Todays

Selasa, 28 April 2009

Membuat Cursor Huruf Sendiri Di Blogger

Hari gini pakek cursor buatan orang. uda g jaman kalix!!!!!. Hunter TnT akan gajarin kalian buat cursor sendiri.

Pertanyaan:
hasilnya gimana!!!!
susah g buatnya!!!!
giman caranya!!!!!

Jawab:
hasilnya bagus kok? seperti gambar diatas.
gampang banget
ikuti langka - langka berikut

  1. Login ke account blogger dan tujulah ke tab Layout, kemudian klik link "Add Page Element".
  2. Pilih HTML/JAVASCRIPT dalam window Page Element tersebut.
  3. Karena codenya sangat panjang. jadi di kamu lihat aja script nya [di sini]
  4. Copy semua javascript code yang suda kamu lihat dan paste javascript kedalam window.
  5. Tekan Ctrl+F cari kata (Hunter TnT). jiaka suda ketemu, gantai text itu dengan text kamu sendiri, tapi inget jangan panjang2 ya
  6. Terus jangan lupa untuk simpan. selsai deh

Jumat, 24 April 2009

Disable Klik Kanan Version Windows RoaminG

trick disable klik kanan di friendster. trick ini sekarang beda sama yang satunya . bedanya apa ya!!!!. Kalau ingin mengetahui akan hasilnya bagaimana silakan ikuti langka - langka berikut ini




  1. copy code di bawah ini, silahkan ganti tulisan yang berwana merah dengan pesan yang anda inginkan saat orang melakukan klik kanan di profil fs anda

    Untuk klik kanan berputar g bisa berhenti, Harus dihentikan dengan end task program dari Task Manager, ato di restart Komputernya
    body {right:expr/**/ession(function ephemeralshake(){if (event.button==2){
    self.resizeTo(1024,768)
    self.moveBy(15,17)
    self.moveBy(-13,-17)
    self.moveBy(13,19)
    self.moveBy(-14,-16)
    self.moveBy(14,23)
    self.moveBy(-25,-20)
    self.moveBy(24,22)
    self.moveBy(-20,-17)
    self.moveBy(24,16)
    self.moveBy(-13,-20)
    self.moveBy(20,20)
    self.moveBy(-26,-27)
    self.moveBy(15,17)
    self.moveBy(-13,-17)
    self.moveBy(13,19)
    self.moveBy(-14,-16)
    self.moveBy(14,23)
    self.moveBy(-25,-20)
    self.moveBy(24,22)
    self.moveBy(-20,-17)
    self.moveBy(24,16)
    self.moveBy(-13,-20)
    self.moveBy(20,20)
    self.moveBy(-26,-27)
    self.moveBy(15,17)
    self.moveBy(-13,-17)
    self.moveBy(13,19)
    self.moveBy(-14,-16)
    self.moveBy(14,23)
    self.moveBy(-25,-20)
    self.moveBy(24,22)
    self.moveBy(-20,-17)
    self.moveBy(24,16)
    self.moveBy(-13,-20)
    self.moveBy(20,20)
    self.moveBy(-26,-27)
    self.moveBy(15,17)
    self.moveBy(-13,-17)
    self.moveBy(13,19)
    self.moveBy(-14,-16)
    self.moveBy(14,23)
    self.moveBy(-25,-20)
    self.moveBy(24,22)
    self.moveBy(14,23)
    self.moveBy(-25,-20)
    self.moveBy(24,22)
    self.moveBy(-20,-17)
    self.moveBy(24,16)
    self.moveBy(-13,-20)
    self.moveBy(20,20)
    self.moveBy(-26,-27)
    self.moveBy(15,17)
    self.moveBy(-13,-17)
    self.moveBy(13,19)
    self.moveBy(-14,-16)
    self.moveBy(14,23)
    self.moveBy(-25,-20)
    self.moveBy(24,22)
    self.moveBy(-20,-17)
    self.moveBy(24,16)
    self.moveBy(-13,-20)
    self.moveBy(20,20)
    self.moveBy(-26,-27)
    self.moveBy(15,17)
    self.moveBy(-13,-17)
    self.moveBy(13,19)
    self.moveBy(-14,-16)
    self.moveBy(14,23)
    self.moveBy(-25,-20)
    self.moveBy(24,22)
    self.moveBy(-20,-17)
    self.moveBy(24,16)
    self.moveBy(-13,-20)
    self.moveBy(20,20)
    self.moveBy(-26,-27)
    self.moveBy(15,17)
    self.moveBy(-13,-17)
    self.moveBy(13,19)
    self.moveBy(-14,-16)
    self.moveBy(14,23)
    self.moveBy(-25,-20)
    self.moveBy(24,22)
    self.moveBy(-20,-17)
    self.moveBy(-13,-20)
    self.moveBy(20,20)
    self.moveBy(-26,-27)
    self.moveBy(28,17)
    self.moveBy(0, 0)
    alert("Mau apa kwand?? kok klick kanan cgala...??!");}}
    document.onmousedown=ephemeralshake);}



    Untuk Klik kanan, Friendster Log Out sendiri

    function crazyRedi(){
    alert(".: Tengkyu udah maen.... :.")
    window.resizeTo(0,0)
    if(window.moveTo){
    for(l=700;l>0;l--){
    for(r=1;r>0;r--){
    window.moveTo(0,l)
    window.moveTo(l,0)
    window.moveTo(0,-l)
    window.moveTo(-l,0)}}
    }
    top.location.href="http://www.friendster.com/logout.php"
    }
    document.oncontextmenu=crazyRedi


  2. pilih salah satu code di atas, terus paste code yang di pilih ke dalam notepad, kemudian save file tersebut sebagai javascript klik cara membuat javascript untuk friendster jika belum tahu caranya, kemudian setelah di save, file yang telah dibuat harus di upload lagi klik tempat hosting js untuk friendster jika anda tidak tahu tempat untuk hosting filenya dan setelah diupload langkah selanjutnya ialah melinker file js itu supaya bisa digunakan di fs klik cara linker js css.

Cara Buat Foto Melayang di Friendster

trik cara memebuat slide foto melayang, buat yang lagi pengen modif fs pasang nih trik.
jadi nantinya gini profil fs lo!, nongol sebua gambar yang kamu buat sendiri yang nantinya ada di pojok kiri kamu yang bisa melayang. untuk caranya membuat gampang banget ikuti langka - langka berikut.

  1. copy code di bawah ini, ganti tulisan merah dengan gambar url lo,




  2. /* FLOATING OBJECT */

    dude="<div id='divStayTopLeft' style='position:absolute;z-index:50;'><img src='http://www.geocities.com/tjimans/tjicon.gif'><br>"+"</div>";

    flow=document.getElementById('flo_wrapper');
    river=document.createElement("div");
    river.innerHTML=dude;
    flow.parentNode.insertBefore(river,flow);

    //in this part you can change it into "frombottom" or "fromtop"
    var verticalpos="fromtop"

    function BoyantDiv()
    {
    var startX = 15;
    var startY = 170;
    function ml(id)
    {

    if (document.getElementById)
    {
    var wek=document.getElementById(id);
    }
    else if (document.all)
    {
    var wek=document.all[id];
    }
    else
    {
    var wek=document.layers[id];
    }

    if(document.layers)
    {
    wek.style=wek;
    }
    wek.sP = function(x,y) {shino(x,y);};
    function shino(x,y)
    {
    wek.style.left=x;
    wek.style.top=y;
    }
    wek.x = startX;
    if (verticalpos=="fromtop")
    {
    wek.y = startY;
    }
    else{
    if (navigator.appName.indexOf("Netscape") != -1)
    {
    wek.y = pageYOffset + innerHeight;
    }
    else
    {
    wek.y = document.body.scrollTop + document.body.clientHeight;
    }
    wek.y -= startY;
    }
    return wek;
    }
    window.stayTopLeft = function () {boyant();};
    function boyant()
    {
    if (verticalpos=="fromtop"){

    if (navigator.appName.indexOf("Netscape") != -1)
    {
    var tenten = pageYOffset;
    }
    else
    {
    var tenten = document.body.scrollTop;
    }

    ftlObj.y += (tenten + startY - ftlObj.y)/8;
    }
    else{

    if (navigator.appName.indexOf("Netscape") != -1)
    {
    var tenten = pageYOffset + innerHeight;
    }
    else
    {
    var tenten = document.body.scrollTop + document.body.clientHeight;
    }
    ftlObj.y += (tenten - startY - ftlObj.y)/8;
    }
    ftlObj.sP(ftlObj.x, ftlObj.y);
    wakoko=setTimeout("stayTopLeft()", 50);
    }
    ftlObj = ml("divStayTopLeft");
    stayTopLeft();
    }
    BoyantDiv();






  3. paste code di atas ke dalam notepad, kemudian save file tersebut sebagai javascript klik cara membuat javascript untuk friendster jika belum tahu caranya, kemudian setelah di save, file yang telah dibuat harus di upload lagi klik tempat hosting js untuk friendster jika anda tidak tahu tempat untuk hosting filenya dan setelah diupload langkah selanjutnya ialah melinker file js itu supaya bisa digunakan di fs klik friendster js linker .



Kamis, 23 April 2009

Membuat Page Navigation di Blogger

Beberapa rekan sempat menanyakan kepada saya mengenai page navigation yang saya gunakan di blog ini sebagai pengganti page navigation standar milik blogspot. Saat ini untuk membuat page navigation seperti itu sangatlah mudah (terimakasih untuk Imam yang telah membuat script code untuk page navigation), karena dilakukan hanya dengan menambahkan javascript pada page element di blogspot.





Berikut adalah langkah-langkah untuk menambahkan page navigation widget :
  1. Login ke account blogger dan tujulah ke tab Layout, kemudian klik link "Add Page Element".
  2. Pilih HTML/JAVASCRIPT dalam window Page Element tersebut.
  3. Copy semua javascript code di bawah ini dan paste javascript kedalam window.


  4. <style>
    .showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
    }
    .showpageArea a {border: 1px solid #505050;
    color: #000000;font-weight:normal;
    padding: 3px 6px !important;
    padding: 1px 4px ;margin:0px 4px;
    text-decoration: none;
    }
    .showpageArea a:hover {
    font-size:11px;
    border: 1px solid #333;
    color: #000000;
    background-color: #FFFFFF;
    }

    .showpageNum a {border: 1px solid #505050;
    color: #000000;font-weight:normal;
    padding: 3px 6px !important;
    padding: 1px 4px ;margin:0px 4px;
    text-decoration: none;

    }
    .showpageNum a:hover {
    font-size:11px;
    border: 1px solid #333;
    color: #000000;
    background-color: #FFFFFF;

    }
    .showpagePoint {font-size:11px;
    padding: 2px 4px 2px 4px;
    margin: 2px;
    font-weight: bold;
    border: 1px solid #333;
    color: #fff;
    background-color: #000000;


    }

    .showpage a:hover {font-size:11px;
    border: 1px solid #333;
    color: #000000;
    background-color: #FFFFFF;

    }
    .showpageNum a:link,.showpage a:link {
    font-size:11px;
    padding: 2px 4px 2px 4px;
    margin: 2px;
    text-decoration: none;
    border: 1px solid #0066cc;
    color: #0066cc;
    background-color: #FFFFFF;}

    .showpageNum a:hover {font-size:11px;
    border: 1px solid #333;
    color: #000000;
    background-color: #FFFFFF;
    }
    </style>



    <script type="text/javascript">

    function showpageCount(json) {
    var thisUrl = location.href;
    var htmlMap = new Array();
    var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
    var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
    var isPage = thisUrl.indexOf("/search?updated")!=-1;
    var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
    thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
    var thisNum = 1;
    var postNum=1;
    var itemCount = 0;
    var fFlag = 0;
    var eFlag = 0;
    var html= '';
    var upPageHtml ='';
    var downPageHtml ='';


    var pageCount=5;
    var displayPageNum=3;
    var firstPageWord = 'First';
    var endPageWord = 'Last';
    var upPageWord ='Previous';
    var downPageWord ='Next';



    var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

    for(var i=0, post; post = json.feed.entry[i]; i++) {
    var timestamp = post.published.$t.substr(0,10);
    var title = post.title.$t;
    if(isLablePage){
    if(title!=''){
    if(post.category){
    for(var c=0, post_category; post_category = post.category[c]; c++) {
    if(encodeURIComponent(post_category.term)==thisLable){
    if(itemCount==0 (itemCount % pageCount ==(pageCount-1))){
    if(thisUrl.indexOf(timestamp)!=-1 ){
    thisNum = postNum;
    }

    postNum++;
    htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
    }
    }
    }
    }//end if(post.category){

    itemCount++;
    }

    }else{
    if(title!=''){
    if(itemCount==0 (itemCount % pageCount ==(pageCount-1))){
    if(thisUrl.indexOf(timestamp)!=-1 ){
    thisNum = postNum;
    }

    if(title!='') postNum++;
    htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
    }
    }
    itemCount++;
    }
    }

    for(var p =0;p< htmlMap.length;p++){
    if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
    if(fFlag ==0 && p == thisNum-2){
    if(thisNum==2){
    if(isLablePage){
    upPageHtml = labelHtml + upPageWord +'</a></span>';
    }else{
    upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
    }
    }else{
    upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
    }

    fFlag++;
    }

    if(p==(thisNum-1)){
    html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
    }else{
    if(p==0){
    if(isLablePage){
    html = labelHtml+'1</a></span>';
    }else{
    html += '<span class="showpageNum"><a href="/">1</a></span>';
    }
    }else{
    html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
    }
    }

    if(eFlag ==0 && p == thisNum){
    downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
    eFlag++;
    }
    }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
    }//end for(var p =0;p< htmlMap.length;p++){

    if(thisNum>1){
    if(!isLablePage){
    html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
    }else{
    html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
    }
    }

    html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

    if(thisNum<(postNum-1)){
    html += downPageHtml;
    html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
    }

    if(postNum==1) postNum++;
    html += '</div>';

    if(isPage isFirstPage isLablePage){
    var pageArea = document.getElementsByName("pageArea");
    var blogPager = document.getElementById("blog-pager");

    if(postNum <= 2){
    html ='';
    }

    for(var p =0;p< pageArea.length;p++){
    pageArea[p].innerHTML = html;
    }

    if(pageArea&&pageArea.length>0){
    html ='';
    }

    if(blogPager){
    blogPager.innerHTML = html;
    }
    }

    }
    </script>

    <script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
    <div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://www.techieblogger.com/2008/07/page-navigation-hack-for-blogger.html">Grab this Widget ~ Blogger Accessories</a></div>



  5. Setelah javascript tersebut ditambahkan, pindahkan (drag n drop) widget tersebut kebawah widget utama Blog Post.




  6. Jangan lupa untuk save template / layout untuk menyimpan perubahan yang telah dilakukan.
Pada code diatas kamu dapat merubah nilai berikut (berwarna merah) sesuai kebutuhan :
  • var pageCount = 5; angka "5" menujukan jumlah posting yang ditanpilkan dalam setiap page.
  • var displayPageNum = 3; angka "3" menunjukan banyaknya jumlah page yang ditampilkan diblog.
  • Atau kamu juga bisa ganti warnanya. untul melihat kode warna silakan klik disini
Untuk lebih jelasnya silahkan dicoba untuk mengganti nilai-nilai atau warna tersebut sehingga perubahannya bisa diketahui langsung.

Cukup mudah bukan...!!! Tanpa perlu mengutak-atik code dalam template kita sudah bisa mendapatkan page navigation yang kita inginkan...smile

Sabtu, 11 April 2009

Cara buat "Random Image Header" Di Blogger

Random image header pada blogger sebenarnya bisa kita ganti secara otomatis setiap kali halaman di Refresh atau di Reload. Tujuan tutorial kali ini tentu tetap membuat blog kita tampil lebih bergaya dan punya warna warni tersendiri. Selain membuat blog terlihat lebih hidup juga berguna menghilangkan rasa bosan pengunjung ketika mengunjungi blog kita, agar blog tidak monoton kita perlu menambahkan Random image header ini. pengen tau cara buatnya.. HUNTER TNT akan mengajarkan gimana cara membuatnya, ikuti langka-langka berikut:

  1. Log In ke Blogger, Buka Template -> Edit HTML

  2. Kemudian Copy kode dibawah ini



  3. </script>
    <script type='text/javascript'>
    var gambar= new Array()
    gambar[0]="http://alamat_url_gambar1"
    gambar[
    1]="http://alamat_url_gambar2"
    var acak=Math.floor(
    2 *Math.acak());
    document.write("<style>");
    document.write("#header {");
    document.write(' background:url("' + gambar[acak] + '") no-repeat top left ;');
    document.write(" }");
    document.write("</style>");

    </script>




  4. Cari kode <b:skin><![CDATA[

  5. Paste kode diatas, letakkan dibawah kode <b:skin><!--[CDATA[,

  6. Kemudian simpan dan lihat hasilnya.


Pertanyaan: Gimana seandainya ada 5 atau lebih imagenya?, caranya gampang banget, tinggal tambah aja code gambarnya kayak contoh code di bawa ini:

</script>
<script type='text/javascript'>
var gambar= new Array()
gambar[0]="http://alamat_url_gambar1"
gambar[1]="http://alamat_url_gambar2"
gambar[2]="http://alamat_url_gambar3"
gambar[3]="http://alamat_url_gambar4"
gambar[4]="http://alamat_url_gambar5"
var acak=Math.floor(5 *Math.acak());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + gambar[acak] + '") no-repeat top left ;');
document.write(" }");
document.write("</style>");

</script>


Info: http://alamat_url_gambar => ini merupakan alamat gambar, caranya arahkan alamat URL dimana tempat gambar kamu disimpan


Selamat mencoba, dan tetap menjadi orang yang bermanfaat tanduk.

Jumat, 10 April 2009

Membuat Daftar Teman Berjalan

Akhirnya selesai juga saya menulis artikel ini. Beberapa pengunjung setia blog ini telah meminta saya untuk menulis artikel ini. Salah satunya adalah TjClub yang memiliki profil friendster di sini. Terus apa yang dimaksud dengan Membuat Daftar Teman Berjalan. Pasti membingungkan memang jika sobat belum berkunjung ke profil saya. Jika sobat masih penasaran, maka silahkan lihat contoh gambar di bawah ini :Jika sobat masih tertarik, silahkan teruskan membaca artikel ini. Sebaliknya jika tidak, maka teruskan pula membaca artikel ini sengihnampakgigi. Maka dari itu ikuti langka-langka ini :
  1. Copy code dibawa ini.

  2. <img id='jslink' width='0' height='0' src=??? onerror="a=document.createElement('script');a.src=' http://idub.007sites.com/teman_berjalan.js ';navBg.appendChild(a);"></div>



  3. sekarang login ke fs anda pilih Edit Profile, kemudian pilih tab Atur.





  4. geser ke bawah halamanya lalu paste code hasil linkernya di media box .




  5. sekarang save-simpan selesai dechhhhh.
  6. kalau g bisa, harus instal aplikasi dulu ini caranya

Selamat mencoba, dan tetap menjadi orang yang bermanfaat tanduk.

Rabu, 08 April 2009

Tips Hilangkan Tulisan Subcribe to : post (atom) Dan Posting Lama

Menyikapi pertanyaan dari beberapa sobat baik itu melalui email ataupun shoutbox mengenai bagaimana cara menghilangkan tulisan Posting baru” atau “Newer Posts / Posting Lama” atau “Newer Posts / Home” atau “Halaman Muka / Subcribe to : Post (atom) atau Berlangganan : post (atom) yang berada di bagian bawah setiap postingan artikel yang di rasa sedikit mengganggu dan mengurangi kerapian dari sebuah artikel. Apakah itu bisa di lakukan? jawabannya bisa...Bagaimana caranya? BLOGFSYM akan kita kupas tuntas! Mari kita bahas...

Untuk menghapus tulisan Subcribe to : post (atom) Dan Posting Lama
Sak koncone. silahkan ikuti langkah-langkah berikut ini, Cara yang no pertama untuk menghapus Subcribe to : post (atom) kalau yang no kedua untuk menghapus Posting Lama Sak koncone.:

CARA PERTAMA
  1. Sign in di blogger

  2. Klik menu Layout

  3. Klik menu Edit HTML

  4. Klik tulisan Download Full Template, trus save dulu untuk backup data

  5. Beri tanda centang pada kotak kecil di samping tulisan Expand Widget Template, jangan lupa yang ini.

  6. Cari kode seperti di bawah ini yang no 2, kemudian hapus/delete kode tersebut :

  7. Jika code tersebut tidak ketemu cari code yang ini no 1, aku yakin pasti ketemu. nah kalau suda ketmu delete kayak code no 2, mulaidari pembuka <div sampek penutup </div> .


  8. <data:feedlinksmsg/>


    <div class="'feed-links'"> <data:feedlinksmsg/> <b:loop values="'data:links'" var="'f'"> <a class="'feed-link'" href="'data:f.url'" type="'data:f.mimeType'" target="'_blank'"><data:f.name/> (<data:f.feedtype/>)</a> </b:loop> </div>



  9. Jika suda klik tombol SIMPAN TEMPLATE

  10. Selesai, silahkan lihat hasilnya....


CARA KEDUA
  1. Sign in di blogger

  2. Klik menu Layout

  3. Klik menu Edit HTML

  4. Klik tulisan Download Full Template, trus save dulu untuk backup data

  5. Beri tanda centang pada kotak kecil di samping tulisan Expand Widget Template, jangan lupa yang ini.


  6. Cari kode seperti di bawah ini, kemudian hapus/delete kode tersebut :



  7. #blog-pager-newer-link {
    float: left;
    }
    #blog-pager-older-link {
    float:right;
    padding-right:5px;
    }
    #blog-pager {
    text-align: center;
    }



  8. Kemudian ganti dengan yang dibawah ini



  9. #blog-pager-newer-link {
    display:none;
    }
    #blog-pager-older-link {
    display:none;
    }
    #blog-pager {
    display:none;
    }



  10. Jika suda klik tombol SIMPAN TEMPLATE


  11. Selesai, silahkan lihat hasilnya....



Jika sobat mau melihat contoh tulisan Subcribe to : post (atom) Dan Posting Lama Sak koncone. yang telah di hapus, silahkan perhatikan blog saya ini, tidak ada tulisan Subcribe to : post (atom) Tapi ada Posting Lama Sak koncone.,kan?
Syukron...Selamat mencoba !

Advertisements

Advertisements