Archive for Agustus 2014

Membuat tombol bookmark this page dengan javascript

untuk bookmark suatu halaman, kita bisa langsung menekan CTRL + D bukan?
tetapi ada juga trik untuk membuat tombol bookmark halaman
caranya sebagai berikut

  1. login ke Blogger anda
  2. template > Edit HTML
  3. pastekan script berikut di atas kode </head>
<script type='text/javascript'>
function bookmarksite(title,url){if (window.sidebar)
window.sidebar.addPanel(title, url, &quot;&quot;); else if(window.opera &amp;&amp; window.print){var elem = document.createElement(&#39;a&#39;);
elem.setAttribute(&#39;href&#39;,url); elem.setAttribute(&#39;title&#39;,title); elem.setAttribute(&#39;rel&#39;,&#39;sidebar&#39;); elem.click();}
else if(document.all)
window.external.AddFavorite(url, title);}
</script> 
    4. Save template
    untuk membuat tombol bookmarknya anda bisa langsung saja copy kode dibawah ini
    <a href="javascript:bookmarksite('Nama Blog', 'URL Blog')">Bookmark blog ini!</a> 
    diatas adalah jika anda ingin membuatnya dalam versi teks, jika ingin membuatnya dengan gambar, berikut kodenya
    <a href="javascript:bookmarksite('Nama Blog', 'URL Blog')"><img src="http://urlgambarbookmarkanda.com" border="0"/></a>
    5. lalu save

    Bagaimana cara menghiasnya

    kalian cukup menambahkan script css saja.. contohnya adalah sebagai berikut
    #Bookmark{
    font-family: 'Josefin Sans', sans-serif;
    border:1px solid #04e4ec;
    width:250px;
    color:#3f31f6;
    text-align:center;
    text-transform:uppercase;
    background:#777676;
    padding:10px 10px;
    cursor:pointer;
    }
    pastekan kode tersebut diatas ]]><b/:skin>

    lalu tambahkan kode form seperti dibawah ini:
    <form id='bookmark'><br/><a href="javascript:bookmarksite('Nama Blog', 'URL Blog')">Bookmark blog ini!</a>
    </form>
    hasilnya seperti dibawah ini




    Bookmark blog ini!

MERUBAH SELECTION



ini mungkin trik yang udah gak jaman lagi --"
tapi karena lagi ga ada ide buat ngepost. jadi trik ini kutulis deh :D
pasti anda pernah melihat blog yang ketika di seleksi atau di block tulisannya berwarna selain biru..
mungkin bisa ungu, merah, hijau, kuning, pelangi..
caranya adalah sebagai berikut
::selection {background:#5a5b5d;color:#FFFFFF;}
::-moz-selection {background:#5a5b5d;color:#FFFFFF;}
::-webkit-selection {background:#5a5b5d;color:#FFFFFF;}
 
copy dan pastekan diatas ]]><b/:skin> .
ubah text berwarna ungu sebagai warna background seleksi dan hijau sebagai warna huruf ketika diseleksi
dan save deh templatenya.. selamat mencoba ^^

CARA MEMASUKAN DROPBOX MP4 KE BLOGGER

Salah satu mungkin ada yang ingin memasukan video kesukaannya dari Dropbox
ke blog miliknya, oke kali ini saya akan memberi tahu cara memasukan video dari dropbox ke blogger

Langkah pertama copy Link Share dropbox anda, misal:
https://www.dropbox.com/s/risurd4oquyg4ev/Linkin%20Park-In%20The%20End%20Lyrics.mp4

Ganti www.dropbox.com menjadi: dl.dropboxusercontent.com
contohnya menjadi
https://dl.dropboxusercontent.com/s/risurd4oquyg4ev/Linkin%20Park-In%20The%20End%20Lyrics.mp4

Lalu copy paste script dibawah ini

<video width="320" height="240" controls>  <source src="https://dl.dropboxusercontent.com/s/risurd4oquyg4ev/Linkin%20Park-In%20The%20End%20Lyrics.mp4" type="video/mp4">  <source src="https://dl.dropboxusercontent.com/s/risurd4oquyg4ev/Linkin%20Park-In%20The%20End%20Lyrics.webm" type="video/webm">  <source src="https://dl.dropboxusercontent.com/s/risurd4oquyg4ev/Linkin%20Park-In%20The%20End%20Lyrics.ogv" type="video/ogv">Your browser does not support the video tag.</video>
Ganti tulisan berwarna hijau dengaan link share dropbox anda...Selamat mencoba :)

- Copyright © 2014 Powered by Blogger - Designed by Riyadh Rizqullah -