• Tutorial membuat blog part 5 :CARA MEMASANG LAGU DI BLOG

    CARA MEMASANG LAGU DI BLOG OTOMATIS DIPUTAR

    memasang lagu di blog bisa mengekspresikan diri anda
    Cara memasang lagu di blog yang otomatis diputar sebenarnya sangat mudah. Lagu atau musik yang terpasang ini tentunya akan menjadi bentuk ekspresi dari sang blogger. Hanya saja perlu diperhatikan ukuran dari halaman blog anda. Jangan sampai halaman blog anda menjadi terlalu berat.

    Tapi sebelum anda melakukan itu sebaiknya buat pertimbangan juga apa itu tidak mengganggu pengunjung blog anda. Apakah anda tidak merasa terganggu dengan lagu yang sedang terputar saat ini? Jika ya, maka sebaiknya batalkan saja rencana anda memasang lagu pada blog anda.
    Tapi seandainya blog anda memang membahas masalah musik apalagi yang fanatik dengan genre tertentu maka tidak ada salahnya anda memasang satu lagu yang menurut anda keren.
    Situs yang menyediakan layanan pemasangan lagu yang langsung diputar adalah http://divine-music.info/. Situs ini mempunyai beberapa koleksi lagu yang bisa menjadi pilihan anda dari berbagai genre. Untuk memasang lagu anda bisa langsung menuju ke TKP di sini.

    MEMILIH LAGU DARI DIVINE MUSIC

    • Pada bagian homepage anda akan melihat bahwa di bagian header ada sebuah pilihan BROWSE ALL. Silahkan diklik
    • Pada bagian atas halaman BROWSE ALL anda akan melihat BROWSE ARTISTS ALPHABETICALLY, silahkan cari nama dari artis atau grup penyanyi berdasarkan huruf awal namanya.
    • Di halaman baru pilih nama artis yang anda cari dan silahkan diklik
    • Anda akan melihat sebuah kolom berisi kode. Jika anda ingin memberi kredit buat divine-music maka copy semua. Tapi jika anda hanya ingin mendapat musiknya saja, maka kode yang diapit oleh tag EMBED saja yang dipergunakan. Sebisa mungkin kode ini dipasang dibagian paling akhir dari blog anda. Ini tidak akan mempercepat loading blog, tapi setidaknya blog anda bisa dimuat seluruhnya sebelum musik dimulai.

      Contoh kode:
      <embed align="center" autostart="TRUE" height="1" loop="TRUE" src="http://divine-music.info/musicfiles/01 Harlem Shake.swf" type="application/x-shockwave-flash" width="1"></embed>

      Ubah nilai TRUE pada loop menjadi FALSE jika ingin lagu hanya sekali saja diputar....

    MEMASANG LAGU PADA BLOG

    • Sekarang masuk ke akun blogger anda
    • Masuk ke menu TATA LETAK
    • Klik TAMBAH GADGET
    • Pilih HTML/JAVASCRIPT
    • Paste kode tadi di dalam jendela widget
    • Tidak perlu mengisi nama widget
    • Klik SIMPAN
    • Atur posisi widget di bagian paling akhir halaman dan SIMPAN PERUBAHAN TEMPLATE
    Sekarang setiap kali orang mengakses blog anda, mereka akan mendengarkan lagu tersebut. Kalau anda bosan, silahkan ganti dengan yang lainnya, atau hapus saja widget yang tadi anda pasang, dan blog anda akan kembali silent mode.   


    sumber : http://trikmudahseo.blogspot.com/2013/03/cara-cara-memasang-lagu-di-blog-otomatis-diputar.html
  • Tutorial membuat blog part 4 :Cara Mengganti Tampilan Blog Menjadi Template Anime

    Cara Mengganti Tampilan Blog Menjadi Template Anime


    Kali Ini Ane Akan memberikan cara untuk merubah tampilan blog ente atau mengganti template blog ente dengan mudah dan dengan template anime yang kakoi . langsung aja kita simak
    1. Buka Link di bawah ini
    http://btemplates.com/?s=anime&x=0&y=0

     lalu akan muncul seperti enni


    2. Pilih tampilan blog yang ente suka.
    3. Klik Download untuk mendownload template dan Preview jika ingin melihat template lebih lanjut.
    4. Tunggu sampai selesai, lalu extract file ber eksistensi XML
    5. Setelah itu buka blog seperti biasanya.

    6. Buka template pada Dashboard blog ente
    7. Sebelumnya, kite harus membackup template agar tidak terjadi gangguan atau kekacauan saat template diganti. caranya cukup klik Cadangkan/Pulihkan

    8. Lalu akan muncul kotak dialog seperti ini, Klik Unduh Template Lengkap lalu simpan di tempat yang anda inginkan.


    9. Lalu kalau sudah, cari file template yang tadi agan download dari bTemplates dengan klik bagian Browse
    10. Jika sudah ketemu tinggal di unggah dan pasti jadi

    Atau bisa menggunakan cara lain

    1. Backup dulu !
    2. Buka file hasil download dari bTemplate dengan Notepad/Wordpad
    3. Copy (supaya mudah, tekan tombol Ctrl+A lalu Copy)
    4. Masuk ke akun blogeer di template dan Klik Edit HTML

    5. Hapus semua yang ada di HTML (CTRL + A lalu Del)
    6. Pastekan kode tadi
    7. Jangan lupa untuk disimpan

    Model template lain juga tersedia di www.btemplates.com

    Alhamdullilah ! , akhirnya selesai juga. Semoga bermanfaat untuk abang dan mba semua dan semoga berhasil!! ^_*

    Apabila ada kesalahan saya minta maaf , wassalamualaikum Wr,Wb


    sumber : http://edwinfauzan.blogspot.co.id/2015/01/cara-mengganti-tampilan-blog-menjadi.html
  • Tutorial membuat log part 3 : Cara Membuat Read More

    Cara Membuat Read More / Baca Selengkapnya Di Posting Blogger


    Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara untuk membuat read more / baca selengkapnya di postingan pada blogspot.
    Contohnya seperti ini :
    Cara Membuat Read More Di Postingan Blogspot 
    • Login pada Blogger 
    • Setelah berada di Dashbore 
    • Masuk mode Rancangan 
    • Kemudian Edit HTML 
    • Centang Expand Widget Templates 
    • Cari kode </head> 
    • Jika sudah ketemu, letakan kode berikut diatas kode tadi
    <script type='text/javascript'>
    var thumbnail_mode = "float" ;
    summary_noimg = 250;
    summary_img = 250;
    img_thumb_height = 120;
    img_thumb_width = 120;
    </script>
    
    <script type='text/javascript'>
    //<![CDATA[
    /******************************************
    Auto-readmore link script, version 2.0 (for blogspot)
    (C)2008 by Anhvo
    visit http://en.vietwebguide.com to get more cool hacks
    ********************************************/
    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(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>
    Keterangan : 
    summary noimg = 250 = adalah jumlah ringkasan tulisan jika tidak ada gambarnya
    summary img = 250 = adalah jumlah ringkasan tulisan jika ada gambarnya
    img thumb height = 120 = adalah tinggi gambar
    img thumb width = 120 = adalah lebar gambar 
    • Selanjutnya cari kode <data:post.body/>
    • Ganti kode tadi dengan kode dibawah ini
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <div expr:id='"summary" + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
    <span style='float:right'><a expr:href='data:post.url'>Baca Selengkapnya... </a></span>
    </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
    
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
    • Jika sudah silahkan preview, jika sudah ada tulisan Baca Selengkapnya… dan tulisan sudah ditampilkan sebagian saja itu artinya sudah berhasil.
    • Setelah berhasil, Simpan Template
    Demikian blogger tutorial mengenai Cara Membuat Read More / Baca Selengkapnya Di Postingan Blogspot.


    Semoga bermanfaat dan semoga berhasil
    Terima Kasih ^_^
     
    sumber :  http://blogtutorials-01.blogspot.co.id/2012/04/cara-membuat-read-more-baca.html
  • Copyright © - Enigma - Enigma - Powered by Blogger - Designed by Johanes Djogan