Contact ionlinerz
    Katalog Produk
    Tampilkan postingan dengan label post. Tampilkan semua postingan
    Tampilkan postingan dengan label post. Tampilkan semua postingan

    [TIPS & TRICKS] Cara Mudah Buat Related Post dengan Thumbnail di Blog

    Tips & Tricks - Cara pasang related post dengan thumbnail
    Related post
    Langsung aja gan, pernah lihat tampilan seperti gambar dibawah ini ada dibawah artikel blog favorit agan??
    Tau cara pasangnya??

     Heheh... Ga ribet kok gan, ga perlu pasang kombinasi script yang bikin mumet otak :p

     Tinggal masuk aja ke http://www.linkwithin.com

    Isi :
    • Email : ( alamat email agan ) exp : agan.ganteng@gmail.com
    • Bloglink : ( link blog agan ) exp : http://siganteng.blogspot.com
    • Platform : ( host blog agan ) exp : Blogger atau WordPress ( pilih salah satu )
    • Width : ( banyaknya thumbnail post yang mau dimunculkan ) sesuaikan dengan ukuran lebar post body blog agan..
    • Kalau blog agan backgroundnya berwarna gelap, silahkan centang kotak kosong yang bertuliskan "My blog has light text on a dark background"
    • Klik "Get Widget"

    Kalau udah diklik kotak "Get Widget" nya, agan akan langsung dibawa ke halaman seperti gambar dibawah ini...


    Ga perlu isi apa² lagi kok, tinggal klik aja tulisan "Install Widget" di point nomor 1, otomatis agan akan langsung masuk ke halamannya Blogger, kalo udah sampe situ ya tinggal klik "Add Widget", terus agan atur sendiri deh mau ditaro dimana tuh widget baru, jangan lupa di save tata letaknya di blogger ya...
    Tips & Tricks - Cara pasang related post dengan thumbnail
    Related post
    Langsung aja gan, pernah lihat tampilan seperti gambar dibawah ini ada dibawah artikel blog favorit agan??
    Tau cara pasangnya??

     Heheh... Ga ribet kok gan, ga perlu pasang kombinasi script yang bikin mumet otak :p

     Tinggal masuk aja ke http://www.linkwithin.com

    Isi :
    • Email : ( alamat email agan ) exp : agan.ganteng@gmail.com
    • Bloglink : ( link blog agan ) exp : http://siganteng.blogspot.com
    • Platform : ( host blog agan ) exp : Blogger atau WordPress ( pilih salah satu )
    • Width : ( banyaknya thumbnail post yang mau dimunculkan ) sesuaikan dengan ukuran lebar post body blog agan..
    • Kalau blog agan backgroundnya berwarna gelap, silahkan centang kotak kosong yang bertuliskan "My blog has light text on a dark background"
    • Klik "Get Widget"

    Kalau udah diklik kotak "Get Widget" nya, agan akan langsung dibawa ke halaman seperti gambar dibawah ini...


    Ga perlu isi apa² lagi kok, tinggal klik aja tulisan "Install Widget" di point nomor 1, otomatis agan akan langsung masuk ke halamannya Blogger, kalo udah sampe situ ya tinggal klik "Add Widget", terus agan atur sendiri deh mau ditaro dimana tuh widget baru, jangan lupa di save tata letaknya di blogger ya...
    Detail
    Tags: , , , , , , , , , , ,

    [TIPS & TRICKS] Agar web / blog tidak bisa di copy paste (copas)

    Tips & Tricks - Cara agar web blog tidak bisa di copy paste
    Anti Copas
    Pusing artikel agan banyak di copas (copy paste) blogger lain??
    Kunci aja... Gampang kok...

     Seperti biasa, masuk ke blogger/edit html atau lokasi dimana agan mengedit artikel web/blog agan,

    Sisipkan kode berikut sebelum (diatas) tag <head>

    <style type="text/css">
     .antiblock
     {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -o-user-select: none;

     user-select: none;
     }
     </style>

    Lalu ganti tag <body> dengan kode berikut

    <body ondragstart="return false;" onselectstart="return false;" class="antiblock">

     Save, selesai !!!
    Tips & Tricks - Cara agar web blog tidak bisa di copy paste
    Anti Copas
    Pusing artikel agan banyak di copas (copy paste) blogger lain??
    Kunci aja... Gampang kok...

     Seperti biasa, masuk ke blogger/edit html atau lokasi dimana agan mengedit artikel web/blog agan,

    Sisipkan kode berikut sebelum (diatas) tag <head>

    <style type="text/css">
     .antiblock
     {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -o-user-select: none;

     user-select: none;
     }
     </style>

    Lalu ganti tag <body> dengan kode berikut

    <body ondragstart="return false;" onselectstart="return false;" class="antiblock">

     Save, selesai !!!
    Detail
    Tags: , , , , , , , , ,

    [TIPS & TRICKS] Cara Mudah Buat Scroll Box di artikel web / blog

    Tips & Tricks - Cara buat scroll box
    Scroll box
    Okay, sekarang cara buat scroll box di artikel...
    Langsung masukkin aja kode dibawah gan :
    <div style='padding: 5px; overflow: auto; width:200px;height:200px;border:1px solid #000000'>

    ISI SCROLL BOX

    <div>

     Pada setelan entri, klik Pilihan, lalu centang "Tunjukkan HTML apa adanya"
    - Ketik script pada mode HTML
    - Ketik ISI SCROLL BOX pada mode Compose




    HASILNYA :

    Tips & Tricks - Cara buat scroll box
    Scroll box
    Okay, sekarang cara buat scroll box di artikel...
    Langsung masukkin aja kode dibawah gan :
    <div style='padding: 5px; overflow: auto; width:200px;height:200px;border:1px solid #000000'>

    ISI SCROLL BOX

    <div>

     Pada setelan entri, klik Pilihan, lalu centang "Tunjukkan HTML apa adanya"
    - Ketik script pada mode HTML
    - Ketik ISI SCROLL BOX pada mode Compose




    HASILNYA :

    Detail
    Tags: , , , , , , , , , ,

    [TIPS & TRICKS] Cara Mudah Buat Gambar Berjejer Horizontal

    Tips & Tricks - Cara buat gambar berjejer horizontal
    Gambar berjejer
    Cara paling mudah buat gambar berjejer horizontal gan :

    <table  border="0"><br><tr><td>
    <a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td>
    <br>

    <td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td>
    <br>


    <td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td>
    <br>

    <td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td>
    <br>

    </tr><br></table>


    Ket : Kalau mau pakai kotak (border) tinggal ganti aja angka "0" pada <table  border="0"> menjadi 1, 2, atau terserah agan... Contoh : <table  border="2">

     Tar hasilnya kek gini gan..

     Contoh :


    Ga sulit kan gan??? ^^





    JUDUL POSTING ANDA JUDUL POSTING ANDA JUDUL POSTING ANDA JUDUL POSTING ANDA
    OSTINGAN%20ANDA" target="_blank"> JUDUL POSTING ANDA
    Tips & Tricks - Cara buat gambar berjejer horizontal
    Gambar berjejer
    Cara paling mudah buat gambar berjejer horizontal gan :

    <table  border="0"><br><tr><td>
    <a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td>
    <br>

    <td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td>
    <br>


    <td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td>
    <br>

    <td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td>
    <br>

    </tr><br></table>


    Ket : Kalau mau pakai kotak (border) tinggal ganti aja angka "0" pada <table  border="0"> menjadi 1, 2, atau terserah agan... Contoh : <table  border="2">

     Tar hasilnya kek gini gan..

     Contoh :


    Ga sulit kan gan??? ^^





    JUDUL POSTING ANDA JUDUL POSTING ANDA JUDUL POSTING ANDA JUDUL POSTING ANDA
    OSTINGAN%20ANDA" target="_blank"> JUDUL POSTING ANDA
    Detail
    Tags: , , , , , , , , , , , , , , ,

    [TIPS & TRICKS] Cara Mudah Buat Spoiler di Artikel Web / Blog

    Tips & Tricks - Cara buat spoiler kaskus di artikel blog
    Spoiler Kaskus
    Buat yang kenal Kaskus pasti ga asing dengan kata "Spoiler", fungsinya menyembunyikan artikel atau gambar agar mengurangi bobot bandwith. Cara buatnya, gampang aja gan....

    Sisipin aja script berikut :
    <span style="background-color: yellow;"><b><br /></b></span>
    <span style="background-color: yellow;"><b>&lt;div style="margin: 5px 20px 20px;"&gt;&lt;div class="smallfont" style="margin-bottom: 2px;"&gt;&lt;b&gt;&lt;em&gt;Judul spoiler&lt;/em&gt;&lt;/b&gt; : &lt;input value="Show" style="margin: 0px; padding: 0px; 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"&gt; &lt;/div&gt;&lt;br /&gt;&lt;div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"&gt;&lt;div style="display:none;"&gt;</b></span><br />
    &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br />
    <br />
    [ISI SPOILER]<br />
    <br />
    &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br />
    <span style="background-color: yellow;"><b>&nbsp;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</b></span>

     Hasilnya kek gini...



    Agan tinggal ganti aja tuh tulisan "Judul spoiler" sama judul artikel/gambar yang mau diumpetin :D
    Selesai ^_^
    Tips & Tricks - Cara buat spoiler kaskus di artikel blog
    Spoiler Kaskus
    Buat yang kenal Kaskus pasti ga asing dengan kata "Spoiler", fungsinya menyembunyikan artikel atau gambar agar mengurangi bobot bandwith. Cara buatnya, gampang aja gan....

    Sisipin aja script berikut :
    <span style="background-color: yellow;"><b><br /></b></span>
    <span style="background-color: yellow;"><b>&lt;div style="margin: 5px 20px 20px;"&gt;&lt;div class="smallfont" style="margin-bottom: 2px;"&gt;&lt;b&gt;&lt;em&gt;Judul spoiler&lt;/em&gt;&lt;/b&gt; : &lt;input value="Show" style="margin: 0px; padding: 0px; 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"&gt; &lt;/div&gt;&lt;br /&gt;&lt;div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"&gt;&lt;div style="display:none;"&gt;</b></span><br />
    &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br />
    <br />
    [ISI SPOILER]<br />
    <br />
    &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br />
    <span style="background-color: yellow;"><b>&nbsp;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</b></span>

     Hasilnya kek gini...



    Agan tinggal ganti aja tuh tulisan "Judul spoiler" sama judul artikel/gambar yang mau diumpetin :D
    Selesai ^_^
    Detail
    Tags: , , , , , , , , , ,
     
    ionlinerz corp © 2010-2021 | All Rights Reserved