Saturday, 3 August 2013

Cara Membuat TV Online di Blog

11 comments

Cara Membuat TV Online di Blog ~ Pernahkah anda melihat tv online ???, biasanya orang melihat tv online di beberapa blog yang menyediakan tv online. Saya pun sering menonton TV online ini di karenakan tv saya lagi rusak.

Baiklah untuk kali ini saya menunjukkan 2 cara bagaiman cara memasang TV online :
1. Cara memsang TV online di Halaman Blog
2. Cara memasang mini widget TV online di blog.

 1. Cara memsang TV online di Halaman

Widget kali ini adlah widget yang bisa kita pasang di halaman , dan layr yang di tampilkan pun luas shingga dapat memberikan kenyamanan menonton pada penonton :

Cara Memasang

1. Login ke blog
2. Pilih menu laman
3. Laman baru --> Laman Kosong
4. Pilih HTML
5. Copy paste kode di bawah ini :

 <!-- TV Online diandiki blogspot -->
<div style="border: 10px solid #868e89; height: 558px; overflow: hidden; width: 450px;">
<div style="margin-left: -34px; margin-top: -227px; text-align: center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="860" width="100%"><param name="wmode" value="transparent" /><param name="src" value="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" /><param name="scale" value="noscale" /><param name="quality" value="high" /><param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer" /><param name="menu" value="true" /><param name="devicefont" value="false" /><param name="allowscriptaccess" value="sameDomain" /><param name="allowfullscreen" value="true" /><param name="scroll" value="auto" /><a href="http://blogseo-tutorial.blogspot.com"></a><embed width="100%" height="860" type="application/x-shockwave-flash" src="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" wmode="transparent" scale="noscale" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" menu="true" devicefont="false" allowscriptaccess="sameDomain" allowfullscreen="true" scroll="auto" /></object></div>
</div>
<!-- TV Online diandiki blogspot selesai -->
6. Ket :
  • Warna Merah anda ganti dengan ukuran TV online 
7. Untuk Demo lihat gambar di atas

     2. Cara memasang mini widget TV online di blog.

    Widget ini bisa kita taruh di mana saja bisa di side bar di postinan blog, pokoknya di mana saja deh. Tetapi layar yang di tampilkan sangat kecil. Walaupun layar nya kecil TV ini ada menu tampilkan layar lebih besar.

    Cara memasang

    1. Anda pasang kode di bawah ini sesuai keingan anda

    <iframe frameborder="0" height="300" scrolling="no" src="http://miniwidget.gudang.tv? format=embed&player_autoplay=true" width="200"></iframe>

    2. Warna merah anda ganti dengan ukaran TV mini
    3. Ini demonya :

    Kekurangan

    Diantara kelebihan di atas pasti ada kekurangan nya yaitu :
    • Jika ingin menonton TV ini penonton harus memiliki jaringan yang stabil, tapi menurut saya lebih banya kekurangan nya 

    Read More...

    Cara Membuat Widget Social Media Melayang dan Tersembunyi di Blog

    8 comments

    Cara Membuat Widget Social Media Melayang dan Tersembunyi di Blog ~ Jika sebelumnya saya telah menunjukkan Cara Memasang Gadget Facebook Fans Page Tersembunyi ( Auto Hidden ) di blogger 
    kali ini saya akan menunjukkan cara mebuat social media tersembuny, jika sebelumnya haya facebook ,namun widget kali ini adalah social profile semuanya, hingga dari faceboo, twitter, G +, hingga feed.

     Untuk contoh anda bisa melihat gambar di bawah in :

    Cara Memasang

    1. Masuk ke blogger anda
    2.Pilih menu tata letak --> tambah gadget --> HTML / java scrip
    3. Copy paste kode di bawah ini :

    <style>
    .fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVqICmztmKkcocsLXMswOcEk4hehtN4n7MYa7LaBODgMO-6_6oVp-UbUqBE7QCp9g763akqUfNrsAxlCysOKX9yQL6sAGxuZZLJlFiS3dWw6sK7zCNi-QPLc4cJu7JJ1ocDMvD8KeWls4/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
    .fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS5NSOaBzJqCjM2qTmdbIAyMDhHt89Am5tnQYrx2tt3wI3OQ5CFuwv_Y7ZB_d_xcvDKFq_bUZ8IGGIjxfWdgDYE93P8fbKyIaep99npK7u5GIPl67mKhgt6s4kDE4c8-AFaxdF1k7fEnA/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
    .fixedmenu_1{margin:0px 0 0 43px}
    .fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHpEu9PRv2DgVzVUJyJtwiCjwS2UE1Nrn-9V3BS3KXuMDupjFRpowJskBSw91PHiyTr-ZtwvLtOoaFs8AW_VbzJXgqVGsjwVWVc4UxYaXlLhsKfJGs3YA09l_FWtfnashKXt4B-eF0JSE/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
    .fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLRmLbWlonNKFKzoNzVANReo7YNZR1HvjlKRV9G8gimyk3AtANaHlHFYN9CN5uBSpbys6-6sa1afJyjNNXZ9G6SjaBSdH1u7B3mGcwAyf_TDDk_0CcFFfbJjQeUtnk_VFlyU9Z9yHWbiw/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
    .fixedmenutw_1{margin:0px 0 0 43px}
    .fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2SH9RtuYcnxb7u1VrnX0gybrHaWLNcvbfPQVX3vIgd9b83puj6KzzTMjJuoIl7tj1dLlfiRTSs3z0CCsLYaQGfauesfeV35rljjXdyGDjwXTBPRo2kj6N4F5oI3-8C7uGyP26WpBa414/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
    .fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4x3RIxPEnmFmRPi3ZgTMclk52aE7qfD5D4ha2OnNIxNoku1xiqqRQai4ePmmCVS2yX7G3WSChtGQUeG4VbEo41iGZkeg5jA1up_GrPXrD_zMcL1lt33W4r-zOPBUlWiK0wgAFqykC10k/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
    .fixedmenufb_1{margin:0px 0 0 43px}
    .fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhggeXIeEiWOfyhu8feFCY2URKQnbUfRBQG730uIypP6MfAjPeN7CvgCl-ZXNYWEjM1rWfzSaW0gJmgE9nIpBFtg_OS0VZfmgzzblwyapuvI1s9U3nyVJns1olZTYrhvofgk1xHimhU6Jo/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
    .fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2gBfd6LhagdAt4lhku2Uk5R1nbK7WJoZQeGxk3crri8SAlrnmBFSgk_h6wS53votF3y9PibcJO5VCt4bdhL6qxOfK58QEHjHvKhtslI8ZyMT-LzOmOKOGjY3Q-b4zF3Yx4z0xoczVRps/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
    .fixedmenurss_1{margin:0px 0 0 43px}
    </style>
    <div class='fixedmenu' onmouseout='this.className=&apos;fixedmenu&apos;' onmouseover='this.className=&apos;fixedmenu1&apos;'><div class='fixedmenu_1'>
    <a href='https://www.facebook.com/ErdianRahmanaPutra' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglxc2WdOO_In-99U02vX0rqc_JeB5Yvjow2gTsJ5UYoHyskZboQ-ipQDzh_njviFBGIpn-xfQZQPHz0ee4ytVb7wYmNFQt3uYM9LCH6CYHc39q_wtFS6AZBixxSXb_w5jmkbVBfKaZRNg/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>
    </div></div><div class='fixedmenutw' onmouseout='this.className=&apos;fixedmenutw&apos;' onmouseover='this.className=&apos;fixedmenutw1&apos;'><div class='fixedmenutw_1'>
    <a href='https://twitter.com/erdianrahmana' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ62GmVz0yc2gTfM1uXUdUqM7E-2QwhLU_qVuU7kwkTD4wvqKPrZxb_xxHQn7jnLZj-wu_oPa1FjwMuH6hFfUbHfRVywf9DCHV7s6MduiuvTp-YEqBk36v0ubzYgU17iUCZ3DdXX39uqQ/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>
    </div></div><div class='fixedmenufb' onmouseout='this.className=&apos;fixedmenufb&apos;' onmouseover='this.className=&apos;fixedmenufb1&apos;'><div class='fixedmenufb_1'>
    <a href='https://plus.google.com/u/0/110005497910605593707' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBwBhyDBAbAcEDxuiU9UrcEDlmLqUCESEmN1b95UF5IH3q4Ab_mECGaECXUkz1RpCjdgJ2gSfURj177A0yDxzLAYZtrL8YCziACfjWOPaJ4GLoxZa8yCZWkO0QgOptvEFu9rBxXIgUgFo/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>
    </div></div><div class='fixedmenurss' onmouseout='this.className=&apos;fixedmenurss&apos;' onmouseover='this.className=&apos;fixedmenurss1&apos;'><div class='fixedmenurss_1'>
    <a href='http://feeds.feedburner.com/diandikiblogspot' target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-BxYHGZYukz-YUVk6MP_d3uQS_BbF4dcNkbmdUhGi1nVlU3cdqhiA3etyMuASUYWAbxTN5h73dsaNxdhYxMxsTxpP913U_gEZKARQ1BXSdMPTBllyurcJtc2doLcaWBrzX_zEghKnUNo/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>
    </div></div>

    3. Ket :
    • Warna Biru Tua anda ganti dengan Link profile facebook anda
    • Warna Biru Muda anda ganti dengan link profile twitter
    • Warna Merah anda ganti denag Link profile Google + anda
    • Warna Orange anda ganti dengan link feed bunner anda
    4. Simpan
    5. lihat hasilnya :)

    Read More...

    Friday, 2 August 2013

    Cara Memperbaikki Pesan Komentar yang Turun Ke Bawah

    Leave a Comment

    Cara Memperbaikki Pesan Komentar yang Turun Ke Bawah~ Blog saya pernah mengalami kejadian, dimana pesan komentar yang tertulis di atas kotak komentar malah turun di bawah komentar. yang bisa anda lihat pada gambar di bawah ini.

    Mungkin diantara anda semua pasti ada juga yang mengalami hal yang serupa pada blog anda, hal ini sebagian besar terjadi karena kita memasang emoticons di blog. Tetapi dengan merubah beberapa kode di edit HTML, maka kita akn melihat kembali pesan komentar menjadi di atas kotak komentar.

    Cara Memperbaiki

     Tahap Pertama

    1. Login ke blog anda terlebih dahulu
    2. Pilih menu template --> edit HTML
    3. Cari kode <b:includable id='threaded-comment-form' var='post'> atau kode yang lebih panjannya yaitu:

    <b:includable id='threaded-comment-form' var='post'>
      <div class='comment-form'>
        <a name='comment-form'/>
        <b:if cond='data:mobile'>
          <p><data:blogCommentMessage/></p>
          <data:blogTeamBlogMessage/>
          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
        <b:else/>
          <p><data:blogCommentMessage/></p>
          <data:blogTeamBlogMessage/>
          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
        </b:if>
        <data:post.friendConnectJs/>
        <data:post.cmtfpIframe/>
        <script type='text/javascript'>
          BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
        </script>
      </div>
    </b:includable>
    4. Setelah anda berhasil mencari kode tersebut ganti dengan kode di bawah ini :

     <b:includable id='threaded-comment-form' var='post'>
      <div class='comment-form'>
        <a name='comment-form'/>
        <b:if cond='data:mobile'>
    <div id='form-wrapper'>
          <p><data:blogCommentMessage/></p>
          <data:blogTeamBlogMessage/>
          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    </div>
        <b:else/>
    <div id='form-wrapper'>
          <p><data:blogCommentMessage/></p>
          <data:blogTeamBlogMessage/>
          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </div>
        </b:if>
        <data:post.friendConnectJs/>
        <data:post.cmtfpIframe/>
        <script type='text/javascript'>
          BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
        </script>
      </div>
    </b:includable

    Tahap Kedua

    1. Tetap di edit HTML

    2. Cari kode di bawah ini:
    document.getElementById(domId).insertBefore(replybox, null);
    3. Ganti Dengan kode di bawah ini :

    document.getElementById(domId).insertBefore(document.getElementById('form-wrapper'), null);
    4. Simpan

    Read More...

    Thursday, 1 August 2013

    Cara Me-Redirect / Mengalihkan Homepage Blog ke Halaman Lain

    25 comments

    Cara Me-Redirect / Mengalihkan Homepage Blog ke Halaman Lain ~  Halo semua nya kali ini saya akan menulis sebuah postingan dengan tema Redirect.
    Redirect dalam indonesia sama dengan mengalihkan jadi, kali ini kita akn mengalihkan hamepage / home blog ke alamat lnk lainnya, seprti ke postingan lain, dan juga mengalihkan ke blog lain.

    Fungsi:
    Fungsi Redirect mengahlikan pengunjung dari blog kita yang lam dan rusak tak terpakai lagi, ke blog kita yang baru yang kita pakai sekrang.

    Saya akn menunjukkan 2 tutorial:

    1. Mengalihkan seluruh blog ke blog lain / postingan lain.
    2. Mengalihkan ( hanya ) homepage ke blog lain atau postingan lain.

     Cara Memasang:

    1. Mengalihkan seluruh blog ke blog lain / postingan lain.

    Cara pertama ini adalah mengalihkan seluruh blog ke blog baru atau postingan lain dari blog lain. Jadi  Redirect seluruh blog anda yang rusak ke blog anda yang baru.

    Cara:
    1. Cari kode <head> pade edit HTML , biasanya terletak di atas 
    2. Copy paste kode di bawah ini di atas kode <head>

    <meta content='5;url=http://diandiki.blogspot.com/' http-equiv='refresh'/>
    3. Ket :
    • Warna merah adalah waktu pengalihan ( dalam hitungan detik / sekon )
    • Warna hijau adalah URL pengalihan
    2. Mengalihkan ( hanya ) homepage ke blog lain atau postingan lain

    Cara kedua ini kita hanya mengahlikan home page, atau salah satu posting ke blog atau postingan lainnya.
    1. cari kode <head>
    2. Pastekan kode dibawah ini di ataskode <head>


    <b:if cond='data:blog.url == &quot;Http://diandiki.blogspot.com/&quot;'>
    <META HTTP-EQUIV='refresh' content='0;URL=http://erditemplate.blogspot.com'/>
    <b:else/>
    </b:if>
    3. Ket:
    • Warna merah merupak URL asal : jika anda ingin postingan yang ingin dialihkan maka anda harus merubhnya menjadi URL posting, contoh : http://diandiki.blogspot.com/2013/07/cara-measang-gadget-whosamungus.html 
    • Warna biru adalah waktu pengalihan (dalam detik )
    • Warna Hijau adalah URL pengalihan Jika anda ingin mengalihkannya ke postinag, maka anda masukkan URL posting tersebut



    Yang terakhir adalah simpan, dan lihat hasillnya

    Silahkan di like :)


    Read More...