• Cara Mempercepat Loading Blog

    Read More
    0
    Saya benci lelet' menjadi salah satu jargon jualan salah satu operator. Iya, memang sekarang ini walau kualitas internet di Indonesia secara umum masih jelek, tetapi orang tidak suka dengan halaman blog yang loadingnya lama. Karena konten yang dibuat blogger semakin banyak dan bisa saja menemukan tema yang sejenis, tentu orang akan memilih blog yang loadingnya cepat. Sehingga dia akan bisa mendapatkan informasi yang diinginkannya dengan segera.


    Bagi pemilik blog atau blogger, tentu juga menginginkan seperti halnya yang ingin banyak pengunjung inginkan, yaitu loading blog yang lebih cepat. Dengan loading blog yang cepat membuat pengunjung blog nyaman, traffik dan page view blog pun bisa semakin meningkat. Blog yang memiliki loading yang cepat tentu juga dikarenakan halaman blog yang ringan. Berikut adalah tips untuk membuat blog menjadi lebih cepat loadingnya:

    1. Kurangi Widget Blog yang Kurang Bermanfaat
    Salah satu penyebab blog menjadi berat dan loadingnya lama adalah pemasangan widget yang terlalu banyak yang dipasang di blog. Memang ada beberapa widget yang wajib ada di blog, tetapi beberapa widget yang kurang memiliki manfaat untuk blog lebih baik dihapus saja. Selain dapat membuat blog lebih cepat loadingnya juga bisa membuat pengunjung blog fokus pada konten blog.

    2. Hindari Penggunaan Script yang Berlebihan
    Pengunaan script baik itu CSS, HTML, dan JavaScript yang berlebihan membuat blog menjadi lebih berat sehingga membuat halaman blog terbuka lebih lama. Kita bisa memilih dan menghapus kode CSS yang sudah tidak berfungsi lagi yang ada di atas ]]></b:skin>. Atau bisa juga mengkompres script baik itu CSS, HTML, JavaScript, ataupun script blog secara keseluruhan agar loading blog lebih cepat. Salah satu tool yang bisa dimanfaatkan adalah http://htmlcompressor.com/compressor.html

    3. Menambahkan Script untuk Mempercepat Loading Blog
    Cara lain untuk mempercepat loading blog adalah dengan menambahkan script dari Laziload. Yaitu dengan menaruh script berikut ini ini tepat di atas kode </head>.


    <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
    <script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/>
    <script charset='utf-8' type='text/javascript'>
    $(function() {
    $(&quot;img&quot;).lazyload({placeholder :
    &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirmkskI34o5hyphenhyphenwUmyySl8eS-mNFVNoLaVrQCPu2oFF-4WwqT_tqbAqyDsU9U9NWi4FuSdSc5NAgkJxGF7DjUt_nG5His1grB3nfcWsfbb9JbLAKVmabkoACUgZj5G36jy1_tk-DrZVI7I/&quot;,threshold
    : 200});
    });
    </script>

    Khusus untuk penggunaan script ini, ada beberapa template blog sesuai yang bisa malah membuat blog tidak lebih cepat loadingnya. Untuk itu, setelah penambahan script di atas, coba lihat loading blog. Jika tidak lebih cepat, tidak usah dipakai.

    Itulah tips atau cara untuk memperingan dan mempercepat loading blog. Sudah cek, berapa berat blogmu, dan seberapa cepat loading blogmu? Kalau kamu punya tips atau mau menambahkan yang sudah ada di atas, boleh saja. Tulis saja di kolom komentar! :)
    By : Ciel

    On :

  • Tips Mempercepat Streaming Youtube

    Read More
    0
    Sumber : http://adeputra-pkp.blogspot.com/2012/11/tips-mempercepat-streaming-youtube.html 


    kali ini saya akan berbagi ilmu cara mempercepat streaming youtube,,,


    buka situs youtube dan pilih salah satu video yang anda inginkan

    pada bagian akhir url videonya anda tambahkan kode #t=01-m29s.
    Contoh: url awal
    http://www.youtube.com/watch?v=-42TwTFMHNU
    maka akan menjadi
    http://www.youtube.com/watch?v=-42TwTFMHNU#t=01-m29s.
    Arti 01 pada kode tersebut akan mempercepat streaming video pada menit 01 sedangkan 29s juga sama dengan 29m, tapi yang dipercepat adalah detiknya. Jadi videonya dapat dipercepat pada waktunya menit dan detik tertentu

    selamat menikmati video anda. ^^
    By : Ciel

    On :

  • Free 3D Blogger Template Transformers

    Read More
    0
    Finally Blog Tips and Trick done well to make a simple template with this 3d style.This template is not using the image element in each part of the template body.We only use the combination of colors, to make this template look stylish 3-dimensional, so you can also edit this template colors easily.


    Besides that, this template has been equipped with auto readmore. so, as long as any content of your post, which will appear in front page only partly by automatic. This template has been our first feasibility test before we publish this template. below is a sample picture of the template display. if you want to use this template, you can download it by clicking the download button is below.

    Transformers ZX




    Download Here

    Transformers Blue



    Download Here

    Transformers Head Corner




    Download Here

    Transformer Black



    Download Here
    By : Ciel

    On :

  • Mengganti Background Header Blog Dengan Gambar

    Read More
    0
    Kali ini kita akan membahas tutorial mengganti background header blog dengan gambar. Kenapa harus gambar??? Kan bisa pake warna??? kalau mengganti warna background header blog sudah kita bahas pada kesempatan yang lalu. Silakan Sobat baca cara mengganti warna background header blog. Jika mengganti background header blog dengan gambar, blog kita akan terlihat lebih menarik. Pada dasarnya, gambar mewakili kata-kata yang ngga mungkin kita tuliskan. Jadi, header blog mewakili bagaimana karakteristik blog kita. Kalau blog Kumpulan Tutorial Ngeblog menggunakan gambar header yang kecil. Kenapa kok kecil???? Kan itu trik supaya halaman blog ini tidak berat saat loading...hehehehehe... O iya, sebelum mengganti background header blog Sobat dengan gambar, perhitungkan dahulu ukuran gambar yang akan Sobat gunakan sebagai background header blog. Misalnya ukuran header blog Sobat lebarnya 800px. Jadi kita harus mempersiapkan gambar selebar 800px dengan tinggi terserah Sobat. Gambar bisa Sobat buat dengan Photoshop, CorelDRAW atau software pengolah gambar lainnya. Gambar sudah siap, sekarang tinggal kita pasang. Silakan simak tutorial di bawah ini 

    === Cara Mudah === 

    Login ke akun Blogger milik Sobat > Tata Letak. Klik link edit pada bagian header blog. Atur seperti pada gambar di bawah ini Cari gambar di komputer Sobat dengan menekan tombol Telusuri. Jika sudah, proses upload akan berjalan. Setelah itu beri tanda pada “Selain judul dan keterangan” lalu klik tombol Simpan. 

    === Cara agak sulit === 

    Cara berikut ini cukup rumit karena kita harus menyimpan gambar kita ke salah satu image hosting yang ada di internet. Jika Sobat tertarik menggunakan cara manual, silakan simak langkah-langkah berikut ini Langkah 1 


    Login ke akun Blogger milik Sobat > Tata Letak > Edit HTML. Klik Download Full Template untuk membackup template blog Anda. Langkah 2 Cari kode berikut ini atau yang agak mirip, gunakan Ctrl+F untuk mempermudah pencarian kode pada template Blogger Jika sudah ketemu, tambahkan kode background:url(link gambar); sehingga kode nya jadi seperti ini Ganti link gambar dengan lokasi penyimpanan gambar header blog Anda. Jika sudah selesai, klik tombol Simpan. Semoga bermanfaat… ^^
    By : Ciel

    On :

  • Background Anime Untuk di Blog

    Read More
    0
    1.    <style type="text/css"> body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0mARbDzwyvOJ1NdYt4xBtWzjVp7C0C0vBCBcFJ0FbXU4v9R1BU-hWX-TDWaMLemiEvEos-v9x1kzr7dWQFepdt0GuobqQag9_-judtPtKgsTPmqBUiUS_zqMbz9K9xItRkXdDPQuqOfw/s1600/anime+cute+background.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style><div id="tag" style="position:fixed; right:0px; top:30px; z-index:10; "><a href="http://sweetgirlsinside.blogspot.com/" target="_blank"><img border="0" src="http://sweetgirlsinside.blogspot.com/2013/09/background-anime-untuk-di-blog.html" /></a></div>

    1.    <style type="text/css"> body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiijuQluoj5jmMWlnG3zlhPYc4tcvhLz9Gt1sX30hgMnvmhVtV3_QykMG9kEqLNrZpxNyvczbTF9pRbp5xY_OBakKr0L8jvO62mVOeYn_z_Lptw1hFvz5Y-SDDm6qBdVn2U3KbamsOSOwEV/s1600/anime+days+background.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style><div id="tag" style="position:fixed; right:0px; top:30px; z-index:10; "><a href="http://sweetgirlsinside.blogspot.com/" target="_blank"><img border="0" src="http://sweetgirlsinside.blogspot.com/2013/09/background-anime-untuk-di-blog.html" /></a></div>

    1.    <style type="text/css"> body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY057OvsHw7BA_vuIm5ijcjgoAgDcupVkQb9WDupn0azeaew2k88dr6Q0hOyQBW9A0pC9W-AER8FPNHP8zIyw19E0NXIlaIe8q3tUBxvnE4QC2qGY2nDlVfqaJ8HR_hbvCxQKWS4DRRaEH/s1600/backgroun+anime.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style><div id="tag" style="position:fixed; right:0px; top:30px; z-index:10; "><a href="http://sweetgirlsinside.blogspot.com/" target="_blank"><img border="0" src="http://sweetgirlsinside.blogspot.com/2013/09/background-anime-untuk-di-blog.html" /></a></div>

    1.     <style type="text/css"> body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiasJPwFF4nAOgaKWXjHQsoPxN3Z7bLcXUEyXUncF6q6NsyOkTuFZwD7e9Jreh81gQRX2tEupde6A1jhshJvZJIxOQh6R8tn0OoI6V0qbnhumI3tVzJqyffKkjANMDdBb4-fOV4fM33Edbg/s1600/red+anime+background.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style><div id="tag" style="position:fixed; right:0px; top:30px; z-index:10; "><a href="http://sweetgirlsinside.blogspot.com/" target="_blank"><img border="0" src="http://sweetgirlsinside.blogspot.com/2013/09/background-anime-untuk-di-blog.html" /></a></div>


    <style type="text/css"> body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuUPIKHGWsOJMFakLqSpIJrKPI-8lVx5b064wVz_2KtcNe5xMha4twzCrRAF5poQjNfTGDRS1oKe1JBOmKt2xWOyJNEBfTEftC8g8ANUJy0jG1lPggo0lp-qkYjbUJ_XWraDnMMAmM-H9n/s1600/music.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style><div id="tag" style="position:fixed; right:0px; top:30px; z-index:10; "><a href="http://sweetgirlsinside.blogspot.com/" target="_blank"><img border="0" src="http://sweetgirlsinside.blogspot.com/2013/09/background-anime-untuk-di-blog.html" /></a></div>
     
    1.    <style type="text/css"> body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgabxuhksbrCRSnJMTMjntODuJHQn82BkNXB9s0BrlnrdOGNuPD02mR0KSz64Ppt0sAymOy3y9tTHZKqONdnwts01VSrTdmBCmEJudATsk0m3xakRicPx29QvhORgZHNeS4AxSLCkrM9zBs/s1600/pink+twins+anime+background.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style><div id="tag" style="position:fixed; right:0px; top:30px; z-index:10; "><a href="http://sweetgirlsinside.blogspot.com/" target="_blank"><img border="0" src="http://sweetgirlsinside.blogspot.com/2013/09/background-anime-untuk-di-blog.html" /></a></div>
    By : Ciel

    On :

  • Cara Mengganti Cursor pada Blog

    Read More
    0
    Cara untuk mengganti cursor blog yaitu,
    1. pertama login dulu
    2. masuk ke tata letak
    3. tambah Gedget
    4. Pilih HTML/JavaScript

    Note: gk usah pake judul ^^
    Masukkan code Berikut :


    <style type="text/css">body {cursor:url("http://cursor.com/images/10a.gif "),default}</style>
    <style type="text/css">body {cursor:url("http://cursor.com/images/103a.gif
    "),default}</style>
    <style type="text/css">body {cursor:url("http://cursor.com/images/11a.gif
    "),default}</style>
    <style type="text/css">body {cursor:url("http://cursor.com/index_12.gif
    "),default}</style>

    <style type="text/css">body {cursor:url("http://cursor.com/images/199a.gif
    "),default}</style>


     <style type="text/css">body {cursor:url("http://cursor.com/images/19a.gif
    "),default}</style>


    <style type="text/css">body {cursor:url("http://cursor.com/images/6385a.gif
    "),default}</style>

    <style type="text/css">body {cursor:url("http://cursor.com/images/6459a.gif
    "),default}</style>

     <style type="text/css">body {cursor:url("http://cursor.com/index_07.gif
    "),default}</style>

    By : Ciel

    On :

  • Modifikasi Tampilan Pesan Komentar Blog

    Read More
    0

    Beberapa waktu lalu saya pernah menuliskan cara memperbaiki pesan komentar yang pindah ke bawah, saya juga sudah memberikan tutorial untuk merubah tampilan kotak komentar, maka kali ini saya akan membagikan lagi sebuah tutorial sederhana untuk merubah tampilan pesan komentar.

    Seperti yang pernah saya bagikan sebelumnya, pesan komentar merupakan sebuah aturan yang di tulis oleh si pemilik blog, tentang bagaimana berkomentar yang baik dengan sopan di blog tersebut, pesan komentar juga dapat berisi ucapan terima kasih ataupun hanya sebagai pemanis tampilan komentar dari sebuah blog.

    mempercantik tampilan pesan komentar

    Pesan komentar dengan tampilan yang tidak biasa akan lebih mendapat perhatian dari si penggunjung, dengan begitu maksud dari pesan komentar tersebut dapat tersampaikan.

    Bagi anda yang tertarik untuk merubah tampilan pesan komentar blog anda menjadi sedikit lebih keren dan unik, perhatikan langkah-langkah berikut:
    • Login >> Template >> Edit HTML.
    • Cari kode,
    <p><data:blogCommentMessage/></p>
    • Kemudian ganti kode di atas dengan kode,
    <div id='pra-comment'><data:blogCommentMessage/></div>
    Keterangan: Biasanya terdapat lebih dari satu kode <p><data:blogCommentMessage/></p>, silakan anda ganti semua.

    • Berikutnya cari kode
    ]]></b:skin>

    • Letakkan kode di bawah tepat sebelum kode ]]></b:skin>.
    /* Pesan Komentar
    ---------------------------------------------- */
    #pra-comment{
     position: relative;
     background:#0070B0;
     color:#fff;
     padding:10px;
     font:normal 12px trebuchet ms;
     text-align:justify;
     border:3px solid #333;
     margin:15px 0 15px 0;
     line-height: 1.3em;
    }
    #pra-comment::after, #pra-comment::before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
    }
    #pra-comment::before {
    border-top-color: #333;
    border-width: 15px;
    left: 82%;
    margin-left: -36px
    }
    #pra-comment::after {
    border-top-color: #0070B0;
    border-width: 9px;
    left: 82%;
    margin-left: -30px
    }

    • Terakhir klik Simpan Template, kemudian lihat hasilnya.

      Demikian tutorial sederhana tentang bagaimana cara memodifikasi tampilan pesan komentar blog. Kurang lebihnya mohon maaf. Semoga bermanfaat.


      By : Ciel

      On :

      • Portal Chat QuinBlog

      Popular Posts

      Blogger templates

      Labels

      Diberdayakan oleh Blogger.

      Copyright © - QuinBlog

      QuinBlog - Powered by Blogger - Designed by Johanes Djogan