Blog Setting
Tautan Sponsor
Unlock Blog / Website Using Free Proxy
URL : www.
« »
« »
« »
« »
« »

Membuat Aplikasi Nokia RSS Feed Blog

Pengen punya aplikasi nokia tentang konten blog sendiri ??? kalo ya... monggo disimak infonya tentang membuat aplikasi nokia rss feed blog. Pada dasarnya aplikasi nokia ini merupakan web based aplication yang menampilkan rss feed konten suatu blog... artinya aplikasi ini menampilkan konten blog sobat seperti layaknya membaca konten blog melalui rss feed reader, bedanya aplikasi ini dipasang di hp nokia. Pembuatan aplikasi ini cukup mudah dengan sedikit sentuhan kreatifitas sobat blogger sudah bisa membuat professional mobile application untuk konten blog sobat, ga perlu ribet tinggal klik...jadi deh.


Aplikasi nokia ini dapat dijadikan sebagai media promosi suatu blog... kok bisa ???, ya bisa-lah karena secara otomatis aplikasi nokia yang sobat buat apabila disetujui oleh pihak nokia, aplikasi nokia  sobat akan langsung tersedia di Nokia Ovi Store, gimana kerenkan... ga cuma itu aplikasi nokia ini juga merupakan media untuk mendapatkan penghasilan tambahan dengan cara memasang iklan dari sponsor blog sobat... oke moz's blogger langsung aja kita ke TKP...

Cara Pemasangan
  1. Silakan kunjungi Nokia app wizard, kemudian klik Get Started.



  2. Klik logo blogger untuk memasukan link URL blogspot.



    Catatan : Sobat blogger juga bisa menggunakan link RSS Feed, Wordpress, Blogger, Youtube, Facebook, Picasa, dan Flickr.

  3. Ketikan link URL blog, misal link URL blog http://monozcore.blogspot.com cukup ketikan monozcore pada kotak link URL.



  4. Klik gambar panah (>) yang berwarna biru untuk melanjutkan. Tunggu beberapa saat hingga muncul gambar aplikasi konten blog kemudian klik "Next Step" yang ada di bagian bawah.

  5. Pada halaman ini, sobat blogger bisa menambah icon, logo, background logo, background frame, warna text, dan juga warna link, dan jangan lupa pilih bahasa yang ingin digunakan, disini sobat blogger bebas pilih desain yang diinginkan, tapi ingat harus orisinil, bila sudah klik "Next Step".

  6. Setelah itu sobat blogger akan menemukan jendela pop up, kemudian baca dengan seksama, setelah itu ceklist kedua-duanya, bila sudah klik "Continue".



  7. Lewati saja, klik "Next Step".

  8. Kemudian isi kolom-kolom yang telah disediakan, untuk membuat akun di Nokia Store, kemudian klik Accept terms and register.

  9. Lewati saja, klik "Next Step".

  10. Kemudian isi Deskripsi aplikasi nokia sobat, Keyword yang digunakan, Publisher Description untuk Nokia Store, buat logo, kategori aplikasi sobat, dimana aplikasi nokia sobat akan di distribusikan, bila sobat di Indonesia pilih Indonesia atau pilih global, kemudian pada Price point pilih saja Free biar aplikasinya banyak yang download, setelah itu klik finish.

  11. Buka akun email sobat untuk memeriksa email (terkadang untuk verifikasi biasanya paling lambat 5 hari kerja).





  12. Klik "Continue". Setelah itu klik Sign in.


  13. Kemudian klik Submit to Nokia Store.



  14. Pada langkah ini diberi pilihan untuk langsung di submit atau diedit terlebih dahulu, saya anggap sobat blogger memilih Submit.



  15. Langkah-langkah ini sudah selesai, tinggal menunggu tinjauan dari tim nokia, mungkin sekitar 48 jam.



  16. Bila aplikasi nokia sobat diterima maka akan ada pemberitahuan pada kiriman email dan pada akun nokia sobat akan terlihat gambar gembok terbuka, yang menunjukkan aplikasi nokia sobat sudah berjalan.



  17. Apabila ingin mencoba aplikasi nokia sobat yang sudah berjalan silakan download dan instal melalui Nokia Ovi Store di Hp Nokia sobat...
Demikian info unik kali ini, jangan lupa cendolnya yaa... supaya kreasinya makin unik dan bermanfaat...Terima kasih.

FB Users () Comment | Read Users (0) Comment

Animasi Warna Background

Bikin blog tampil unik dengan memasang animasi warna background yang colorful kaya di film avatar penuh dengan warna - warni. Animasi warna pada background akan bergerak secara vertikal dan horizontal dengan diikuti perubahan warna. Gimana Moz's Blogger kerenkan ???

Animasi warna background ini menggunakan javascript jadi tidak akan memberatkan waktu loading blog. Script ini dapat disesuaikan mulai dari warna yang dapat disesuaikan dengan selera sobat  blogger sampai kecepatan transformasi warna. Soooo... buat yang pengen blognya penuh dengan warna-warni monggo disimak tutorialnya...

Untuk contoh dapat dilihat pada background postingan artikel ini jika tidak terlihat silakan refresh halaman ini. Animasi akan terlihat sebagian karena script yang digunakan berada dalam postingan artikel tapi jika dipasang di dalam kode blog animasi warna background akan sesuai dengan ukuran latar.

Buat yang suka copy-paste artikel mohon supportnya dengan meng-klik iklan / sponsor yang ada di blog MonozCore. Support sobat akan sangat membantu pengembangan blog ini, Terima Kasih...

Cara Pemasangan :
  • Login ke blog sobat.
  • Klik "Design" kemudian klik "Edit HTML".
  • Cari kode "<Body>" kemudian taruh kode script berikut ini setelah kode "<Body>"

    <script type="text/javascript">
    // <![CDATA[
    var border=50;
    var effects=3;
    var speed=50;
    var colours=new Array("#9cf", "#c9f", "#fc9", "#f9c", "#cf9", "#9fc", "#6ff", "#f6f", "#ff6");


    var swide, shigh;
    var h=new Array();
    var v=new Array();
    var op=1/(effects+1);
    window.onload=function() { if (document.getElementById) {
      var i, d, s, b;
      b=document.createElement("div");
      s=b.style;
      s.position="absolute";
      s.overflow="hidden";
      s.zIndex="-1";
      b.setAttribute("id", "bod");
      i=document.body.style.backgroundColor;
      if (document.body.parentNode) {
        if (i) document.body.parentNode.style.backgroundColor=i;
        document.body.style.backgroundColor="transparent";
      }
      document.body.appendChild(b);
      set_width();
      set_scroll();
      for (i=0; i<effects*10; i+=10) {
        d=document.createElement("div");
        s=d.style;
        s.width="100%";
        h[i]=Math.floor(Math.random()*shigh/2.5);
        h[i+1]=Math.floor(Math.random()*shigh/2.5);
        h[i+2]=(Math.random()<0.5?-1:1)*(2+Math.floor(Math.random()*3));
        h[i+3]=(Math.random()<0.5?-1:1)*(2+Math.floor(Math.random()*3));
        s.top=h[i]+"px";
        s.bottom=h[i+1]+"px";
        s.position="absolute";
        s.borderColor=jazz();
        s.borderStyle="solid";
        s.borderWidth=border+"px 0px";
        s.backgroundColor=jazz();
        if (navigator.appName=="Microsoft Internet Explorer") s.filter="alpha(opacity="+(100*op)+")";
        else s.opacity=op;
        h[i+5]=s;
        b.appendChild(d);
      }
      for (i=0; i<effects*10; i+=10) {
        d=document.createElement("div");
        s=d.style;
        s.height="100%";
        v[i]=Math.floor(Math.random()*swide/2.5);
        v[i+1]=Math.floor(Math.random()*swide/2.5);
        v[i+2]=(Math.random()<0.5?-1:1)*(2+Math.floor(Math.random()*3));
        v[i+3]=(Math.random()<0.5?-1:1)*(2+Math.floor(Math.random()*3));
        s.left=v[i]+"px";
        s.right=v[i+1]+"px";
        s.position="absolute";
        s.borderColor=jazz();
        s.borderStyle="solid";
        s.borderWidth="0px "+border+"px";
        s.backgroundColor=jazz();
        if (navigator.appName=="Microsoft Internet Explorer") s.filter="alpha(opacity="+(100*op)+")";
        else s.opacity=op;
        v[i+5]=s;
        b.appendChild(d);
      }
      groovy();
    }}

    var old_jazz=false;
    function jazz() {
        var new_jazz;
        do { new_jazz=colours[Math.floor(Math.random()*colours.length)]; }
        while ( new_jazz==old_jazz );
        old_jazz=new_jazz;
        return (new_jazz);
    }

    function scat(no) {
        var yes;
        no=no*Math.abs(no);
        do { yes=2+Math.floor(Math.random()*3); }
        while ( no==yes );
        return (yes);
    }

    function groovy() {
      setTimeout("groovy()", speed);
      var i;
      for (i=0; i<effects*10; i+=10) {
        h[i]+=h[i+2];
        h[i+1]+=h[i+3];
        if (h[i]+h[i+1]>shigh-border*2) {
          h[i+4]=h[i+2];
          h[i+2]=-h[i+3];
          h[i+3]=-h[i+4];
          h[i+5].backgroundColor=jazz();
        }
        if (h[i]<-border && Math.random()<1/border) {
          h[i+2]=scat(h[i+3]);
          if (h[i+1]>shigh) h[i+5].borderColor=jazz();
        }
        else if (h[i]>shigh && Math.random()<1/border) {
          h[i+2]=-scat(h[i+3]);
        }
        if (h[i+1]<-border && Math.random()<1/border) {
          h[i+3]=scat(h[i+2]);
          if (h[i]>shigh) h[i+5].borderColor=jazz();
        }
        else if (h[i+1]>shigh && Math.random()<1/border) {
          h[i+3]=-scat(h[i+2]);
        }
        h[i+5].top=h[i]+"px";
        h[i+5].bottom=h[i+1]+"px";
      }
      for (i=0; i<effects*10; i+=10) {
        v[i]+=v[i+2];
        v[i+1]+=v[i+3];
        if (v[i]+v[i+1]>swide-border*2) {
          v[i+4]=v[i+2];
          v[i+2]=-v[i+3];
          v[i+3]=-v[i+4];
          v[i+5].backgroundColor=jazz();
        }
        if (v[i]<-border && Math.random()<1/border) {
          v[i+2]=scat(v[i+3]);
          if (v[i+1]>swide) v[i+5].borderColor=jazz();
        }
        else if (v[i]>swide && Math.random()<1/border) {
          v[i+2]=-scat(v[i+3]);
        }
        if (v[i+1]<-border && Math.random()<1/border) {
          v[i+3]=scat(v[i+2]);
          if (v[i]>swide) v[i+5].borderColor=jazz();
        }
        else if (v[i+1]>swide && Math.random()<1/border) {
          v[i+3]=-scat(v[i+2]);
        }
        v[i+5].left=v[i]+"px";
        v[i+5].right=v[i+1]+"px";
      }
    }

    window.onresize=set_width;
    function set_width() {
      if (typeof(self.innerWidth)=="number") {
        swide=self.innerWidth-18;
        shigh=self.innerHeight-18;
      }
      else if (document.documentElement && document.documentElement.clientWidth) {
        swide=document.documentElement.clientWidth;
        shigh=document.documentElement.clientHeight;
      }
      else if (document.body.clientWidth) {
        swide=document.body.clientWidth;
        shigh=document.body.clientHeight;
      }
      else {
        swide=800;
        shigh=600;
      }
      var s=document.getElementById("bod").style;
      s.width=swide+"px";
      s.height=shigh+"px";
    }

    window.onscroll=set_scroll;
    function set_scroll() {
      var sleft, sdown;
      if (typeof(self.pageYOffset)=="number") {
        sdown=self.pageYOffset;
        sleft=self.pageXOffset;
      }
      else if (document.body.scrollTop || document.body.scrollLeft) {
        sdown=document.body.scrollTop;
        sleft=document.body.scrollLeft;
      }
      else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
        sleft=document.documentElement.scrollLeft;
        sdown=document.documentElement.scrollTop;
      }
      else {
        sdown=0;
        sleft=0;
      }
      var s=document.getElementById("bod").style;
      s.top=sdown+"px";
      s.left=sleft+"px";
    }
    // ]]>
    </script>

    Keterangan :
    - var border=50; // Tebal blok warna.
    - var effects=3; // Jumlah efek warna.
    - var speed=50; // Kecepatan animasi (makin kecil semakin cepat).
    - var colours=new Array("#9cf", "#c9f", "#fc9", "#f9c", "#cf9", "#9fc", "#6ff", "#f6f", "#ff6");
    // Array warna yang digunakan (warna dapat disesuaikan bisa ditambah atau dikurangi). Kode warna menggunakan kode hex warna HTML untuk mengetahui kode hex warna lainnya dapat dilihat di postingan artikel kode warna HTML. Untuk mengganti warna gunakan 3 digit kode depan hex warna, seperti "#9cf", "#c9f" atau "#fc9".

  • Klik "Save" dan lihat hasilnya...
Mohon supportnya ya biar kreasinya tambah keren dan bermanfaat. Buat yang masih bingung seputar pemasangan widget ini silakan tanyakan melalui kotak komentar...

.:Semoga Bermanfaat:.

FB Users () Comment | Read Users (3) Comment

Twitter Box Followers

Twitter Box Followers adalah widget untuk menampilkan siapa saja yang sudah mem-follow twitter sobat. Tampilannya mirip dengan Facebook Box Follower yang banyak dipasang di blog. Oke... mas bro buat yang tertarik langsung aja ke TKP...

Contoh :

Cara Pemasangan :
  • Login ke blog anda.
  • Klik "Design" kemudian klik "Add a Gadget" kemudian pilih "HTML/JavaScript", seperti gambar dibawah ini.


  • Copy-paste kode berikut ini di kotak postingan gadget.

    <iframe name="fbfanIFrame_0" allowtransparency="true" src="http://s.moopz.com/connect.html?user=MonozCore" class="FB_SERVER_IFRAME" style="width: 300px; height: 250px; border-style: none;" frameborder="0" scrolling="no"></iframe><script type="text/javascript">fanbox_init("MonozCore");</script>
    <div style="text-align:center;font-size:80%;"><a href="http://monozcore.blogspot.com" style="text-decoration:none;color:white;">Get this widget</a></div>

    Keterangan :
    - MonozCore - diganti dengan ID Twitter anda.
    - width: 300px - lebar kotak bisa disesuaikan.
    - height: 250px - tinggi kotak bisa disesuaikan.

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

FB Users () Comment | Read Users (0) Comment

Cara Membuat Kotak Iklan di Footer

Tips & trik kali ini untuk mengoptimalkan google adsense atau ads (iklan) dari sponsor anda dengan memasang Kotak Iklan di Footer yang user-freindly.

Memasang iklan yang berlebihan pada blog terkadang membuat waktu loading blog bertambah lama apalagi kalo iklan yang mengandung konten dewasa makin berat aja loadingnya. Nahh... supaya iklan yang dipasang tidak terlalu banyak dan juga iklan yang dipasang dapat dilihat secara optimal, anda dapat memasang Kotak Iklan di Footer atau menggunakan PopUp Ads Screen.

Pada trik kali ini yaitu Cara Membuat Kotak Iklan di Footer saya berikan menggunakan 2 cara yaitu yang pertama dengan kode css dan sedikit sentuhan kode HTML dan yang kedua menggunakan Javascript. Buat anda yang tertarik silakan disimak tutorialnya... Oke jangan lupa untuk memberikan support-nya ya...dengan mengklik iklan yang ada di blog ini...

Contoh :

iklan

Untuk pemasangan kode di blog silakan anda pasang cara 1 atau cara 2 sebelum kode </Body>.

Cara 1 : Menggunakan CSS


<style type="text/css">
.botnav{
width:100%;
height:107px;
position: fixed;
bottom:0px;
right: 0px;
background-repeat:repeat-x;
z-index:1;
color:#000000;
}
</style>
<div class="botnav">
<p align="center">
KODE SCRIPT IKLAN
</p>
</div>

Catatan :
height:107px = bisa anda ganti sesuai tinggi dari gambar atau script iklan yang anda pasang.
KODE SCRIPT IKLAN : Anda ganti dengan kode script iklan.

Cara 2 : Menggunakan Javascript


<!-- AWAL FOOTER IKLAN -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br >
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 110px; z-index: 9999;'>
<div style='text-align: right; width: 735px; height: 3px;'>
<img id='closed' src='http://www.voa-islam.com/images/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
KODE IKLAN ANDA
</center></p>
</p>
</div>
<!-- AKHIR FOOTER IKLAN -->

Catatan : 
  • height: 110px : Anda ganti sesuai dengan tinggi iklan.
  • width: 735px. : Anda ganti sesuai dengan lebar iklan.
  • KODE IKLAN ANDA : Ganti dengan code script iklan.
Tidak semua layanan iklan PPC membolehkan cara memasang iklan seperti ini, jadi sebelum anda memasang trik ini pastikan tidak melanggar TOS (Terms of Service) layanan PPC yang anda ikuti.

.: Semoga Bermanfaat :.

FB Users () Comment | Read Users (3) Comment

Cara Membuat Komentar Facebook di Blog


Oke... Moz's Blogger (sobat blogger monozcore) dari yang baru bikin blog maupun yang sudah kawakan info unik kali ini tentang Cara Membuat Komentar Facebook di Blog. Sebelumnya saya ucapkan Assalamu'alaikum Wr Wb, semoga Moz's Blogger selalu dalam keadaan sehat dan sejahtera. Oke...dech sekarang kita lanjutkan pembahasannya, manfaat memasang kotak komentar facebook selain memudahkan pengunjung untuk bisa langsung berkomentar karena biasanya kebanyakan dari pengunjung blog sudah login pada akun facebooknya, kotak komentar facebook menjadi daya tarik untuk membuat pengunjung blog semakin betah untuk berkunjung kembali ke blog sobat... Buat yang tertarik untuk memasang kotak komentar facebook silakan langsung aja ke TKP...

Perhatian :
  • Biasakan backup template blog sobat sebelum mengedit apapun pada blog sobat.
  • Sesuaikan lebar komentar facebook agar terlihat rapih dan menarik.
Cara Pemasangan :
  1. Login ke Facebook sobat.

  2. Kunjungi situs Facebook Developers.

  3. Pilih Comments yang ada pada daftar social plugins facebook pada situs Facebook Developers.

  4. Masukan URL blog dengan URL blog / website sobat kemudian masukan jumlah komentar yang kan dimunculkan pada blog sobat dan lebar kotak komentar facebook.
  5. Bila kamu sudah selesai, langkah selanjutnya klik Get Code.

  6. Setelah itu akan muncul kotak kode facebook yang berisi 2 kotak kode, yaitu kotak kode no.1 dan kotak kode no.2.
    Perhatikan gambar :


  7. Buka "Tab Browser Window" baru kemudian buka situs blogger dan login ke blog sobat.

  8. Klik "Design" kemudian klik "Edit HTML" untuk mengedit HTML template blog sobat.


  9. Cari kode <body>, bila kamu sulit mencarinya kamu tekan tombol Ctrl + F, setalah itu kamu ketik <bod atau <body> pada kolom pencarian yang muncul, bila sudah ketemu kamu letakkan kode no.1 (kotak kode no.1) dibawah kode <body>.

    Contoh :
    ......
    <body>

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=198573203529943";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    ......


    Catatan :  Ganti karakter "&" dengan "&amp;".

  10. Apabila diletakan di bawah komentar blogger maka cari kode "<p class='comment-footer'>" kemudian letakan kode no.2 fb di bawah kode "<p class='comment-footer'>".

    Contoh :
    ......
    <p class='comment-footer'>
    <hr/>
    <div class="fb-comments" data-href="http://monozcore.blogspot.com" data-num-posts="5" data-width="470" data-colorscheme="dark"></div>
    <hr/>
    ......


    Catatan : Ganti data-href="http://monozcore.blogspot.com" dengan expr:data-href='data:post.url' supaya komentar facebook secara otomatis disesuaikan dengan lokasi URL postingan artikel.

  11. Bila kode no.2 sudah ditempatkan silakan sobat save template sobat.
Gimana infonya, kerenkan....??? oh ya... mohon cendolnya yaa biar kreasinya tambah keren dan bermanfaat. Buat yang masih bingung seputar pemasangan widget ini silakan tanyakan melalui kotak komentar...

.:Semoga Bermanfaat:.

FB Users () Comment | Read Users (49) Comment

Governor of Poker 2

Game flash kartu yang ber-genre RPG dengan animasi grafis yang oke banget "Governor of Poker 2" dijamin bakalan betah memainkannya. Game flash kartu ini hampir sama dengan game kartu texas hold'em poker lainnya dengan diselingi petualangan yang ber-genre RPG...

Info Singkat :
Permainan peran (bahasa Inggris: role-playing game disingkat RPG) adalah sebuah permainan yang para pemainnya memainkan peran tokoh-tokoh khayalan dan berkolaborasi untuk merajut sebuah cerita bersama. Para pemain memilih aksi tokok-tokoh mereka berdasarkan karakteristik tokoh tersebut, dan keberhasilan aksi mereka tergantung dari sistem peraturan permainan yang telah ditentukan. Asal tetap mengikuti peraturan yang ditetapkan, para pemain bisa berimprovisasi membentuk arah dan hasil akhir permainan ini.

Screenshot :
 



Play Game :

Cara Pemasangan :
Buat sobat blogger yang ingin memasang game ini di blognya silakan disimak tutorialnya...
  • Login ke blog sobat.
  • Klik "New Post" kemudian klik "Edit HTML".
  • Copy-Paste kode HTML dibawah ini ke kotak postingan artikel.

    <div align="center">
    <embed height="400" play="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" quality="best" src="https://sites.google.com/site/monozcore/home/Governor_of_Poker_2.swf" type="application/x-shockwave-flash" width="500"></embed>
    </div>

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

FB Users () Comment | Read Users (0) Comment

MozWidget Button


MonozCore Widget Button (MozWidget Button) merupakan tombol (button) yang menggunakan gambar atau animasi gambar yang unik dan menarik. MozWidget Button ini berfungsi untuk memfokuskan tampilan penting yang ada di halaman situs seperti iklan, sponsor, informasi aktual, dll. Selain itu MozWidget Button juga bisa digerakan dan dipindahkan posisinya. Sebagai contoh coba anda klik dan tahan gambar di bawah kemudian anda drag (gerakan) gambar tersebut.

Contoh :
Klik Gambar Gatot Kaca

Cara Pemasangan :
  • Login ke blog anda.
  • Klik "Design" kemudian klik "Edit HTML".
  • Centang "Expand Widgets Templates' box". 
  • Jika anda sudah menggunakan jquery versi 1.4 keatas silakan anda lewati langkah ini. Jika anda belum menggunakan jquery silakan anda copy-paste kode di bawah ini tepat di atas kode </Head>.

    <script src='http://code.jquery.com/jquery-1.4.4.min.js' type='text/javascript'/>

  • Berikut merupakan kode style HTML dan javascriptnya. Silakan anda copy-paste kode di bawah ini dan taruh di atas kode </Head> atau setelah script jquery.

    <style type='text/css'>
    .adsclick{
    position:fixed;
    bottom:30px;
    right:0px;
    z-index:2;
    }
    #transBG {
    background-color:#000;
    z-index:100;
    display:none;
    position:fixed;
    opacity: 0.95;
    }
    #popup {
    width:auto;
    height:auto;
    padding:10px;
    z-index:101;
    background-color:#fff;
    display:none;
    position:fixed;
    color:White;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow: 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 1px #fff;
    background-color:#658da0;
    background: -moz-linear-gradient(center left, rgba(255,249,71,0.55), rgba(191,186,53,0.55) 50%, rgba(255,249,71,0.55));
    }
    </style>

    <script type='text/javascript'>
    $(document).ready(function() {
    $(&#39;a[name=mod]&#39;).click(function(e) {
    e.preventDefault();
    var id = $(this).attr(&#39;href&#39;);
    var bgHeight = document.documentElement.clientHeight;
    var bgWidth = document.documentElement.clientWidth;
    $(&#39;#transBG&#39;).css({&#39;width&#39;:bgWidth,&#39;height&#39;:bgHeight});
    $(&#39;#transBG&#39;).fadeIn(&quot;fast&quot;);
    var winH = document.documentElement.clientHeight;
    var winW = document.documentElement.clientWidth;
    $(id).css(&#39;top&#39;,  winH/2-$(id).height()/2);
    $(id).css(&#39;left&#39;, winW/2-$(id).width()/2);
    $(id).slideDown();
    });
    $(&#39;#close&#39;).click(function (e) {
    e.preventDefault();
    $(&#39;#transBG, #popup&#39;).fadeOut(&quot;slow&quot;);
    });
    $(&#39;#transBG&#39;).click(function () {
    $(this).fadeOut(&quot;slow&quot;);
    $(&#39;#popup&#39;).slideUp();
    });
    });
    </script>
    <style type='text/css'>
    .drag{
    position:relative;
    cursor:move;
    z-index: 100;
    }
    </style>
    <script src='http://monozcore-project.googlecode.com/files/DragnDrop.js' type='text/javaScript' />

    • Kode (bottom:30px;right:0px;) yang berwarna biru merupakan letak posisi tombol. Untuk merubah posisi anda tinggal merubah kode (bottom:30px;right:0px;), contoh jika anda ingin meletakan tombol di pojok kiri atas dengan posisi dari atas sebesar 30 pixel dan kiri sebesar 5 pixel anda tinggal mengganti kode (bottom:30px;right:0px;) dengan (Top:30px;left:5px;). Berikut keterangan kode posisi.
      - Bottom // Letak Bawah
      - Right   // Letak Kanan
      - Top     // Letak Atas
      - Left    // Letak Kiri
    • Kode style yang berwarna hijau merupakan kode warna background untuk mengganti warna background silakan anda masukan kode warna dalam hexadesimal atau dalam kode warna RGB.
    • Kode style yang berwarna ungu merupakan kode untuk men-drag tombol.

  • Berikut merupakan kode HTML silakan anda copy-paste kode di bawah ini dan taruh setelah kode <Body>.
    <div id='transBG'/>
    <div id='popup'>
    Taruh kode script atau kode HTML anda disini... Taruh kode script atau kode HTML anda disini... Taruh kode script atau kode HTML anda disini...
    <br/><div style="text-align:center;color:#fff;font-size:60%;text-shadow:black 0.1em 0.1em 0.1em"><a href="http://monozcore.blogspot.com/2012/01/mozwidget-button.html" title="MonozCore Blog Widget" target="blank" style="text-decoration:none;color:#fff;">Get this widget</a></div></div><div><a class='adsclick' href='#popup' name='mod'><img class='drag' src='https://lh3.googleusercontent.com/-CObEmNDVySY/TvNc2lShP_I/AAAAAAAAAqc/QE0arTo33E4/s800/Gundam.png'/></a></div>
    • Baris kode yang berwarna biru merupakan tempat anda menaruh kode HTML / Javascript yang ingin anda tampilkan.
    • Baris kode yang berwarna ungu menrupakan URL gambar tombol. Silakan anda ganti URL gambar diatas dengan URL gambar yang ingin anda gunakan.

  • Klik "Save" dan lihat hasilnya...
Mohon cendolnya yaa biar kreasinya tambah keren dan bermanfaat. Buat yang masih bingung seputar pemasangan Blog Code ini silakan tanyakan melalui kotak komentar...

.:Semoga Bermanfaat:.

FB Users () Comment | Read Users (0) Comment

Star Trek Blog Widget

Wah..wah..wah.. selalu ada aja info unik spesial buat sobat blogger monozcore, info unik kali ini mengenai widget yang bertemakan Star Trek, yup... so buat sobat blogger yang nge-fans ama Star Trek ini monggo disimak infonya.

Info Singkat : Star Trek merupakan sebuah film seri televisi di Amerika Serikat dari tahun 60-an atau pada semua seri lanjutan, film-film layar lebar, novel, permainan video dan lain-lain yang dikembangkan darinya. Serial yang bertemakan fiksi ilmiah ini bercerita mengenai sebuah armada bintang bernama Starfleet sebagai perwakilan kehidupan manusia 200 tahun di masa depan bersama-sama dengan United Federation of Planets yakni kumpulan spesies dari planet dan tata surya lain. Star Trek diciptakan oleh Gene Roddenberry dan merupakan salah satu franchise hiburan paling laris di dunia dan memiliki jutaan penggemar yang sering datang ke Star Trek Conventions (pertemuan para penggemar Star Trek).

Oke maz bro...sekarang kita lanjut ke TKP...



Star Trek Random Quotes

Widget ini menampilkan kata-kata mutiara yang bertemakan Star Trek. Setiap halaman situs di load gambar dan kata-kata mutiara akan berubah secara acak, seperti contoh di bawah ini.

Cara Pemasangan :
  • Login ke blog sobat.
  • Klik "Design" kemudian klik "Add New Gadget" setelah itu pilih "HTML/JavaScript".
  • Copy-Paste kode HTML dibawah ini ke kotak postingan gadget.

    <center>
    <style type="text/css">
    .trek_quotes {font-family:arial;font-size:11px;color:#000000;
    background: #f4f8f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f8f9 1%, #e8f0f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f8f9), color-stop(100%,#e8f0f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8f9', endColorstr='#e8f0f2',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* W3C */
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    padding:10px;
    width:180px;
    </style>
    <script src="http://monozcore-project.googlecode.com/files/startrek.js" type="text/javascript"></script>
    <div id="startrekpanel" class="trek_quotes"></div><span style="font-size:80%;color:grey;text-align:center;">Get this widget</span></center>
    <script>
    DoTrek();
    </script>

  • Klik "Save" dan lihat hasilnya.

Enterprise Flying Twitter Bird Animation

Buat sobat blogger yang belum bisa cara memasang widget flying twitter bird animation silakan baca postingan artikel Blog Widget Burung Terbang Twitter.

The Code :
https://lh5.googleusercontent.com/-noeSzp_YhuY/TphOEGug7RI/AAAAAAAAAYo/isbN0KYRfJ0/s800/Voyager.png

Star Trek Wallpaper

 
1290 x 970 pixels | 350 Kb
Image Link :

 
1920 x 1080 pixels | 382 Kb
Image Link :

 
1600 x 1200 pixels | 141 Kb
Image Link :

Star Trek MozWidget Button

MozWidget Button merupakan tombol (button) yang menggunakan gambar atau animasi gambar. MozWidget Button ini berfungsi untuk memfokuskan tampilan penting yang ada di halaman situs seperti iklan, sponsor, informasi aktual, dll. Untuk pemasangan dan penggunaan MozWidget Button ini silakan baca artikel MozWidget Button. Berikut MozWidget Button yang bertemakan Star Trek.

 
Image Link :
Image Link :
Image Link :

Star Trek Flash Game
Cara Pemasangan :
  • Login ke blog sobat.
  • Klik "New Post" kemudian klik "Edit HTML".
  • Copy-Paste kode HTML dibawah ini ke kotak postingan artikel.

    <div align="center">
    <embed height="400" play="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" quality="best" src="https://sites.google.com/site/monozcore/home/star-trek.swf" type="application/x-shockwave-flash" width="500"></embed>
    </div>

  • Klik "Publish" dan lihat hasilnya.
Gimana sobat kerenkan kumpulan widget star trek ini... Mohon cendolnya yaa biar kreasinya tambah keren dan bermanfaat. Buat yang masih bingung seputar pemasangan widget ini silakan tanyakan melalui kotak komentar...

.:Semoga Bermanfaat:.

FB Users () Comment | Read Users (0) Comment

Gundamz Flying Twitter Bird Animation

Buat penggemar gundamz... nich saya buatkan widget spesial, widget flying twitter bird animation dengan karakter Gundamz, hehe... keren kan ???. Oke silakan di CoPas kodenya, jangan lupa koment-nya ya sob...

Buat sobat blogger yang belum bisa cara memasang widget flying twitter bird animation silakan baca postingan artikel Blog Widget Burung Terbang Twitter.

Gundamz

The Code :
https://lh3.googleusercontent.com/-cD32Y7w-hzk/TvN7OnilbzI/AAAAAAAAArY/LcLPTRqugt4/s800/gundam.png

.:Semoga Bermanfaat:.

FB Users () Comment | Read Users (5) Comment