/* HourGlass THEME */ .ip-header { position: fixed; top: 0; z-index: 100; min-height: 480px; width: 100%; height: 100%; background: #505050 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFmgBn63Xy93Q-liqCuagUsbwD_rnNODt4N_a6O950WcuCsHpK9aijMbT-V6Q0RyT_g6iilt8GbUdwxrkgV-dRg82d57nNhAAg1bgWeQ2uy8yZ_oIcVq_5mJtBeyehODdE1lqvQjElhdws/s1600/hourglass.gif) no-repeat center center; /* warna background dan gambar loader */ z-index: 999999; } .ip-header .ip-loader svg path.ip-loader-circlebg { stroke: #fff; /* warna background circle loader */ } .ip-header .ip-loader svg path.ip-loader-circle { -webkit-transition: stroke-dashoffset 0.2s; transition: stroke-dashoffset 0.2s; stroke: #13BAFA; /* Warna garis circle saat loading */ } /* Pre-Loader main */ .ip-loader { position: absolute; left: 0; width: 100%; opacity: 0; cursor: default; pointer-events: none; } .ip-loader { bottom: 20%; } .ip-header .ip-inner { display: block; margin: 0 auto; } .ip-header .ip-loader svg path { fill: none; stroke-width: 6; } /* Animasi */ .loading .ip-loader { opacity: 1; -webkit-animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both; animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both; } .loading .ip-loader { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes animInitialHeader { from { opacity: 0; -webkit-transform: translate3d(0,800px,0); } } @keyframes animInitialHeader { from { opacity: 0; -webkit-transform: translate3d(0,800px,0); transform: translate3d(0,800px,0); } } .loaded .ip-loader { opacity: 1; } .loaded .ip-loader { -webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards; animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards; } @-webkit-keyframes animLoadedLoader { to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); } } @keyframes animLoadedLoader { to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); } } /* Animasi header ketika loading selesai */ .loaded .ip-header { -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards; animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards; } @-webkit-keyframes animLoadedHeader { to { -webkit-transform: translate3d(0,-100%,0); } } @keyframes animLoadedHeader { to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } .layout-switch .ip-header { position: absolute; } /* End Preloader */
IP

Senin, 19 Maret 2012



Cara Pasang MP3 Player Di Blog Menggunakan MixPod



Melanjutkan postingan artikel Cara Pasang MP3 Player Di Blog, kali ini dilanjutkan dengan tambahan menggunakan playlist yang daftar list lagunya bisa disesuaikan dengan keinginan sobat blogger. Widget MP3 Player dalam postingan artikel kali ini menggunakan layanan MixPod untuk membuat playlist dan MP3 Online Player. Layanan musik di MixPod ini gratis dan mudah untuk di kostumasi termasuk isi dari playlist dan skin MP3 Player. Oke... moz's blogger kita lanjutkan ke TKP...



  1. Kunjungi situs Mixpod. Jika belum punya akun di MixPod silakan sobat daftar dulu kemudian login ke MixPod.
  2. Apabila sudah login klik "Create Playlist" yang ada di atas.

  3. Masukan kata kunci pada box pencarian kemudian apabila hasil pencarian sudah ditampilkan selanjutnya klik tombol "+" setelah itu jika sudah selesai silakan klik "Save Playlist" untuk menyimpan daftar playlist.

  4. Klik "SAVE" untuk mendapatkan kode script.

  5. Copy kode HTML yang ditampilkan pada kotak Embed Code.

  6. Login ke akun blog sobat.
  7. Klik Design >>> Page Elements >>> Add Gadget.
  8. Paste kode HTML MixPod pada kotak gadget.
  9. Klik "Save" dan lihat hasilnya...
.: Semoga Bermanfaat :.

Membuat Kotak Iklan Dengan Efek Mantul



Banyak cara menuju roma... banyak cara pula menampilkan adsense atau iklan dari sponsor blog sobat dengan cara yang unik dan menarik, salah satunya yaitu dengan cara membuat efek pantul pada saat blog ditampilkan. Cara ini bisa membantu meningkatkan jumlah klik adsense sehingga otomatis penghasilan blog dari adsense juga bertambah.

Preview : Demo Postingan

Perhatian : Sebelum mencoba trik ini ada baiknya terlebih dahulu membackup template sobat untuk menghidari hal-hal yang tidak diinginkan !!!...

Cara Pemasangan :
  • Login ke  blog sobat...

  • Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.


  • Cari kode </Head> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode </Head> tersebut.

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'></script>
        <script type='text/javascript'>
        $(window).bind("load", function() {
        // animasikan nilai top saat halaman telah selesai dimuat
        $('#kotak-pesan').animate({top:"190px"}, 1000, "easeOutBounce");
        // hilangkan kotak pesan saat tombol (x) diklik
        $('a.close').click(function() {
        $(this).parent().slideUp(800, "easeOutBounce");
        return false;
        });
        });
        </script>
        <style>
        #kotak-pesan{
        position:fixed !important;
        position:absolute; /* IE6 */
        top:-900px;
        left:50%;
        margin:0px 0px 0px -182px;
        width:250px;
        height:250px;
        padding:10px;
        background:#FFB200;
        border:2px solid #fff;
        font:normal 1em Cambria,Georgia,Serif;
        color:#111;
        -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
        -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
        box-shadow:0px 1px 3px rgba(0,0,0,0.4);
        }
        #kotak-pesan a.close{
        position:absolute;
        top:-10px;
        right:-10px;
        background:#FFB200;
        font:bold 16px Arial,Sans-Serif;
        text-decoration:none;
        line-height:22px;
        width:22px;
        text-align:center;
        color:#fff;
        border:2px solid #fff;
        -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
        -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
        box-shadow:0px 1px 2px rgba(0,0,0,0.4);
        -webkit-border-radius:22px;
        -moz-border-radius:22px;
        border-radius:22px;
        cursor:pointer;
        }
        </style>

  • Cari kode <Body> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di bawah kode <Body> tersebut.

       <div id='kotak-pesan'>
        DISINI KONTEN ADA,
        Bisa Iklan,
        Dan Lain Lain
        Sesuai yang sobat inginkan
        <a class='close' href='#'>&times;</a>
        </div>

     |  Blog Tools
    - Keterangan :
    • Kode yang berwarna merah merupakan kode script jquery jika sobat sudah menggunakan kode script jquery kode ini jangan pasang lagi.
    • Kode yang berwarna biru merupakan settingan ukuran lebar, tinggi dan warna background. Silakan sesuaikan dengan keinginan sobat.
    • Teks yang berwarna ungu merupakan tempat untuk menaruh kode script iklan.

  • Klik "Save" dan lihat hasilnya...
.: Semoga Bermanfaat :.

Widget Flying TinkerBell



Masih ingat dengan film Peterpan dengan peri ajaib si Tinkerbell ??? ok dech kalo masih ingat... nahh... kreasi widget blog kali ini menggunakan efek animasi flying image tinkerbell, seru-kan ??? untuk contoh seperti yang terlihat pada postingan artikel ini. Widget flying tinkerbell menggunakan javascript flying image yang sudah saya modifikasi sendiri. Oke...sob saya udah kehabisan kata-kata nich... mending kita langsung ke TKP aja yaa...

Cara Pemasangan :
  • Login ke  blog sobat...

  • Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.


  • Cari kode </Head> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode </Head> tersebut.

    <script language="javascript">
    var floatURLimage="http://i1254.photobucket.com/albums/hh606/MonozCore/th_Flying_Tinkerbell.gif";
    </script>
    <script language="javascript" src="http://monozcore-project.googlecode.com/files/MozFlyingImage.js"></script>

     |  Blog Tools
    - Keterangan :
    • not available.

  • Klik "Save" dan lihat hasilnya...
.: Semoga Bermanfaat :.

    Widget Naga Terbang Di Blog #2



    Setelah postingan artikel Widget Naga Hitam Terbang Di Blog, kali ini saya membuat postingan artikel Widget Naga Terbang Di Blog #2. Dijamin makin unik dan atraktif walaupun pada prinsipnya sih sama.

    Beragam cara untuk meningkatkan popularitas blog, mulai dari seo, optimalisasi template, konten dan widget serta membuat tampilan blog yang menawan. Hal ini menjadi suatu kewajiban buat para blogger yang ingin blognya menjadi top of blog di kalangan blogger. Dari semua strategi yang digunakan terkadang sobat blogger sering melupakan 2 hal yang tak kalah pentingnya yaitu keseimbangan dan originalitas.

    Keseimbangan berarti kesabaran dan keseriusan dalam mengolah dan mengelola blog, sehingga dapat memberikan info yang bermutu dan bermanfaat. Originalitas berarti keaslian info yang dibagikan harus bisa secara jujur dipertanggung jawabkan dan tidak melanggar etika penggunaan informasi yang diperoleh.

    Oke... sob kita lanjutkan ke topik pembicaraan. Pada postingan kali ini saya akan membagikan info tentang mengoptimalkan tampilan blog yang salah satunya dengan menggunakan widget naga terbang di blog #2. Kali ini animasi naga banyak pilihannya, sobat blogger tinggal pilih dari opsi gambar naga yang ada. Monggo dipilih dulu gambarnya kemudian tinggal dipasang scriptnya...

    Cara Pemasangan :
    • Login ke  blog sobat...

    • Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.


    • Cari kode </Body> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode </Body> tersebut.

      <script language="javascript">
      var floatURLimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYEkG0SX8oEUOzKdmbQjUOkQ1gakZvZFca-eCF6DskApH7qNmbAWVqjcXN0k5m3zL4hCxXR1bne1Aq-zgCKISphpTLBu_9E0SqBMSb-5uf_UqhxJ1HvEtQL3ksJEz67o-xADBlZ-TAHyhL/s800/Flying-Rainbow-Dragon-Animated-Image.gif";
      </script>
      <script language="javascript" src="http://monozcore-project.googlecode.com/files/DragonScript.js"></script>

       |  Blog Tools

      - Keterangan :
      • Kode yang berwarna biru merupakan URL Link Gambar, silakan pilih gambar naga yang sobat suka pada pilihan gambar naga yang ada di bawah kemudian tinggal ganti kode script di atas yang berwarna biru.

    • Klik "Save" dan lihat hasilnya...

    Pilihan Gambar Naga :
    • Rainbow Dragon 

      Image Link :
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYEkG0SX8oEUOzKdmbQjUOkQ1gakZvZFca-eCF6DskApH7qNmbAWVqjcXN0k5m3zL4hCxXR1bne1Aq-zgCKISphpTLBu_9E0SqBMSb-5uf_UqhxJ1HvEtQL3ksJEz67o-xADBlZ-TAHyhL/s800/Flying-Rainbow-Dragon-Animated-Image.gif

    • Cute Dragon 

      Image Link :
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiplOdqVLafXtKAq8Hnh89tpL_t4Y5P1GkXXf5rTLXAG79GtnAm9kC_VsSg1aDhRp14eKHRPJmZ6VCMHddHWFPNwhYP9XyhhXB2RCwCP6edIJHGxc1JH6j3jwK3afWq_mu2GA2xGNpN7lB4/s800/Flying-Cute-Dragon-Animated-Image.gif

    • Fire Dragon 

      Image Link :
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyH97wXNnHORStwktipIZenMJMaN7J-j80IC3ERslwzBtqKcW6TRkW7d08Tn_Qx_R_38hyphenhyphen7F0yk4pNIRd2ZJlTvrHIgx1FLXOLY1hyGXmgB7ZcIczDK0ZbUla25weMP3Id0c3k1OMot58S/s800/Flying-Fire-Dragon-Animated-Image.gif

    • Green Dragon 

      Image Link :
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3yoKHApdNFQcffw0pdrU-J8UfgrWnmLR_GH0nXihrFzg-ZQQpIqcEomLID8PLnNFY6rKECFCkNImsuUeWOxTEm8QXgL7o1giSDd9rzpXaPMX-pCXg6rZoLrnXXii_HouImmFQDmO3zMgs/s800/flying-green-dragon-animated-image.gif

    • Red Dragon 

      Image Link :
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3yoKHApdNFQcffw0pdrU-J8UfgrWnmLR_GH0nXihrFzg-ZQQpIqcEomLID8PLnNFY6rKECFCkNImsuUeWOxTEm8QXgL7o1giSDd9rzpXaPMX-pCXg6rZoLrnXXii_HouImmFQDmO3zMgs/s800/flying-green-dragon-animated-image.gif

    • Grey Dragon 

      Image Link :
      https://lh5.googleusercontent.com/-bSPHoql1wR0/TztrRbikGDI/AAAAAAAAA80/gRzuw3I_MlA/s800/Flying-Grey-Dragon-Animated-Image.gif
    Wuiiihhh keren dah.... jangan lupa supportnya ya... biar kreasi berikutnya semakin unik, menarik dan atraktif... terima kasih, akhir kata...
    .: Semoga Bermanfaat :.

    Widget Naga Hitam Terbang Di Blog



    Awas !!! Ada Naga Hitam sedang terbang di blog... hati-hati sob sang naga lagi ngamuk... hehe :)), becanda bro,  naga hitam yang terbang di blog merupakan efek tampilan blog yang atraktif hasil kreasi original MonozCore terbaru.

    Tahun 2012 menurut orang tionghoa merupakan tahun naga yang katanya tahun 2012 ini merupakan tahun yang hoki dan dinamis so... supaya banyak hoki saya mencoba membuat widget atraktif bernuansa naga agar dalam tahun ini dan mendatang saya dan sobat blogger bisa saling berbagi dan bersinergi mendapatkan banyak hoki... setuju.. oke dech... sekarang kita langsung aja ke TKP...

    Cara Pemasangan :
    • Login ke  blog sobat...

    • Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.


    • Cari kode </Body> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode </Body> tersebut.

      <script language="javascript" src="http://monozcore-project.googlecode.com/files/BlackDragon.js"></script>

       |  Blog Tools
    • Klik "Save" dan lihat hasilnya...
    .: Semoga Bermanfaat :.

    Widget Shark Attack On The Blog



    Hehehe... begitulah senyum teman kita satu ini yang hidup di laut, wah apa hubungannya dengan judul postingan kali ini ya ???, sori agak mendramatisir biar seru postingannya. Widget kali ini mengenai ikan hiu yang berkeliaran di halaman blog, seperti contoh yang ada di postingan artikel ini, gimana keren-kan ??? (kalo belum kelihatan ikan hiunya silakan di refresh halaman ini). Sebelum kita ke TKP ada baiknya kita simak info tentang ikan hiu dulu, biar makin lengkap wawasannya.

    Info Singkat :
    Hiu adalah sekelompok (superordo Selachimorpha) ikan dengan kerangka tulang rawan yang lengkap dan tubuh yang ramping. Mereka bernapas dengan menggunakan lima liang insang (kadang-kadang enam atau tujuh, tergantung pada spesiesnya) di samping, atau dimulai sedikit di belakang, kepalanya. Hiu mempunyai tubuh yang dilapisi kulit dermal denticles untuk melindungi kulit mereka dari kerusakan, dari parasit, dan untuk menambah dinamika air. Mereka mempunyai beberapa deret gigi yang dapat digantikan.

    Hiu mencakup spesies yang berukuran sebesar telapak tangan hiu pigmi, Euprotomicrus bispinatus, sebuah spesies dari laut dalam yang panjangnya hanya 22 cm, hingga hiu paus, Rhincodon typus, ikan terbesar, yang bertumbuh hingga sekitar 12 meter dan yang, seperti ikan paus, hanya memakan plankton melalui alat penyaring di mulutnya. Hiu banteng, Carcharhinus leucas, adalah yang paling terkenal dari beberapa spesies yang berenang di air laut maupun air tawar (jenis ini ditemukan di Danau Nikaragua, di Amerika Tengah) dan di delta-delta.
    (Sumber : Wikipedia)

    Cara Pemasangan :
    • Login ke  blog sobat...

    • Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.


    • Cari kode </Body> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode </Body> tersebut.

      <script language="javascript" src="http://monozcore-project.googlecode.com/files/monozcore_shark.js"></script>

       |  Blog Tools
    • Klik "Save" dan lihat hasilnya...
    Wuiiihhh.... makin tambah dech wawasannya, jangan lupa supportnya ya... biar kreasi berikutnya semakin unik, menarik, atraktif, dinamis dan yang pastinya keeerreeen... terima kasih, akhir kata...

    .: Semoga Bermanfaat :.

    Kamis, 01 Maret 2012


    Cara Membuat Widget Horoskop di Blog


    Ada banyak cara untuk mengetahui kecocokan anda dengan pasangan atau calon pasangan anda... salah satunya dengan prediksi kecocokan berdasarkan nama, tanggal lahir dan persentase jodoh.

    .::. Horoskop .::.

    Buat anda yang tertarik untuk memasang widget ini silakan disimak tutorialnya.

    Ingat !!! prediksi jodoh dan horoskop hanya merupakan prediksi bukan sebagai patokan dalam melihat masa depan anda dan pasangan anda...

    Cara Pemasangan Widget
    • Login ke blog anda
    • Buat postingan artikel atau halaman postingan baru
    • Klik "Edit HTML"
    • Copy-Paste kode berikut ke kotak postingan artikel 
    <iframe frameborder="0" height="600" scrolling="auto" src="http://pastehtml.com/view/b9osjd40q.html" width="100%"></iframe>
    • Klik "Publish Post" dan lihat hasilnya.
    • Buat link widget horoskop ini dengan url sesuai dengan judul postingan yang anda buat.
    • Taruh link horoskop ini ditempat yang sesuai dengan yang anda inginkan.
    Oke... semoga widget ini bisa menambah daya tarik blog anda sehingga bisa menambah trafik pengunjung, akhir kata semoga bermanfaat.

    Cara Pasang MP3 Player di Blog


    Sambil blog bisa dengerin lagu-lagu terbaru di  Sambil blog bisa dengerin lagu-lagu terbaru di belantika musik indonesia, lumayan buat ngilangin suntuk sewaktu blogwalking ataupun bloggathering di dunia maya... Kalo dulu untuk memutar mp3 player dengan lagu-lagu terbaru indonesia sobat bisa menggunakan live-musik.com tapi berhubung situs tersebut sudah offline alias tutup terpaksa cari alternatif lain buat pasang mp3 player online di blog. 

    Cukup lama juga mencari pengganti mp3 player online yang mirip dengan live-musik.com hingga akhirnya ketemu juga ditambah dengan streaming dan kualitas yang suara yang top markotop. Ga Percaya...coba klik quick-link di bawah kiri layar dengan gambar icon winamp player. Gimana ??? Oke punya khan...Oke buat yang tertarik untuk memasang mp3 player online ini di blog-nya silakan simak tutorialnya...

    Cara Memasang MP3 Player Online
    • Silakan login ke blog sobat kemudian klik "Design". Jangan lupa untuk membuat back-up template sobat.
    • Klik "Add New Widget" buat bikin widget MP3 Player Online, kemudian pilih HTML/Javascript Code.
    • Ketikan "MP3 Player Online" pada Header/Title Widget.
    • Copy-Paste kode berikut ini pada kotak widget.
      The Code...
      <div style="padding: 3px; width: 244px; text-align: center; font: 14px Arial; font-weight: bold; color: #fff; background-color: #99cc00;">Dengar Lagu MP3 Indonesia</div>
      <div style="margin:0px; padding:0px; width:100%;">
      <script language="javascript" type="text/javascript" src="http://www.sejutalagu.com/wp-content/themes/sejutalagu/js/swfobject.js"></script>

      <div id="player">
          <h3>SejutaLagu MP3 Player</h3>
          <p>Browser Anda belum memiliki Adobe Flash Player. <a href="http://get.adobe.com/flashplayer/" >Klik disini</a> untuk download.</p>
      </div>

      <script language="javascript" type="text/javascript">
      var so = new SWFObject("http://www.sejutalagu.com/wp-content/themes/sejutalagu/mp3player/flashmp3player.swf", "player", "250", "250", "9");
      so.addParam("quality", "high");
      so.addVariable("content_path","mp3");
      so.addVariable("color_path","http://www.sejutalagu.com/wp-content/themes/sejutalagu/mp3player/default.xml");
      so.addVariable("script_path","http://www.sejutalagu.com/wp-content/themes/sejutalagu/mp3player/flashmp3player.php");
      so.write("player");
      </script>
      <div style="float:left; margin:0px; padding:0px; font: 12px Tahoma; font-weight:bold;"><a href="http://www.monozcore.blogspot.com" rel="follow" style="color:#006699; text-decoration:none;" title="Widget MP3Player Online">Widget by MonozCore</a></div></div>
    • Klik "Save" dan lihat hasilnya.
    .:Semoga Bermanfaat:.

    Cara Memasang Radio Online atau MP3 di Blog


    Setelah sebelumnya saya membahas tentang cara memasang radio Muslimdan radio Sunnah di blog, sekarang saya akan membahas tentang cara memasang Ceria Radio di blog. Radio online ini hanya berisi lagu-lagu, sehingga saya memberikan judul cara memasang Mp3 di blog. Radio online ini  auto play jadi akan langsung hidup ketika blog kita  di buka, seperti radio pada blog ini. Untuk memasangnya kita harus memasang kode radio online pada blog kita, gimana apakah anda tertarik? Kode radio ceria online dapat diambil di website resminya di ceriaradio.com, tapi saya juga telah menyediakan kodenya di blog kejora creativity ini.




    Cara memasang radio online atau cara memasang Mp3 di blog adalah sebagai berikut:
    • Login ke Blogger
    • Setelah masuk ke Dasbor, klik "Tata Letak"
    • Maka anda akan masuk ke "Elemen Halaman"
    • Klik tulisan "Tambah Gadget"
    • Pilih widget "HTML/JavaScript"
    • Masukkan kode di bawah ini, lalu Simpan.
      
    <center><embed style="margin-top: 0px;" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" autostart="true" displaysize="0" showstatusbar="1" type="application/x-mplayer2" src="http://ceriaradio.com:8000/" name="RAOCXplayer" allowscriptaccess="never" height="70" width="160"></embed></center>
    <div style="text-align: center;">
    <center><span style="font-size: xx-small;">Widget By: <a href="http://jaenal-creativity.blogspot.com/">Kejora Creativity </a></span></div></center>

    • Selesai.....

    Banner Rotation Script




    Banner Rotation merupakan alternatif animasi gambar selain animasi gambar GIF dan animasi Flash. Banner Rotation ini menggunakan kode javascipt, jadi tidak akan membuat lambat waktu loading blog. Kode javascript Banner Rotation yang saya gunakan merupakan hasil modifikasi dari script Banner Rotation yang ada di scriptmania.com.

    Pada info unik kali ini untuk menggunakan javascript Banner Rotation saya akan memberikan 2 cara pemasangannya, yaitu :

    Cara 1 : 
    Cara ini menggunakan pemasangan javascript langsung di blog. Cara ini saya anggap kurang efektif tapi untuk menambah informasi seputar blogging, jadi saya tetap akan memberikan cara pemasangannya. Lumayanlah buat tambahan ilmu blogging...
    • Siapkan gambar yang akan dijadikan animasi. Dalam script ini saya menggunakan 3 gambar tapi kalo sobat mau menggunakan lebih dari 3 gambar, silakan saja.
    • Taruh gambar tersebut ke hostingan gambar kemudian copy link URL masng-masing gambar tersebut.
    • Ingat !!! Selalu buat full backup kode template sobat untuk menghidari hal-hal yang tidak diinginkan.
    • Login ke blog sobat.
    • Klik "Design" kemudian klik "Edit HTML".
    • Cari kode </Head> kemudian copy-paste kode di bawah ini tepat di atas kode</Head>.

      //Script from http://monozcore.blogspot.com
      <script language="JavaScript">
      <!--
      var sponsor = 1;
      function surfToSponsor()
      {
      // Banner links.
         if (sponsor==1) window.location.href="http://t1-community.blogspot.com";
         if (sponsor==2) window.location.href="http://t1-community.blogspot.com ";
         if (sponsor==3) window.location.href=" http://t1-community.blogspot.com ";
      }

      function changeSponsor()
      {
      // Banner images.
         if (++sponsor > 3)  sponsor = 1;
         if (sponsor==1) document.images[0].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ3ss9ATM3hF9xm0757c2wZC-UdNl_r_n75m3UB7cPxB4rrY6kcSwb3etUCMNsnae0neEDWob3sk-NRWP9Jd3Il3Nm0sFrBQvrkZCyrJoIGylW5o0p_iZzCtLaPlX_bf5HTnZV3pTnKgBy/s800/MonozAds3468x60.png";
         if (sponsor==2) document.images[0].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKT9MGYmon4dK0hdCETD92sn3y4VF9PNLZ93auShwxIPtn-Mb3z6-JYZxC98DtO11zzXweorzpMVw5NQM1emXq44ZmELTt0yyRXRMf1sa7sEPMvH8j6pBUGKV6uuRdw8WtYUBjzLmqCs-B/s800/MonozAds1468x60.png";
         if (sponsor==3) document.images[0].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwIstcoyu7qwlBd48EJunmZ8UBPg8sDtKqnV4S8boGBC92UeiyO1wBHL3v6xusCmvrKc00ap7ZnoE2rVzuK4PjwQZQ8otPKsQ4rlZIk71Tl6hZ3HXwaG0B36aNM0uJov5xpcXoLU87Chc0/s800/MonozAds2468x60.png";
      // Set this value to the time between
      // rotations (1500 = 1.5 seconds)
         window.setTimeout('changeSponsor();',1500);
      }
      // -->
      </script>
    • Keterangan :
      - Pada kode // Banner links merupakan URL link yang dituju.
      - Pada kode // Banner images merupakan URL lokasi gambar.

    • Cari kode <Body> kemudian ganti kode tersebut dengan kode di bawah ini.

      <body onLoad="window.setTimeout('changeSponsor();',1500);">

    • Copy-paste kode di bawah ini ditempat blog yang sobat inginkan.

      <a href="javascript:surfToSponsor();"><img name="banner" SRC=""></a>

    • Simpan dan lihat hasilnya...
    Cara 2 :
    Untuk cara yang ke-dua menggunakan trik iFrame. Cara ini lebih efektif karena sobat blogger tidak perlu merubah banyak kode apabila ada perubahan banner dan juga untuk menghindari kesalahan pemasangan script ini.
    • Siapkan gambar yang akan dijadikan animasi. Dalam script ini saya menggunakan 3 gambar tapi kalo sobat mau menggunakan lebih dari 3 gambar, silakan saja.
    • Taruh gambar tersebut ke hostingan gambar kemudian copy link URL masng-masing gambar tersebut.
    • Ingat !!! Selalu buat full backup kode template sobat untuk menghidari hal-hal yang tidak diinginkan.
    • Buat kode HTML halaman website seperti kode HTML di bawah ini. Untuk pembuatan halaman website bisa menggunakan program notepad. Buka notepad kemudian copy-paste kode di bawah ini ke dalam notepad. Klik tombol save pada notepad kemudian untuk pilihan "Save as File Type" pilih "All Files (*.*)". Beri nama file dengan akhiran extension "*.html", contoh: namaFile.html. Setelah file tersebut di simpan cari tempat hostingan file html seperti "http://pastehtml.com". Apabila file html sudah di simpan di tempat hostingan simpan lokasi URL file tersebut.

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
          <title>MonozCore Ads</title>
      <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM3rzkq3Be1yz6oP9hb4gaXXeVGDVeAzoklc4IcdDfc6jhMY3Mej0pnEuBMBeCROUyn7b-8gRXMycUG1o9rwQLQW7FiWA-6s_LWx0YNtQHYN5-muugTU58cGJn9llT2kJAOU0z7WrskIQ/s800/blog_icon.png' rel='icon' type='image/gif'/>
      <meta content='MonozCore, free, software, widget, widgets, blogger widgets, blogger templates, free widgets, best widgets, blogs, blogger, blogspot widgets, blog widgets, money making, internet marketing, seo, blog info, PTC, dollar, freelance, free jobs, jobs, alexa, alexa ranks, pagerank' name='keywords'/>
      <meta content='INDEX, FOLLOW, ARCHIVE' name='ROBOTS'/>
      <meta content='monozcore' name='author'/>
      <meta content='monozcore' name='owner'/>
      <script language="JavaScript">
      <!--
      var sponsor = 1;
      function surfToSponsor()
      {
      // banners will link.
         if (sponsor==1) window.location.href="http://monozcore.blogspot.com/p/contact.html";
         if (sponsor==2) window.location.href="http://monozcore.blogspot.com/p/contact.html";
         if (sponsor==3) window.location.href="http://monozcore.blogspot.com/p/contact.html";
      }

      function changeSponsor()
      {
      // Banners
         if (++sponsor > 3)  sponsor = 1;
         if (sponsor==1) document.images[0].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ3ss9ATM3hF9xm0757c2wZC-UdNl_r_n75m3UB7cPxB4rrY6kcSwb3etUCMNsnae0neEDWob3sk-NRWP9Jd3Il3Nm0sFrBQvrkZCyrJoIGylW5o0p_iZzCtLaPlX_bf5HTnZV3pTnKgBy/s800/MonozAds3468x60.png";
         if (sponsor==2) document.images[0].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKT9MGYmon4dK0hdCETD92sn3y4VF9PNLZ93auShwxIPtn-Mb3z6-JYZxC98DtO11zzXweorzpMVw5NQM1emXq44ZmELTt0yyRXRMf1sa7sEPMvH8j6pBUGKV6uuRdw8WtYUBjzLmqCs-B/s800/MonozAds1468x60.png";
         if (sponsor==3) document.images[0].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwIstcoyu7qwlBd48EJunmZ8UBPg8sDtKqnV4S8boGBC92UeiyO1wBHL3v6xusCmvrKc00ap7ZnoE2rVzuK4PjwQZQ8otPKsQ4rlZIk71Tl6hZ3HXwaG0B36aNM0uJov5xpcXoLU87Chc0/s800/MonozAds2468x60.png";
      // Set this value to the time between
      // rotations (1500 = 1.5 seconds)
         window.setTimeout('changeSponsor();',1500);
      }
      // -->
      </script>
        </head>
        <body onLoad="window.setTimeout('changeSponsor();',1500);" style="background-color:transparent">
        <a href="javascript:surfToSponsor();" title="Place Ads Order" alt="ads here 468x60 px idr 40,000,- /month"><img name="banner" SRC="" style="left:0; top:0; margin:0; padding:0;"></a>
        </body>
      </html>

    • Untuk pemasangan script sama seperti cara 1.
    • Sesuaikan link yang dituju dan lokasi URL gambar.
    • Tempatkan kode iFrame di bawah ini pada tempat di blog sesuai yang sobat inginkan.

      <div align="center" class="topstyle">
      <iframe src="http://pastehtml.com/view/bf9gv8lk1.html" frameborder="0" scrolling="no" width="468px" height="60px" marginwidth="0" marginheight="0">You need a Frames Capable browser to view this content.</iframe></div>

    • Ganti src iFrame yang berwarna biru dengan lokasi URL file html yang tadi sudah disimpan.
    • Simpan dan lihat hasilnya...
    .:Selamat Mencoba:.

    Efek Hantu Terbang Di Blog


      
    Buat sobat blogger yang punya tema template berlatar belakang gelap, nich ada script unik yang keren banget efek hantu terbang. Script ini akan menampilkan gambar hantu holloween yang sedang beterbangan secara random di blog sobat. Untuk melihat previewnya silakan lihat diMozWidget Blog.

    Script ini menggunakan javascript dan 3 gambar yang mempunyai ukuran 144 pixel sehingga tidak akan memberatkan waktu loading blog sobat. Script efek hantu beterbangan secara default menggunakan 3 gambar hantu holloween yang keren dan unik. Gambar hantu bisa disesuaikan dan juga bisa menggunakan lebih dari 3 gambar. Buat yang tertarik memasang script ini saya sarankan hanya di pasang pada halaman utama saja biar tidak menggangu pengunjung blog apabila membaca artikel keseluruhan di blog sobat.

    Cara Pemasangan
    • Login ke blog sobat.
    • Klik "Design" kemudian klik "Edit HTML".
    • Cari kode </Head> kemudian copy-paste kode dibawah ini tepat diatas kode </Head>.

      <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <SCRIPT SRC='http://monozcore-project.googlecode.com/files/MonozCore_Halloween.js' type='text/JavaScript'/>
      <SCRIPT type='Text/JavaScript'>
      function JSFX_StartEffects()
      {
          JSFX.AddGhost(&quot;https://lh6.googleusercontent.com/-SXwO9TSbVHw/Tss48oP8H7I/AAAAAAAAAfY/sFb02XmPRiQ/s144/ghost2_0.png&quot;);
          JSFX.AddGhost(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwweJhG2SMlZgbv6Hkfoj9ARZMr2L88gJLAhLuNKSnayGSXKTLv-NhymF18tXXIveGr5JfcuF5S3S45HeYdrdPmOYzXnRZo-QscL6f2o2vUZKYNv5ZpsYy3uJhDS4wTBmK_v836HvNBo8E/s800/ghost1.gif&quot;);
          JSFX.AddGhost(&quot;https://lh5.googleusercontent.com/-SpLc1VaANcs/Tss47hTjmuI/AAAAAAAAAfQ/Qb_ANbbx674/s144/ghost3_0.png&quot;);
      }
      window.onload = JSFX_StartEffects;
      </SCRIPT>
      </b:if>

      • Kode "<b:if cond='data:blog.url == data:blog.homepageUrl'>...</b:if>" merupakan kode blog yang berfungsi untuk menampilkan kode tertentu hanya pada halaman utama saja. Untuk mempelajari kode blog lebih lanjut silakan baca artikel tentang Jenis dan Fungsi Kode Untuk Mengatur Tampilan Widget BlogSpot.
      • Kode "JSFX.AddGhost(&quot;URL link gambar&quot;);"merupakan kode script untuk mendeklarasikan array gambar. Untuk menambah gambar silakan tambahkan baris kode script ini pada script diatas.
      • Kode "https://lh6.googleusercontent.com/-SXwO9TSbVHw/Tss48oP8H7I/AAAAAAAAAfY/sFb02XmPRiQ/s144/ghost2_0.png" merupakan kode URL link gambar yang digunakan. Untuk merubah gambar silakan ganti baris kode ini dengan URL link gambar yang ingin digunakan.

    • Klik "Save" dan lihat hasilnya...
    .:Selamat Mencoba:.

    Falling Angel / Devil For Bloggers


    Membuat tampilan blog dengan efek falling angel / devil yang menarik dan unik. Efek ini menggunakan javascript falling image dengan menggunakan gambar Angel / Devil. Gambar Angel / Devil menggunakan ukuran tinggi 144 pixel dengan format Gif / PNG. Untuk contoh dapat dilihat di MozWidget.blogspot.com.

    Cara Pemasangan
    • Login ke blog sobat.
    • Klik "Design" kemudian klik "Edit HTML".
    • Cari kode </Head> kemudian copy-paste kode berikut ini di atas kode </Head>.

      <script language='JavaScript'>
      var no = 5;
      var speed = 10;
      var snowflake = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnkk8PGvu9gtq9Prb82dABn1t36cAPUReJcw7b7tt4Kd2Ov4MeerhqKK9Q4L_kvxFohkYs0sFTG3yph_mLAPF2f13J6uTBejgpblbNT_4WtpsK8QO9ZS0PueESxTBJWoQNtNz4RjegF0AK/s800/Angel.png&quot;;
      </script>
      <script language='JavaScript' src='http://monozcore-project.googlecode.com/files/MonozCore_FallinImages.js'/>

      Keterangan :
      - var no = 5 // Jumlah gambar yang ditampilkan.
      - var speed = 10 // Kecepatan gerak gambar (semakin kecil semakin cepat).
      - var snowflake // URL link gambar.

    • Kode yang berwarna biru merupakan URL Link Gambar, silakan sobat ganti dengan URL Link Gambar Angel / Devil atau gambar lain yang sobat inginkan.

    • Apabila sobat sudah menggunakan script falling image, sobat blogger cukup mengganti URL Link gambar saja.

    • Klik "Save" dan lihat hasilnya. 

    Pilihan Gambar Angel / Devil

     
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDkMKNRWEavUQSQKyQcEO8rYxOeTRwiEJsXcHhkzBu00aYIE4KlfjH_nz7ub5MtRj0L3Ysgk4owtN8TrDs3legiRHl4qFwoUZI1ySZ1heLTiPpo8Fa8npcTmS2zJjVHpF7gn4xV6GKHrPf/s800/wonderwoman02.png

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioJsueS2hQ_EtjDaiTIAGKNheEVmIBt35liM_7-9VcCOnAOh98fJndV9kIaAjLyhIo_sFUU6DasBGkfJgobamrb5SVmMz2tWF9-MeWxCRhELjYFRbVjmkvEBUoTnm_pZ_8W-NMQglMNCNl/s144/Pixie.png

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnkk8PGvu9gtq9Prb82dABn1t36cAPUReJcw7b7tt4Kd2Ov4MeerhqKK9Q4L_kvxFohkYs0sFTG3yph_mLAPF2f13J6uTBejgpblbNT_4WtpsK8QO9ZS0PueESxTBJWoQNtNz4RjegF0AK/s800/Angel.png

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAdvO5kB_8vqGrlAJpTKQU2XU34lZoZLI0Pw7q27Wa7q0QLP1SJumtbyUQBdq3ACabCbmsfBk6_R_1C6YgnmFvWfUX6VIc_Dp48COpKqVv6vg-rMipzbTw5bzpE8vCmorwuywfkMW04eob/s144/Vampire1.png 

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitogAkAXJzf7K12gz-QoDQ3lGVmBzDB4i7BhRC2GMtnS6esXuMpzpptaqpGpBkmaHsXoO9oVff2Hlapv5LWlphsj3RVb7ErWZoc0VtVmEkXCJLiWEj_YXaYLPkWdIJMHc1k-g2_MB-hUG2/s800/Demon.png

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2_pmqrOVDPiozWsONUACv8u2eUfLroDx5EoUZHBy8cO8ncODrKQQiT19mjDtcQS2-BU7PdHGaV4YCFAWtmymOTtXv9Ss_7vEFNPNcSYAMokdR_G_pIJSrmTj5K4HBinkGcdN9pM3_OZ2e/s800/new_wonderwoman.png

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2gKpOkw2QOIxidhezxDY-BIfC3eACTSbgA-XMlrdBW_yyMsI6xDUNaK65oTfTaqWZCENlQz5-6CdoCGA7_JdNspu_EgL9RUtolYmgd4l2NYH5DXuljyx4Ny2eV23veX6bSVk_eICeHuXb/s800/sexy-bat-girl.png 

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC8bLRZeKZODauJ4u7G93YoRZz4fftVwhmRV9p6BWnZ3B2gqEZbPUusH08I__mYmP8sW9uCAdzhlwH9gf5vAQCWn8hqzoheFczpIJg8Gm4t-yb98h1URsgBlhzu_u50JgMXTwuBWXQFbVz/s800/Vampire2.png 

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_EdjekEWGDGireOcqRvSusHgYtzPycF7_VAlcCpQeaZ7d7kCFzZknxyjxpMZURsZoYbDW5rSxCdmYHlyX919LfCcmOi0mJQ4QHO_qqFyO2E8IxRdSzr2i6pSBnwA7LBdEKQWmGyy5cW2n/s800/pink-butterfly.png 

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrTHW-GOiYGwphPLodQacKt2HxOGnVDejKudfpZksipCWBYbnLItPDyUQAkrK3Y_RPAbAv5_AS-4d1TF3FWmS8ZHdbD5jzSMzVf6lWNBOXaQMChw-eEq8kPBW1GFEAS9owC6rME1IPhG_Z/s800/BatGirl.png 

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCcsjCZ59v_kLTuam8ClbnXOEqYjeKef3zQjCuWcaG4BdWkLqON_4gsywO0e7Cp_LbENsYC2S54e_K5m1FDN-6lRVRs9XqLNERs_nsAe48L_lsmX66p6UptdWJU0F28bvzXZLzPIK3xG-U/s800/devilicious.png 

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3dK8wSq04VAYYhcfN8Nj_cZ1DaH4JJJkAoLhnXNNOWvwVaFbVlGg4PdmF5qZivQJEJmsbKM9AhCcFJ19O688dYuXjptVGk2jnV0DRB13BgY_ZDDOa6oIoA7m4sd5r_UFLnP8MSPwfc_E4/s800/redhotdemon.png 

    Gimana Moz's Blogger kerenkan infonya ??? jangan lupa supportnya ya...dan juga klik sponsor iklan yang ada di blog ini supaya kreasinya makin unik dan bermanfaat...Terima kasih.

    .:Semoga Bermanfaat:.