Tampilkan postingan dengan label TUTORIAL BLOG. Tampilkan semua postingan
Tampilkan postingan dengan label TUTORIAL BLOG. Tampilkan semua postingan

Rabu, 16 Februari 2011

MENAMBAH STATUS TWITTER PD BLOG

    Anda mungkin ingin pengunjung blog tahu update demi update status Anda di Twitter. Kita dapat menampilkan status Twitter ini pada sidebar blog dengan menggunakan widget yang disediakan oleh Widgetbox. Widgetbox merupakan salat satu penyedia platform web widget terkemuka, sebuah aplikasi portabel mini yang dapat ditambahkan ke halaman web.
Cara membuatnya juga mudah: pilih layanan widget yang ingin ditampilkan, buat widget-nya, lalu copy dan paste-kan script ke dalam blog.

Simak langkah-langkahnya berikut ini:
1.Buka http://www.widgetbox.com
2.Klik widget Twitter pada kotak yang tersedia.
3. Masukkan username Twitter Anda, lalu klik “Make Widget”.

4.Pilih layout, theme dan warna theme yang diinginkan. Setelah selesai klik “Upgrade Now”.
5.Masuk ke halaman depan widgetbox Anda, lalu pilih “Widgets Made”.

6.Klik widget foto yang telah Anda buat tadi. Klik “Get Your Widget” pada kotak “Widget Effectiveness” yang terletak di pojok kiri bawah.

7.Selanjutnya akan muncul badge Flickr Anda. Klik “Get Widget” untuk mendapatkan kode embed-nya.
8.Akan muncul window berisi kode embed widget Flickr Anda, pilih “Flash” lalu copy kode tersebut.

9.Masuk ke halaman dashboard blog Anda. Pilih menu “Appeareance”, lalu klik “Widget”.
10.Tambahkan “Text” widget pada sidebar dengan meng-klik “Add” pada menu tersebut.
11.Paste kode embed yang tadi Anda copy ke dalam kotak yang tersedia. Setelah selesai, klik “Done”.

CARA MEMASANG GAMBAR TETAP DI KIRI HALAMAN

           Halo....,teman., bagaimana kabarnya ? ya mudah-mudahan baik-baik aja ya., hehe.,  Kali ini ku mau posting tentang cara "membuat gambar tetap di kiri halaman"., kalau masih belum tau apa itu.., liat di blog percobaanku DISINI., tau kan ? yang bannernya Akatsuki Blog™ di sebelah kiri itu loh..,  yah begitulah maksudku.,  blog kalian mau dipasang gambar seperti gitu ?? ya sudah dech.., ku kasih tau carannya ni..,
       
Caranya :
  1. Login ke blogspot.com.
  2. Lalu menuju ke Rancangan >> Edit HTML.
  3. Cari kode  ]]></b:skin> ( Ctrl+F )
  4.  Lalu coPpas kode dibawah ini tepat di atas kode ]]></b:skin>  #trik_pojok  { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }   
  5.  Kemudian cari lagi kode </body>. CopPas kode ini tepat diatasnya :

    <div id="trik_pojok">
    <a href="
    http://samegawara.blogspot.com">
    <img src="
    http://i1031.photobucket.com/albums/y380/DeoNagato/th_anigif.gif?t=1276860992" border="0" /></a>
    </div>


  6.  Kemudian ganti http://samegawara.blogspot.com dengan alamat blog anda. Dan juga ganti http://i1031.photobucket.com/albums/y380/DeoNagato/th_anigif.gif?t=1276860992 dengan alamat gambar yang ingin anda jadikan gambar tetap di kiri halaman blog anda.

  7.  Lalu saVe.., dan liatlaH hasilnya.., bagus kan.., hehe..,
     JangaN lupA berI komEntar ya..,
BegitULah cara memasang gambar tetap di kiri halaman blog..,
ty for visIt mY friends.........,

HIDDEN CHATBOX

          Hidden Chatbox adalah sebuah tempat menyimpan atau meletakkan widget chatbox (Shoutmix, Shoutbox, dll) yang bisa bersembunyi. Contohnya seperti punyaku yang ada di sebelah kanan dan kiri., Manfaat dari Hidden Chatbox ini untuk menghemat template blog., Apakah kalian mau menggunakan cara seperti ini ? ya udah akan ku kasih tau caranya.
         Caranya sebagai berikut :

  1. Login ke Blogspot >> Rancangan >> Elemen Laman 
  2. Itu kan sudah langsung ke Elemen Laman terus Tambah Gadget >> Edit HTML/ Javasript
  3. CopPas kode di bawah ini :

    Left Hidden Chatbox


    <!-- left hidden chatbox by http://samegawara.blogspot.com/ START -->
    <style>
    #hcl {
    position:fixed;
    top:
    100px;
    left:0px;
    z-index:+1000;
    }
    * html #hcl {position:relative;}
    .hcltab {
    height:
    100px;
    width:
    30px;
    float:left;
    cursor:pointer;
    background:url('
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB57jP8SrWQHxFfH3E63HZDuucgehqCb7SzcfzSUp6_5gzM9hWnl8c4D0K9NVClRixiNInXc9E9udCTEik9SUFmQebw5wLTtNfhJoGXo64sL4QsDvxMZRJw686AqMMtKqhb_JhUTpQV5Y/s400/cbred-LEFT.png') no-repeat;
    }
    .hclcontent {
    float:left;
    border:2px solid #790909;
    background:#f3f6f7;
    padding:10px;
    }
    .hc-credit {font-size:9px}
    .hc-credit a {text-decoration:none}
    </style>
    <script type="text/javascript">
    function showHidehcl(){
    var hcl = document.getElementById("hcl");
    var w = hcl.offsetWidth;
    hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
    hcl.opened = !hcl.opened;
    }
    function movehcl(x0, xf){
    var hcl = document.getElementById("hcl");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    hcl.style.left = x.toString() + "px";
    if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="hcl">
    <div class="hclcontent">

    <!-- KODE SHOUTMIX ANDA DISINI -->

    <br />
    <div class="hc-credit">
    <span style="float:left">
    <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
    <a href="http://29101996.blogspot.com/2010/06/hidden-chatbox.html" target="_blank">
    Get this widget!
    </a>
    </span>
    <span style="float:right">
    <a href="javascript:showHidehcl()">
    [close]
    </a>
    </span>
    </div>
    </div>
    <div class="hcltab" onclick="showHidehcl()"> </div>

    </div>
    <script type="text/javascript">
    var hcl = document.getElementById("hcl");
    hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
    </script>
    <!-- left hidden chatbox by http://29101996.blogspot.com/ END -->


    Right Hidden Chatbox



    <!-- right hidden chatbox by http://samegawara.blogspot.com/ START -->
    <style>
    #hcr {
    position:fixed;
    top:
    100px;
    z-index:+1000;
    }
    * html #hcr {position:relative;}
    .hcrtab {
    height:
    100px;
    width:
    30px;
    float:left;
    cursor:pointer;
    background:url('
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaE8QvKN-oT1uBNanrFDTDGol5WQxTCSxJv1E34JGpgvkCYIoQ4HzgZtOmX8vkC3t2GLWcyTVy2Z9banpLQ6ff954Q06e0vQydJZiQpGuah_yGUiMPxECJTmIukSXZewTaEKAAGuoO7iU/s400/cbblue.png') no-repeat;
    }
    .hcrcontent {
    float:left;
    border:2px solid #003e82;
    background:#f3f6f7;
    padding:10px;
    }
    .hc-credit {font-size:9px}
    .hc-credit a {text-decoration:none}
    </style>
    <script type="text/javascript">
    function showHidehcr(){
    var hcr = document.getElementById("hcr");
    var w = hcr.offsetWidth;
    hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
    hcr.opened = !hcr.opened;
    }
    function movehcr(x0, xf){
    var hcr = document.getElementById("hcr");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    hcr.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="hcr">
    <div class="hcrtab" onclick="showHidehcr()"> </div>
    <div class="hcrcontent">

    <!-- KODE SHOUTMIX ANDA DISINI -->

    <br />
    <div class="hc-credit">
    <span style="float:left">
    <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
    <a href="http://29101996.blogspot.com/2010/06/hidden-chatbox.html" target="_blank">
    Get this widget!
    </a>
    </span>
    <span style="float:right">
    <a href="javascript:showHidehcr()">
    [close]
    </a>
    </span>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    var hcr = document.getElementById("hcr");
    hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
    </script>
    <!-- right hidden chatbox by http://29101996.blogspot.com/ END -->
Tulisan berwarna biru = Menunjukkan bahwa jarak tab dari atas
Tulisan berwarna biru muda = Tinggi dan lebar tab pembuka hidden chatbox
Tulisan berwarna kuning = Gambar yang dijadikan sebagai tab pembuka hidden chatbox

SemoGa pOstinG Q kali ini berManfAat bagi semua yang liat postingku ini dan jangan lupa tinggalkan komentar.., byE..,

MEMBUAT TEXT BERJALAN DI TAB BROWSER

       saLam para bLOgGer.., kali ini saya akan memPosting "Membuat Text Berjalan di Tab Browser" sudah tau kan apa'an itu ? belum..,? ya sudah liat nih contohnya di bLog percobaan ku., Rain Village (bLog PercobAan).., sudah tau kan ?? itu loh yang di atas yang text berjalan itu.., nah sudah tau kan sekarang..,
       BLog kalian mau diberi Text Berjalan di Tab Browser ?? kalau mau ikuti cara-caranya berikut :


  1.  Login ke bLogger anda.
  2.  Pilih Rancangan >> Edit HTML. 
  3. Cari kode <head>, lalu coPpas kode berikut :


    <script type='text/javascript'>
    //<![CDATA[
    msg = "Text 2";
    msg = "Text 1" + msg;pos = 0;
    function scrollMSG() {
    document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
    if (pos > msg.length) pos = 0
    window.setTimeout("scrollMSG()",200);
    }
    scrollMSG();
    //]]>
    </script>

    Ganti tulisan Text 1 dan Text 2 sesuai keinginan anda.

  4. Contohnya yang seperti di Rain Village (bLog PercobAan).


    script type='text/javascript'>
    //<![CDATA[
    msg = "(blog percobaan)";
    msg = "Rain Village" + msg;pos = 0;
    function scrollMSG() {
    document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
    if (pos > msg.length) pos = 0
    window.setTimeout("scrollMSG()",200);
    }
    scrollMSG();
    //]]>
    </script>

       yA.., semoga postingku kali ini bermanfaat bagi kalian, para blogger pemula., akhir kata saya ucapkan jangan lupa beri komentar.., hehe.., sEE you !!

MENGHILANGKAN KODE HTML PD POSTING

       yA.., siang-siang gini enaknya internetan ya..., waktu buka chatbox saya mendapat request dari Abd. Hakim untuk memposting cara "Menampilkan Kode HTML pada Posting".., bagi para pemula blogger pasti banyak yang bingungkan ?? karena jika ingin menulis > < pasti hilang.., ya kan ?

       Mengapa itu bisa terjadi ?? yang perlu diperhatikan adalah bahwa dalam blog pun mengenal kode HTML. Untuk itu kita harus mengganti karakter-karakter perintah HTML dengan lambang tertentu. Karakter-karakter yang sering digunakan antara lain adalah <, >, &,.

Kita langsung aja menuju ke http://centricle.com/tools/html-entities/

Misalnya saja, kita ingin mengetikkan kode :

<script style="text/javascript" src="http://kendhin.890m.com/comments.js"></script><script style="text/javascript">var a_rc=10;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://29101996.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>



 


        kita tinggal copy paste kode diatas lalu di letakkan di kotak yang berwarna putih itu.., lalu tekan encode kalau sudah copy paste lagi.., ditaruh di postingan deh.., moga-moga postingku kali ini bermanfaat untuk kalian semua.,,, jangan lupa beri komentar.......,

MEMASANG GADGETS TUKAR FONT PD BLOG

        Okelah...., kali ini saya akan memposting "Memasang Gadget Tukar Font Pada Blog" sesuai request dari visitor Akatsuki Blog™, fatymazahra., kalian tau tidak Gadget Tukar Font seperti apa ? tidak tau ?? kasian...kasian...kasian...,. hehe..,  nih ku kasih tau apa Gadget Tukar Font itu :

         Sudah tau kan ?? blog kalian mau dipasang Gadget seperti itu.., mau ?? ya sudah deh ku kasih tau cara-caranya membuat Gadget seperti itu..,

  1. Login ke Blog anda.
  2. Klik Dasbor >> Rancangan/ Tata Letak.
  3. Lalu klik Tambah Gadget >> Pilih HTML/ JavaScript.
  4. Lalu masukan kode di bawah ini beserta kode menu dropdown di bawah ini :
  5.  
    <script> function go1(){ if (document.selecter2.select2.options [document.selecter2.select2.selectedIndex].value != "none") { document.getElementById('main').style.fontSize =document.selecter2.select2.options [document.selecter2.select2.selectedIndex].value } } function go2(){ if (document.selecter2.select3.options [document.selecter2.select3.selectedIndex].value != "none") { document.getElementById('main').style.fontFamily =document.selecter2.select3.options [document.selecter2.select3.selectedIndex].value } } </script> <form id="forma" method="POST" name="selecter2"> <select name="select3" onchange="go2()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="Times New Roman">Times New Roman </option><option value="Arial">Arial </option><option selected="selected" value="Book Antiqua">Book Antiqua </option><option value="Bookman Old Style">Bookman Old Style </option><option value="Century Gothic">Century Gothic </option><option value="Comic Sans Ms">Comic Sans Ms </option><option value="Tahoma">Tahoma </option><option selected="selected" value="Trebuchet Ms">Trebuchet Ms </option><option value="Verdana">Verdana </option></select> <select name="select2" onchange="go1()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="8px">8 </option><option value="9px">9 </option><option value="10px">10 </option><option value="11px">11 </option><option selected="selected" value="12px">12 </option><option value="14px">14 </option><option value="16px">16 </option><option value="18px">18 </option></select></form>

  6.  Lalu Save..,
ya..., sem0ga posting ku kali ini bermanfaat & thanks

PELACAK IP ADDRESS

    Pagi., teman......, kalian suka tidak aksesoris blog gitu ?  ya., saya menemukannya di http://www.ipnow.org.., aksesoris itu berguna untuk melacak IP pengunjung selain kita., dapat melacak browser serta Operating system yang di pakai oleh pengunjung blog.,

          Untuk mendapatkan aksesoris blog seperti ini, kalian bisa mendapatkannya di banyak situs pada internet. Agar tidak usah bingung mencari, aku akan beritahu salah satunya di http://www.ipnow.org. Salah satu contoh tampilan yang di miliki situs ini adalah sebagai berikut :



           Apakah kalian tertarik/ mau mecoba memakainya ?? ya sudah deh.., ikutin cara berikut nih :

  1. Buka situs http://www.ipnow.org
  2. Lalu kalian pilih deh yang tampilannya menrik bagi kalian***

  3. Pilih warna backround serta warna text yang di inginkan oleh sobat  lalu klik Creat My Image .,


  4. Lalu coPpAs kode Linked Image.., di HTML/ Javascript Dari blogspot.com >> Dasbor >> Rancangan >> Tambah Gadget >> Pilih HTML/ JavaSript..,

  5. Follow & beri komentar posting ini ..,
    Selamat berjuang.., hwehehehe..,

MENAMPILKAN RECENT COMMENTS

      yA...singkat saja.., kalian pernah tidak liat recent comment ?? tau tidak fungsinya .., fungsinya menampilkan recent comments atau komentar terbaru adalah supaya kita bisa dengan mudah mengetahui siapa yang baru saja memberikan komentar pada blog kita dan di postingan mana mereka berkomentar..., Recent comments ini bisa kita pasang di halaman utama blog kita.
       Cara membuatnya mudah sekali, caranya membuat Recent Comments (Komentar Terbaru) :

1. Login ke blogger lalu pilih menu "Layout"
2. Kemudian copy kode berikut ini :

<script style="text/javascript" src="http://kendhin.890m.com/comments.js"></script><script style="text/javascript">var a_rc=10;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://samegawara.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>

- Angka 10 merupakan jumlah komentar yang mau ditampilkan.
- Ganti samegawara.blogspot.com dengan nama blogmu.

3. Untuk menampilkanya di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas kedalam kotak yg disediakan.

gAmpang kan caranYa...,
hehe..,
ya kan cuma copPas doank .,
iya tidak ?
       yA..., semoga postinGku kali ini bermanfaat banyak untuk kalian para blogger pemula..,
jangan lupa beri komentar atas postingku ini..., sekiAn..,

MEMBERI BINGKAI PD GAMBAR

       Akhirnya bisa internetan lagi., setelah 2 hari tidak buka blog dan facebook.., ternyata sudah ada 3 orang yang follow blog saya.., tapi google pagerank saya kok tetap 0 terus ya.., apakah belum update apa blogku tidak terdaftar ?? ya terserahlah yang penting blogku bermanfaat bagi kalian .., hehehe..,
          Kali ini saya akan memberitahu bagaimana cara "Memberi Bingkai pada Gambar" nih ku kasih tau caranya..,


        kOdenya gambar sebagai berikut :

<a href="http://t2.gstatic.com/images?q=tbn:uXpybKxN0mS0PM::&amp;t=1&amp;usg=__r0LZrn_nY5mqc1xfphSVWCEGY3c=" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://t2.gstatic.com/images?q=tbn:uXpybKxN0mS0PM::&amp;t=1&amp;usg=__r0LZrn_nY5mqc1xfphSVWCEGY3c=" /></a></div>

       
gaMbarnya :


       Cara untuk memberi bingkainya adalah hanya memberi kode diantara kode gambar di atas :

<table border="20" cellpadding="6" />
<tr>
<td>


kode gambar yang ingin di tampilkan di sini !

</td>
</tr>
</table>


         Jadi letak posisi kode tersebut menjadi :


<table border="20" cellpadding="6" />
<tr>
<td>



<img src="http://t2.gstatic.com/images?q=tbn:uXpybKxN0mS0PM::&amp;t=1&amp;usg=__r0LZrn_nY5mqc1xfphSVWCEGY3c=" /></a></div>


</td>
</tr>
</table>


          Dan hasilnya menjadi seperti di bawah ini .., :




         Gimana ?? bagus tidak ?? kalau bagus , kenapa tidak mencobannya ??
ya..., semoga ilmu yang saya berikan kepada kalian bermanfaat ya,...
jangan lupa beri komentar jika postingku ini bermanfaat untuk kalian .....,

      mAaf ya.., ini hanya untuk template blog-blog tertentu yang bisa.., di punyaku tidak bisa .., !!

MEMBUAT TOMBOL BACK TO TOP


         Malam semuanya..., pasti kebanyakan kalian sudah tidur semua kan.., hehe.., (sotoy)., ya eyalah.., saya kan saudaranya Ki Joko Bodo (dari Hongkong).., aneh...aneh...aja ya.,?? ya malam-malam gini kalau tidak nulisa post rasannya tak enak..., betul tidak ? pasti betul..., ya..kali ini saya akan memposting "Cara Membuat Tombol Back To Top" tau tidak apa'an itu ?? kalian bisa liat di PKB (Pojok Kanan Bawah) hwehehehehe..., tau kan yang gambar panah keatas itu.., coba di klik.., wahhhhhhh..., kenapa ??.., kembali ke atas ya..., hehe..., gitu aja heboh.., kalian mau tidak dipasang Tombol Back to Top di blog kalian ?? ta sudah deh .., saya kasih tau caranya :

1. Seperti biasa..., login ke akun Blogger anda

2. Plih Layout > Edit HTML

3. Paste kode berikut sebelum kode ]]></b:skin> :

.gototop {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilUGKXfwK9fmH6IdfL-BwOBi8Sv1m79Y7pviiJEo9Y0CCYCIlT_y0O_1N0T6NeFNPLsAI9KUWafndw-jRH2nSHn8D_jERBoix65GiFqYm5FoxN4Mw1bzHCQ8qN_ws0ohYi6430bqkZnvw/s400/arrowtopdt6.gif)no-repeat;
display:block;
_display:none;
position:fixed;
z-index:9999;
text-indent:-9999px;
width:17px;
height:17px;
overflow:hidden;
outline:none;
right:8px;
bottom:35px
}

4. Selanjutnya, cari kode  </body> . Paste kode berikut di atasnya:

<a class='gototop' href='javascript:scroll(0,0)' title='Go to Top'>Top</a>



5. Terakhir, klik Save Template untuk menyimpan perubahan.



    Jangan lupa kasih komentar ya...

MEMBUAT SPOILER DI BLOG

     yA kali ini saya akan memposting tentang cara "Membuat Spoiler pada Blog" kalian tau tidak spoiler itu seperti apa.., kalau belum tau lihat posting ini pada akhirannya.., spoiler ini sejenis dengan hidden chatbox yang selalu sembunyi-sembunyian,. maksud saya fungsinya.., fungsinya adalah menghemat ruangan blog., hehehe..,
     Spoiler ini sudah terkenal sekali bagi yang selalu mengunjungi kaskus pasti disana kalian menemukan spoiler.., ya kan ??? kalian tau tidak cara membuatnya.., ya sudah dehh.., kali ini saya akan memposting  tentang itu...,

Langsung aja, untuk membuat spoiler dibutuhkan kode berikut :

<div style="margin-bottom: 2px;">Judul Spoiler
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">ISI SPOILER</div></div></div>

     jadi..., tinggal copy paste aja kan ??? ganti Judul Spoiler dengan judul Spoiler kalian.., dan ISI SPOILER  tentunya dengan isi spoiler kalian.., dan hasilnya jika kode diatas di copy paste hasilnya seperti ini :

Judul Spoiler
ISI SPOILER

gimana ?? menarik bukan...., ya semOga postingku kali ini bermanfaat bagi anda dan blog anda.., hehe.., sekian dari saya..., dan jangan lupa beri komentar.......,

HOSTING DAN SUBDOMAIN GRATIS


      Pada postingku yang terakhir pada hari ini, saya akan memberikan sedikit info tentang Hosting dan Subdomain Gratis yang tidak kalah menariknya dengan yang berbayar.  Jika kalian mempunyai blog entah dari blogspot ataupun wordpress bisa memakai Hosting dan Subdomain gratis di bawah ini. Simak baik-baik jangan sampai salah pencet ya.., di bawah ini ada 19 daftar Hosting dan Subdomain Gratis yang sangat sangat sangat terjamin kualitasnya.  Hanya yang ingin saja ya yang pakai ini :




1. PHPNet.us

Space 350MB space, 15GB bandwidth, No banner

     Didukung control panel menggunakan Vista Panel, MySQL, PHP, FTP, Free subdomain (username.phpnet.us). Cocok digunakan untuk e-commerce shop, galeri foto pribadi atau sistem bisnis manajemen konten. Dari tampilan halaman bagian bawah situs ini, Anda akan menemukan banyak sekali hosting gratisan yang serupa dengan PHPNet.us


2. DotEasy.com

Space 100 MB, Bandwidth 1000 MB, No banner

     Host Paket hosting gratis di situs ini mendukung Microsoft FrontPage dan Dreamweaver. Juga menyediakan layanan yang lengkap, seperti Website Builder, Blog, Gallery dan WebForum.




3. AgilityHoster.com

Space 200 MB, Bandwidth 5 GB, No Banner

     Hostingan ini mendukung PHP, Perl, CGI dan MySQL, 5 account email khusus website anda dan banyak lagi.


4. HyperPHP.com

Space 250 MB, Bandwidth 6 GB, No banner

     Tampilan situs ini mirip dengan My-PHP.net, mungkin saja mereka pernah satu jurusan di perkuliahan. Bahkan Kuota dan Fitur pun menyerupai My-PHP.net. Jika Anda pernah mencoba layanan My-PHP.net, seperti itulah kualitas layanan yang diberikan HyperPHP.com.


5. IfastNet.com

Space 300 MB, Bandwidth 6 GB, No banner

     Hostingan ini patut dicoba, layanannya lumayan bagus. Support FTP account, Unlimited POP email accounts, Fantastico type installer, VistaPanel Control Panel, 5 MySQL databases.


6. IpowerHosts.com

Space 25 MB, Bandwidth 2 GB, No banner

     Support email gratis berbasis web, data backup gratis, control panel web, guest book, file manager, online website builder dan banyak lagi.

7. FreeServers.com

Space 50 MB, Bandwidth 1 GB, No banner

     Layanan hostingan ini lumayan bagus. Belum banyak netter indonesia yang mengenal hostingan ini, mungkin karena fitur-fiturnya yang kurang lengkap. Seperti tidak didukungnya fitur FTP Access dan blog Wordpress Script.

8. JustFreeHost.com

Space 100 MB, Bandwidth 1 GB, No banner

     Sebanyak 120 ribu subdomain telah tercipta dari situs ini, layanannya belum kami ketahui karena kami belum pernah mencobanya. Tapi, tak ada salahnya jika Anda mencoba layanan hostingan ini. Menurut informasi dari “mbah Google” JustFreeHost.com kurang menarik untuk dijadikan hostingan situs resmi, lebih asyik jika hanya dimanfaatkan untuk latihan membuat situs, walhasil… banyak dari situs-situs koleksi JustFreeHost.com terlantar dan tidak dihiraukan.

9. GetFreeHosting.co.uk

Space 300 MB, Bandwidth 10 GB, No banner

     Ini salah satu hostingan terbaik dengan fitur paling banyak dari standar hosting gratisan, Anda bisa menikmati layanan Auto Script yang lengkap dan mendukung Joomla, Vista Panel, Full ht.access, Monitor websites, Full FTP Access, Blog, forum, Layanan 24 Jam with Live chat dan Free Bonus Extras.

10. FreeHosty.com

Space 300 MB, Bandwidth 10 GB, No banner

     Fitur yang akan Anda dapatkan dari hostingan ini : Vista Panel, Web mail, PHP Flags manager, POP email accounts, 7 MySQL databases, Automatic installer (29 scripts), Password protected folders, 5 Add-on domains, FTP account, Php MyAdmin, 5 Sub domains, File manager (browser upload)

11. FreeHostPage.com

Space Unlimitted, Bandwidth Unlimitted, no banner,

     Hosting gratisan yang ini memang menghebohkan, menyediakan layanan serba unlimitted, udah gitu tanpa banner. Syaratnya, anda Cuma diharuskan memiliki domain.com, selain domain.com anda tidak bisa menggunakan layanan hostingan gratisan ini.

12. MorganHosting.co.cc

Space MB , Bandwidth 1027 MB, No banner

     Salah satu hosting gratisan terbaik milik indonesia. Kami sudah pernah mencoba layanan hostingan ini. Yang patut di acungi jempol adalah control panelnya menggunakan Vista Panel. Tapi sayang, agak lemot saat login ke control panelnya, mungkin akibat dari banner-banner iklan yang banyak ditampilkan di control panel.

13. OxyHost.com

Space 5 GB, Bandwidth 100 GB, no banner

      Ini hostingan tergolong masih baru, baru berdiri tahun 2008. Tapi jangan salah sangka, walaupun masih baru berdiri di tahun 2008, hostingan ini menjadi menarik dengan tersedianya ht.access bagi para reseller mania.   Agak sulit memang mencari hostingan gratis yang tersedia layanan ht.access. Untuk mendapatkan hosting gratisan OxyHost.com, sebelumnya anda diharuskan menjadi member OxyTown.com. Setelah mendaftar menjadi member, kemudian Anda akan diberikan no keanggotaan. No tersebut berguna saat mengisi formulir pendaftaran OxyHost.com. Bagi yang tidak mengerti bahasa inggris mungkin akan kesulitan mencari letak no keanggotaan tersebut. Agak tersembunyi di antara Postingan Forum.

14. Fusedtree.com

Space 20 GB, Bandwidth 200 GB, no banner

     Ada lagi layanan hostingan yang bagus, namanya Fusedtree.com, space yang besar dan bandwidth yang besar, menjadikan hostingan ini faforit di luar negri (selain negara indonesia tentunya). Tapi, sayangnya Fusedtree.com terlihat kurang profesional, terbukti dari email layanannya yang masih menggunakan google mail.

15. FreeHostingz.com

Space 10 GB, Bandwidth 100 GB, No banner

     Memiliki fitur PHP 5, SQL support, Installer Script, Free web statistic, Website Builder instant activation, dan lain-lain.


16. T35.com

Space Unlimitted, Bandwidth Unlimitted, No banner

     Ini juga layanan hostingan serba Unlimitted, entah kenapa banyak yang berminat menggunakan hosting gratisan ini. Layanannya lumayan baik. Beberapa pengguna internet di indonesia juga lumayan banyak menggunakan layanan situs ini, tapi tak sedikit pula yang kemudian menelantarkan account mereka.    
Kebanyakan para netter menggunakan situs ini untuk coba-coba.

17. FreeWeb7.com

Space 7 GB, Bandwidth 100 GB, No banner

     Layanan dari hostingan ini cukup baik, keluhan Anda siap dilayani selama 7×24 jam.

18. Bplaced.net

Space 2GB, Bandwidth Unlimitted, No banner

     Layanan hostingannya terlihat lebih profesional. Anda bisa mencobanya. Situs ini dilengkapi fitur PHP5, FTP access, MySQL & PostgreSQL, dan 2 pilihan gratisan lainnya dengan layanan yang berbeda.

19. Quotaless.com

Space Unlimitted, Bandwidth Unlimitted, No banner

     Situs dengan Layanan Unlimitted pertama kali di internet ini lumayan banyak peminatnya (selain pengguna internet di indonesia). Tapi sayang, layanannya kurang memuaskan. Anda memang mendapatkan layanan Unlimitted, tapi anda tidak bisa meng-upload file ke control panel “file manager”. Lalu apa gunanya layanan unlimitted???
     Jika Anda berminat dan ingin menggunakan layanan situs ini, setelah memiliki account, Anda tidak perlu lagi meng-upload file-file milik anda, cukup menggunakan Fantastisco Auto Installer, dan kemudian install tampilan situs yang Anda inginkan.

            ))))>Semoga Bermanfaat <((((

CARA MELIHAT SUMBER LAMAN PD BLOG

     Kalian ingin tidak memiliki template seperti punyaku atau punya orang lain, tapi tidak tahu caranya.., kali ini saya akan memberi tahu kalian caranya., cara ini dapat merugikan orang lain juga.., tapi kalau kita respect dan bertanggung jawab kita tidak akan merugikannya.., template ku ini saja sudah ada yang meniru walau masih belum punya pagerank alias 0..,  tapi dia tidak bertanggung jawab., lihat nih [link].., dia merubah tampilan gambar backgroundnya dsb., dan yang paling utama adalah merubah nama pembuatnya., lihat ini :


      Jangan tiru orang yang seperti ini ya.., kalau masih ditiru aku panggilkan hacker biar di hack blogmu., balik ke topik., cara melihat sumber laman adalah sebagai berikut :
  1. Klik bagian kanan mouse..,
  2. Klik "Lihat Sumber Laman"
  3. Kalian dapat melihat bagian-bagian dari blog tersebut dalam bentuk HTML..,
     Ini cara yang kutemukan sendiri saat akan melihat kode dari applikasi blog tetapi blog tersebut klik kanannya di disable .,
  • Caranya kalian hanya mengetik sebuah URL untuk melihat Sumber Laman dari blog.,
    URL = view-source:http://samegawara.blogspot.com/
  • Lalu kalian hanya mengganti tulisan berwarna biru dengan alamat blog yang ingin kalian lihat Sumber Laman nya..,
     Semoga postingku kali ini bermanfaat bagi para blogger-blogger setempat.,, maksud saya blogger  yang melihat posting ini., sekian dari saya., jangan lupa komentari posting ini ..,

MEMBUAT BUKU TAMU PD BLOG

1. Buka cbox.ws lalu daftarkan diri anda. Cara pendaftarnnya cukup mudah.



2. Jika pendaftarannya berhasil anda langsung tinggal mengisi password lagi unutk login ke CBox.

3. Klik tombol Publish! di bawah menu utama.


4. Lalu tekan tombol Copy To Clipboard dibawah kodenya .., Setelah mengklik OK, tekan Ctrl + C untuk menyalin kode tersebut ke clipboard. Lalu tekan Ctrl + V untuk paste kode di mana Anda ingin letakkan.../


5. Pilih Layout > Add Page Elements > HTML/Javascript.

6. Paste kode yang telah anda copy tadi ke dalam kotak Content.

7. Klik Save.

Sekarang widget CBox anda sudah ada/muncul pada blog anda.
Selamat mencoba...
Dan jangan lupa kasih komentarnya...

MEMBUAT LENCANA PROFIL FACEBOOK

    Mau tidak facebook kalian banyak teman dari para blogger.  Ya.., buat sedikit bertanya jawab tentang blog gitu lah..., caranya hanya menampilkan salah satu aplikasi facebook yang bisa dipasang di blog kalian..,  yaitu memasang Lencana.  Sudah seperti kepolisian saja nih, hehe.....,  punya lencana kita..,

     Lencana profile facebook namanya..., mau menambahkan aplikasi ini di blog kamu ?? kunjungi link ini http://www.facebook.com/badges/profile.php?status.., lalu kalian sunting pengaturan tampilannya seperti mendatar, tegak, kolom dan pengaturan lainnya..,



     Kalau sudah diatur lalu tekan tombol "Simpan"., lalu tinggal copy paste kode yang ada disamping pratinjau...,


     Lihat punyaku di page "About Me".., mau mencobanya ?? silahkan saja...,

MEMBUAT ALERT MESSAGE


      Sudah 2 minggu tidak memposting tentang blogging tutorial.., kemarin ada request dari pengunjung blog ini.., bagaimana cara membuat tulisan "Welcome To My Blog" di awal itu ??.., 

       Tau kan namanya ?? itu namanya Alert Message.., biasanya Alert Message ini banyak di temukan jika komputer terkena virus, file berbahaya, dLL.., jika di blog.., kalian bisa membuatnya dengan cara copy paste saja.., hehehehe...., ini bisa dibuat di pembuka, di penutup, dan di pembuka dan di penutup...,
      
       Kalau yang dipembuka saja copy paste kode berikut di bawah kode <head> :

<SCRIPT language='JavaScript'>alert(&quot;Welcome To My Blog&quot;);</SCRIPT>

        Kalau mau pakai di penutupnya saja, copy paste kode di bawah ini di bawah <head> :

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert(&#39;Thanks For Visit&#39;);
}
parent.window.onunload=goodbye;
</script>

         Kalau mau di pasang kedua-duanya tinggal copy paste kode diatas semua di bawah kode <head>

*ganti tulisan yang berwarna biru dengan tulisan yang anda inginkan..,

ya..., semoGa postingku kali ini bermanfaat untuk kalian semua dan jangan lupa beri komentarnya ya...,

MENAMBAHKAN EFEK SAAT MOUSE DIGERAKKAN

   Mau aksesoris-aksesoris blog lainnya..,  ini agak berbeda, biasanya kan efek ini langsung dengan sendirinya, tapi disini efek ini akan muncul jika mouse digerakkan.., efeknya itu seperti salju yang berjatuhan.., mau lihat seperti apa efeknya ?? klik [link] Coba gerakkan mousenya di blog tersebut.., muncul kan ??..,
      Mau gak efek seperti itu ?? Ikuti cara berikut kalau mau :

  1. Copy kode berikut :
  2. <script>
       // <![CDATA[
                var colour="white";
                var sparkles=100;
         
                var x=ox=400;
                var y=oy=300;
                var swide=800;
                var shigh=600;
                var sleft=sdown=0;
                var tiny=new Array();
                var star=new Array();
                var starv=new Array();
                var starx=new Array();
                var stary=new Array();
                var tinyx=new Array();
                var tinyy=new Array();
                var tinyv=new Array();
                window.onload=function() { if (document.getElementById) {
                  var i, rats, rlef, rdow;
                  for (var i=0; i<sparkles; i++) {
                    var rats=createDiv(3, 3);
                    rats.style.visibility="hidden";
                    document.body.appendChild(tiny[i]=rats);
                    starv[i]=0;
                    tinyv[i]=0;
                    var rats=createDiv(5, 5);
                    rats.style.backgroundColor="transparent";
                    rats.style.visibility="hidden";
                    var rlef=createDiv(1, 5);
                    var rdow=createDiv(5, 1);
                    rats.appendChild(rlef);
                    rats.appendChild(rdow);
                    rlef.style.top="3px";
                    rlef.style.left="0px";
                    rdow.style.top="0px";
                    rdow.style.left="3px";
                    document.body.appendChild(star[i]=rats);
                  }
                  set_width();
                  sparkle();
                }}
                function sparkle() {
                  var c;
                  if (x!=ox || y!=oy) {
                    ox=x;
                    oy=y;
                    for (c=0; c<sparkles; c++) if (!starv[c]) {
                      star[c].style.left=(starx[c]=x)+"px";
                      star[c].style.top=(stary[c]=y)+"px";
                      star[c].style.clip="rect(0px, 5px, 5px, 0px)";
                      star[c].style.visibility="visible";
                      starv[c]=50;
                      break;
                    }
                  }
                  for (c=0; c<sparkles; c++) {
                    if (starv[c]) update_star(c);
                    if (tinyv[c]) update_tiny(c);
                  }
                  setTimeout("sparkle()", 40);
                }
                function update_star(i) {
                  if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
                  if (starv[i]) {
                    stary[i]+=1+Math.random()*3;
                    if (stary[i]<shigh+sdown) {
                      star[i].style.top=stary[i]+"px";
                      starx[i]+=(i%5-2)/5;
                      star[i].style.left=starx[i]+"px";
                    }
                    else {
                      star[i].style.visibility="hidden";
                      starv[i]=0;
                      return;
                    }
                  }
                  else {
                    tinyv[i]=50;
                    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
                    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
                    tiny[i].style.width="2px";
                    tiny[i].style.height="2px";
                    star[i].style.visibility="hidden";
                    tiny[i].style.visibility="visible"
                  }
                }
                function update_tiny(i) {
                  if (--tinyv[i]==25) {
                    tiny[i].style.width="1px";
                    tiny[i].style.height="1px";
                  }
                  if (tinyv[i]) {
                    tinyy[i]+=1+Math.random()*3;
                    if (tinyy[i]<shigh+sdown) {
                      tiny[i].style.top=tinyy[i]+"px";
                      tinyx[i]+=(i%5-2)/5;
                      tiny[i].style.left=tinyx[i]+"px";
                    }
                    else {
                      tiny[i].style.visibility="hidden";
                      tinyv[i]=0;
                      return;
                    }
                  }
                  else tiny[i].style.visibility="hidden";
                }
                document.onmousemove=mouse;
                function mouse(e) {
                  set_scroll();
                  y=(e)?e.pageY:event.y+sdown;
                  x=(e)?e.pageX:event.x+sleft;
                }
                function set_scroll() {
                  if (typeof(self.pageYOffset)=="number") {
                    sdown=self.pageYOffset;
                    sleft=self.pageXOffset;
                  }
                  else if (document.body.scrollTop || document.body.scrollLeft) {
                    sdown=document.body.scrollTop;
                    sleft=document.body.scrollLeft;
                  }
                  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
                    sleft=document.documentElement.scrollLeft;
                 sdown=document.documentElement.scrollTop;
                  }
                  else {
                    sdown=0;
                    sleft=0;
                  }
                }
                window.onresize=set_width;
                function set_width() {
                  if (typeof(self.innerWidth)=="number") {
                    swide=self.innerWidth;
                    shigh=self.innerHeight;
                  }
                  else if (document.documentElement && document.documentElement.clientWidth) {
                    swide=document.documentElement.clientWidth;
                    shigh=document.documentElement.clientHeight;
                  }
                  else if (document.body.clientWidth) {
                    swide=document.body.clientWidth;
                    shigh=document.body.clientHeight;
                  }
                }
                function createDiv(height, width) {
                  var div=document.createElement("div");
                  div.style.position="absolute";
                  div.style.height=height+"px";
                  div.style.width=width+"px";
                  div.style.overflow="hidden";
                  div.style.backgroundColor=colour;
                  return (div);
                }
                // ]]></script>
  3. Agak banyak ya ?? hehehe.., lalu copy kode diatas dikotak HTML/ Java Script di Rancangan..,
  4. Sudah deh.., lalu liat blog kamu, gerak-gerakan mousenya sesukamu.., efek tersebut tidak akan pernah habis.
     Begitulah akhir dari cara Menambahkan Efek Saat Mouse di Gerakkan.., jangan lupa komentarnya., semoga bermanfaat saja bagi kalian ya !!

MEMASANG LENCANA PLURK

    Sudah seperti facebook saja nih plurk., sekarang plurk juga mempunyai lencana juga., pastinya ya tertuju pada informasi dari profil kita di plurk. Plurk sekarang makin banyak penggunanya saja di sekolahku karena facebook di sekolahku di protect., hehehe..., Ayo ! segera daftar sekarang di plurk untuk mendapatkan lencananya.., tapi bagaimana caranya ?? Caranya seperti memasang plurk connect.,  masih tidak tau ??
     Ya sudah., ikuti cara berikut ini :

  1. Di bagian penggemar kalian akan menemukan ikon-ikon kecil. Kalian pilih yang berwarna biru sebelahnya ikon handphone lalu klik.


  2. Lalu kalian klik "Widget Gambar" setelah muncul tampilan seperti di bawah ini :


  3. Lalu disana kalian dapat memilih tampilan lencananya ada yang horizontal (350x84) dan vertical (120x265).  Lalu klik tomol "Buat widget saya".

  4. Lalu copy paste kode yang muncul setelah itu.

  5. Jadikan ?? semoga bermanfaat bagi kalian semuanya ya., bagi pengguna plurk ataupun bukan., jangan lupa beri komentar untuk posting yang ini ya., dan add aku di plurk di [sini].

MENDISABLE KLIK KANAN

     Hi blogger..., kali ini saya akan memberi tahukan rahasia kecil yang ingin ku berikan pada kalian..,  kalian ingin mendisable klik kanan ? mendisable klik kanan berfungsi agar kita tidak ingin sumber laman atau template kita di copy/ ditiru orang lain.  Walaupun begitu ada URL yang membuat kita dapat melihat sumber laman situs lain, cek disini [link].  Namun kita bisa dapat membuatnya hanya sebagai aksesoris blog saja.., yang mau, copy paste kode berikut di Tambah Gadget >> HTML/ JavaSript.   :





<script>
function disableRightClick(e)
{
var message = "Sorry, right click disabled on http://spenzaba8c.blogspot.com/";
if(!document.rightClickDisabled) // initialize
{
if(document.layers)
{
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown = disableRightClick;
}
else document.oncontextmenu = disableRightClick;
return document.rightClickDisabled = true;
}
if(document.layers || (document.getElementById && !document.all))
{
if (e.which==2||e.which==3)
{
alert(message);
return false;
}
}
else
{
alert(message);
return false;
}
}
disableRightClick();</script>

     Ganti tulisan yang berwarna biru dengan tulisan yang anda inginkan, tulisan tersebut akan muncul jika kita meng-klik kanan. Contohnya di sini [link]. Bagus tidak ?? kalau mau mencobanya silahkan saja., Semoga bermanfaat bagi para blogger-blogger.

SPAM PROTECTOR DR BLOGGER

   Pada hari ini., setelah buka blogger.com ternyata ada tulisan di header situs tersebut.., tulisannya berada di kotak hijau.., saya kira ada peringatan apa.., ternyata ada informasi kalau ada pendeteksi spam otomatis.., blogger pasti memberi hadiah di bulan ramadhan ini agar ingin mendapatkan pahala yang berlipat ganda., haha.., Mau liat screenshootnya ? :



     Disitu ada tulisannya begini : Baru! Kami telah mengaktifkan deteksi spam otomatis untuk komentar. Sebaiknya Anda sesekali memeriksa komentar di kotak masuk spam. Pelajari selengkapnya tentang deteksi spam Blogger atau laporkan masalah. ...,
      Dengan fitur ini kita para blogger dapat menyaring komentar yang berbau spam/ spamer.Dan juga terdapat mesin otomatis yang dikerjakan oleh blogger sendiri.
      Untung saja di blogku tidak ada komentar yang berbau spam.., tidak percaya liat screenshoot sekali lagi :


      Fitur ini cepat atau lambat akan di berikan kepada para blogger., fitur ini baru tadi aku dapat., tapi temanku sudah kurang lebih 5 hari-an., tidak tausaya yang lain kapan akan mendapatkan fitur ini.., semoga postingku tentang blogger ini bermanfaat untuk kalian.

CHAT BOX


ShoutMix chat widget
Twitter Delicious Facebook Digg Stumbleupon Favorites More