Kumpulan Video Gol - Gol Aneh, Lucu dan Unik

Kalau menyaksikan gol-terbaik mungkin anda sudah sering, tapi coba saksikan kumpulan video di bawah ini saya sajikan untuk anda para pengemar sepak bola gol-gol aneh lucu dan unik :


Tendangan Penalti Tergokil


Orang bilang ini gol kurang ajar...


waw... Kiper cetak gol dari jarak 73 meter!


Ini gol aneh.. menendang ke muka sendiri


Gol tercepat di dunia


Gol terjauh di dunia


Lihat! si kiper kaya orang bingung. jangan ngakak ya..


Gol Unik!
Read More >>

Cara Share Otomatis ke Facebook dan Twitter

Al-hamdulillah ... akhirnya bisa mampir n posting lagi di blog yang satu ini setelah lama ditinggal, karena akhir-akhir ini saya sibuk beres-beres toko n sibuk ngelamar kerja, dah lama nganggur nih.. ternyata cari kerja susah juga ya ... padahal ngelamarnya ga muluk-muluk jadi driver or buruh pabrik juga mau ko, agan agan klo ada lowongan kasih info ya... :) lol... malah curhat..... ok lanjut.. Mengutip postingan saya sebelumnya dalam "Cara Pasang Kotak Komentar Facebook di Blogger" bahwa Sebagian besar pengguna internet terhubung dengan facebook, anda bisa cek di alexa.com, facebook menduduki peringkat kedua dan hanya kalah satu peringkat dari google, oleh karena itu tidak berlebihan kalau saya katakan bahwa facebook merupakan bagian dari SEO.

Terus terang saya juga bloger baru, blog saya yang pertama "Kajian Islam dan Murottal" saja umurnya baru 7 bulan, kalau wanita hamil belum siap tuh buat ngelahirin... lol :D . Tapi mudah-mudahan saya sudah siap untuk melahirkan ide-ide baru dan berbagi ilmu dengan membuat Tutorial alakadarnya. Untuk jawara-jawara bloger yang sudah sabuk hitam kalo kebetulan mampir kesini tolong koreksinya ya... :) .

Kembali ke Tema Utama yaitu Cara Share Otomatis ke Facebook dan twitter.

Ikuti langkah sederhana berikut :

Kunjungi situs ini app.dlvr.it Kemudian Sign Up, Masukan alamat email anda dan masukan password kemudian klik Sign Up.

Buka email anda lalu klik link yang diberikan dari app.dlvt.it.com, maka anda akan dibawa ke halaman seperti ini:
    Keterangan gambar :
    • Masukan Feed URL blog anda (Ingat! Bukan URL blog anda tapi Feed URL blog anda)
    • Klik next lalu klik logo Facebook (nantinya anda juga bisa menambah akun twitter anda)
    Kemudian akan muncul halaman seperti ini:

    Keterangan Gambar:
    • pilih akun personal profil anda lalu klik continue
    Berikutnya akan muncul halaman seperti ini:



    Keterangan Gambar:
    • Klik "ok" lalu klik "paused" agar berubah menjadi "aktive"
    Selamat ! Sekarang setiap anda posting baru maka postingan anda akan otomatis share ke halaman profil facebook anda. Anda juga bisa menambah blog, dan menambah tujuan share ke akun facebook yang lain maupun akun twitter anda. Lihat gambar di bawah ini:

    Gambar di atas adalah contoh gambar yang belum ditambahkan Source(blog) dan Destination (Facebook dan twitter). Sedangkan gambar dibawah ini adalah contoh yang sudah ditambahkan:



    Semoga bermanfa'at,








    Read More >>

    Cara Memasukan Ayat Al-Qur'an dalam postingan Blog

    Setiap bloger memiliki cara yang berbeda dalam memasukan ayat Al-Qur'an dalam postingan blog, karena mungkin banyak cara yang bisa dilakukan yang belum saya ketahui, ini hanya sebagian cara yang saya ketahui :

    1.  Download image lewat situs Al-Qur'an online.

    Cara yang pertama ini cukup ribet dan banyak memakan waktu, kunjungi situs Al-Qur'an online misalnya http://www.dudung.net/quran-online/indonesia/ . Pilih ayat Al-Qur'an yang anda tuju klik kanan  >>Save Image As >>simpan di PC anda. Setelah itu anda masih harus menguploadnya ke dalam postingan blog anda.
    Saya coba memilih surat thaha ayat 2, ini hasilnya :



    2. Copas Lewat quranexplorer.com


    Cara yang kedua ini sedikit lebih mudah, kunjungi situs ini http://www.quranexplorer.com/quran/ . Pilih ayat Al-Qur'an yang anda tuju, kemudian anda bisa langsung copas ke blog anda, ini hasilnya:

    مَآ أَنزَلۡنَا عَلَيۡكَ ٱلۡقُرۡءَانَ لِتَشۡقَىٰٓ

    3. Memasukan kode HTML

    Cara ini yang biasa saya pakai karena kita tidak perlu membuka situs lain, ayat-ayat Al-Qr'an ini berupa image (gambar) yang dipanggil dari situs web1hari.com melaui sebuah kode HTML, berikut script nya:

    <img src="http://web1hari.com/file/gif/Nama Surat/Nama Surat_Nomor Ayat.gif" />

    Misalkan anda ingin memasukan Surat Thaha Ayat kedua, seperti inilah scriptnya:

    <img src="http://web1hari.com/file/gif/20/20_2.gif" />

    Inilah hasilnya: 

    Kelemahan dari cara ini adalah image (gambar) tersebut memiliki background putih, mungkin tidak cocok untuk blog yang tidak memiliki template berwarna putih, saya memakainya pada blog "Kajian Islam dan Murottal" yang kebetulan memililki template background yang berwarna putih juga.
    Jangan lupa mengubah ke mode HTML sebelum anda memasukkan scrpt, kalau anda tidak mengubahnya ke mode HTML maka ayat tidak akan muncul, yang muncul hanya scriptnya saja.





    Semoga bermanfaat, Selamat mencoba...
    Read More >>

    Cara Pasang Kotak Komentar Facebook di Blogger

    Ada beberapa keuntungan yang akan anda dapatkan dengan memasang Kotak Komentar Facebook di blog anda, diantaranya adalah :
    • Apabila ada pengguna facebook yang memberikan komentar di postingan blog anda maka secara otomatis laporan/notifikasi komentar tersebut terkirim ke profil facebook mereka, berarti anda dapat backlink gratis kan..?.jika 10 orang saja yang berkomentar di postingan blog anda, maka 10 backlink akan anda dapatkan dapatkan dari pengguna facebook tersebut, jika masing-masing pengguna facebook tersebut memiliki 1000 orang teman tinggal dikallikan saja berapa backlik gratis yang akan anda dapatkan.. . lalu bagaimana jika 100 orang yang berkomentar...? wah.. wah... lumayan kan? ini langkah awal SEO yang baik untuk blog anda.
    • Pengunjung tidak perlu mengetik alamat email atau nama mereka untuk berkomentar di blog anda, mereka cukup log in ke account facebook mereka. Sebagian besar pengguna internet terhubung dengan facebook, kalau anda tidak percaya silahkan cek di alexa.com, facebook menduduki peringkat kedua dan hanya kalah satu peringkat dari google.hal ini mendorong lebih banyak komentar yang masuk ke blog anda karena biasanya mereka sudah log in ke account facebook mereka.
    • Pada kotak komentar facebook dilengkapi dengan tombol like, apabila pengguna facebook suka dengan artikel anda dan mengklik tombol like maka secara otomatis link blog kita terkirim ke halaman profil facebook mereka. keuntungannya hampir sama dengan berkomentar diatas. dapat link GRATIS.
    Anda tertarik ikuti lankah berikut :

    1.  Membuat Facebook APP ID

    Log in terlebih dahulu ke akun facbook anda, lalu kunjungi situs ini Facebook Developers , anda akan dibawa ke halaman seperti di bawah ini


     Kemudian klik "Create New App" . lalu akan muncul kotak dialog seperti ini :



    Keterangan :
    App Name  : Isi dengan nama anda atau apa saja, jangan gunakan kata "facebook". karena akan ditolak
    Bahasa        : Pilih yang anda inginkan
    Kemudian centang sebagai tanda persetujuan anda lalu klik "Lanjutkan".
    Apabila akun anda belum diverifikasi maka akan muncul kotak dialog yang meminta anda untuk verifikasi akun, Klik ponsel kemudian no handphone anda lalu klik konfirmasi. tunggu sejenak... anda akan menerima sms yang berisi kode konfirmasi. masukan kode konfirmasi yang telah anda terima lewat sms lalu klik konfirmasi. dengan begitu akun anda telah berhasil di verifikasi. Kalau sudah lanjutkan langkah seperti gambar diatas. Klik "Lanjutkan". Maka akan muncul halaman seperti ini :



    Simpan App ID yang diberikan dengan mengcopy ke notepad agar mudah digunakan pada langkah berikutnya,Untuk App Domain ketik blogspot.com lalu klik simpan perubahan.

    2.  Edit HTML Tempalate Blogger

    Log in ke akun blogger anda  >>Rancangan  >>Edit HTML  >>Centang Expand Template Widget
    Klik Download Template Lengkap agar anda bisa mengembalikannya seperti semula bila terjadi kesalahan.

    Cari kode ini ( Gunakan Ctrl+F )
    <body>

    Masukan kode ini di bawahnya

    <div id='fb-root'/>
    <script>
    window.fbAsyncInit = function() {
    FB.init({
    appId : &#39;APP-ID Anda
    &#39;,
    status : true, // check login status
    cookie : true, // enable cookies to allow the server to access the session
    xfbml : true // parse XFBML
    });
    };

    (function() {
    var e = document.createElement(&#39;script&#39;);
    e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;
    e.async = true;
    document.getElementById(&#39;fb-root&#39;).appendChild(e);
    }());
    </script>

    Keterangan :
    Ganti APP-ID dengan APP-ID yang tadi anda buat


    Kemudian cari kode di bawah ini ( Gunakan Ctrl+F ) :
    </head>

    Masukan kode ini di bawahnya :


    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta expr:content='data:blog.pageTitle' property='og:title'/>
    <meta expr:content='data:blog.url' property='og:url'/>
    <b:else/>
    <meta expr:content='data:blog.title' property='og:title'/>
    <meta expr:content='data:blog.homepageUrl' property='og:url'/>
    </b:if>
    <meta content='Nama Blog Anda' property='og:site_name'/>
    <meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
    <meta content='APP-ID Anda' property='fb:app_id'/>
    <meta content='Profile-ID-Facebook Anda' property='fb:admins'/>
    <meta content='article' property='og:type'/>


    Keterangan :

    Nama Blog Anda   Ganti dengan Nama Blog Anda 
    APP-ID  Ganti dengan APP-ID yang tadi anda buat
    Profile-ID-Facebook Anda  Ganti dengan Profile-ID-Facebook Anda

    3. Menambahkan Komentar Box blogger template Anda.

    Cari kode ini ( Gunakan Ctrl+F )
    <data:post.body/>

    Tambahkan kode ini di bawahnya
    Jika Punya dua <data:post.body/>  karena sudah pasang Readmore Silahkan Letakkan di bawah <data:post.body/> yang kedua

    <b:if cond='data:blog.pageType == "item"'><br /> <p align='left'><a href="http://serbaserbi321.blogspot.com/2011/09/cara-pasang-kotak-komentar-facebook-di.html" target="new"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-xJMKgpa5XRdx2fBlO380Feo4e4ikoyOU2pifvIxiyuYTf9UqJ4cY7pQBxjRyhJxEq0trA9cxPHnVqTtQFSq5BjFefO1_NIjFZgmcuX5db4eki_3aYVqRbRvEF0r477k30R-9ytqqC6E/s1600/comment.gif" /></a></p><div><fb:comments width='450' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/></div></b:if><br />

    Keterangan : 
    comments width='450ganti angka 450 sesuai dengan template blogger anda ( Gunakan Pratinjau/Preview untuk mengetahui apakah ukurannya sudah cocok atau belum ) Klik Simpan Template . SELESAI.

    Sekarang anda memiliki dua kotak komentar ( Default Comment dan Facebook Comment ), anda oleh membiarkannya saja seperti itu. Apabila anda ingin menghapus Default Comment  maka arahkan ke :
    Setelan   >> Pilih Menu Komentar   >>  Pilih Sembunyikan   >>   Scroll ke bawah lalu klik Simpan Setelan.



    Read More >>

    Cara Membuat Auto Read More Blogger Tanpa Mengganggu Halaman Statis

    Tentunya anda tidak ingin membuat jenuh pengunjung bukan ?. Dengan membuat Auto Readmore maka setiap anda posting artikel maka secara otomatis postingan akan diringkas sesuai settting yang anda buat, apabila pengunjung ingin melanjutkan membaca artikel ada pengunjung tinggal menklik "Read More" atau "Baca Selengkapnya". Sehingga pengunjung tidak perlu scroll terlalu lama untuk melihat artikel selanjutnya. Dengan begitu tampilan blog akan lebih menarik dan lebih banyak artikel yang bisa dilihat pengunjung di halaman utama.

    Akan tetapi biasanya setelah kita menggunakan script Auto Read More akan muncul permasalahan baru yaitu "Halaman Statis Tidak Bisa di Buka". Sehingga anda brows di google lagi untuk mencari cara mengatasi permasalahan tersebut, hal itu akan sangat memakan waktu dan pikiran anda dan belum tentu berhasil. Sekarang anda tidak perlu repot lagi, saya sajikan untuk anda "Cara Membuat Auto Read More Blogger Tanpa Mengganggu Halaman Statis". Ikuti Langkah-Langkah berikut :

    1.  Masuk ke dahboard > Design/Rancangan > Edit HTML. Jangan lupa centang 'Expand Widget Templates'. Download/back up file XML template terlebih dahulu agar nanti bisa mengembalikan seperti semula jika ada kesalahan.

    2.  Apabila anda sudah mengisi script Auto Read More maka anda harus menghapusnya terlebih dahulu. Gunakan Tutorial Auto Read More yang anda pakai sebelumnya, untuk mengetahui script mana yang harus anda hapus.

    3.  Cari kode </head> Gunakan Ctrl + f untuk memudahkan anda dalam mencari script tersebut, kemudian Copy Paste Script berikut ini di bawah kode </head>

    <!-- Auto read more script -http://serbaserbi321.blogspot.com/- Start -->
    <script type='text/javascript'>
    var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
    summary_noimg = 430;
    summary_img = 340;
    img_thumb_height = 150;
    img_thumb_width = 150;
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    function removeHtmlTag(strx,chop){
        if(strx.indexOf("<")!=-1)
        {
            var s = strx.split("<");
            for(var i=0;i<s.length;i++){
                if(s[i].indexOf(">")!=-1){
                    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
                }
            }
            strx =  s.join("");
        }
        chop = (chop < strx.length-1) ? chop : strx.length-2;
        while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
        strx = strx.substring(0,chop-1);
        return strx+'...';
    }

    function createSummaryAndThumb(pID){
        var div = document.getElementById(pID);
        var imgtag = "";
        var img = div.getElementsByTagName("img");
        var summ = summary_noimg;
            if(thumbnail_mode == "yes") {
        if(img.length>=1) { 
            imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
            summ = summary_img;
        }
        }
        var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
        div.innerHTML = summary;
    }
    //]]>
    </script>
    <!-- Auto read more script -http://serbaserbi321.blogspot.com/- End -->



    Keterangan :
    Script berwarna biru adalah jumlah dan ukuran tampilan.
    summary_noimg = Jumlah karakter tanpa gambar
    summary_img = Jumlah karakter dengan gambar
    img_thumb_height = Tinggi gambar {dalam pixel}
    img_thumb_width =Lebar gambar { dalam pixel }
    Ubahlah sesuai keinginan anda

    4.  Cari kode <data:post.body/>  Gunakan Ctrl + f untuk memudahkan anda dalam mencari script tersebut, Kemudian ganti kode tersebut dengan script di bawah ini:

    <!-- Auto read more -http://serbaserbi321.blogspot.com/- Start -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <data:post.body/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
    <b:else/>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
    </script>
    <a class='more' expr:href='data:post.url'>Read More >></a>
    </b:if>
    </b:if>
    <!-- Auto read more -http://serbaserbi321.blogspot.com/- End -->

    Keterangan :
    Ganti "Read More" sesuai kata-kata yang anda inginkan misalnya "Baca Selengkapnya" , "Selanjutnya", "Link ke posting ini, atau apa saja sesuai keinginan anda.

    5.  Preview terlebih dahulu kalu sudah benar lalu klik save.SELESAI.






    Read More >>

    Add me on Facebook