DonkeyMails.com: No Minimum Payout
Server : Channel :
Use List | DalNet Commands (Open) | Help
« »
« »
« »
« »
« »

Monday, October 20, 2014

Widget Back To Top


Widget Back To Top merupakan widget untuk memudahkan pengunjung blog atau website kembali ke atas halaman blog atau website. Kadang-kadang jika anda mengunjungi sebuah situs website atau blog yang memiliki artikel panjang dan dibahas hingga detail, Anda akan malas untuk kembali ke post bagian header atau bagian atas. Nahh untuk itulah mengapa banyak blogger yang memasang widget Back to Top ini.

Sebenarnya ada banyak cara untuk membuat widget back to top, misalnya membuat scroll pada halaman postingan atau dengan hanya menambahkan sebuah tombol back to top di pojok blog. Postingan artikel kali ini akan saya bahas bagaimana cara memasang tombol back to top di blog yang sederhana dengan sedikit efek jquery.Pemasangannnya cukup mudah tinggal copy-paste aja langsung jadi, ngga perlu ribet.... oke sob langsung di praktekan saja...

Cara Pemasangan :
  • Login ke blog sobat...
  • Klik "More Options" selector box kemudian klik "Template" setelah itu pilih "Edit HTML".
  • Tekan tombol keyboard Ctrl+F dan cari kode berikut: </Head>

    <script src='http://dl.dropboxusercontent.com/u/74044634/Javascript/MonozCore_BacktoTop.js' type='text/javascript'></script>
    
    Keterangan :
    - var ImageURL // merupakan variabel untuk link gambar.
  • Klik "Save" dan lihat hasilnya...
Oke sobat monozcore jangan lupa kritik dan sarannya yaa biar postingan berikutnya semakin unik dan menarik.. Buat yang masih bingung dengan pemasangan widget ini.. monggo ditanyakan lewat kotak komentar, email, facebook ataupun twitter monozcore... happy blogging...

.: Semoga Bermanfaat :.
Read More.... Widget Back To Top

Saturday, October 18, 2014

Widget Moon Phase


Widget Bumi dan Fase Bulan adalah script untuk melihat bentuk bulan yang terkena cahaya matahari pada malam hari. Widget ini berdasarkan perhitungan matematis untuk menunjukkan fase saat posisi Bumi dan Bulan sedang berhadapan pada malam hari seperti contoh di postingan artikel ini. Widget Bumi dan Fase Bulan ini otomatis update setiap hari menyesuaikan tanggal bulan dan tahun. Oke sobat blogger buat yang ingin memasang informasi tambahan di blognya tentang fase bulan ini monggo langsung ke TKP.

Widget Bumi dan Fase Bulan sudah saya modifikasi sedikit supaya terlihat menarik. Apabila sobat blogger ingin merubah tampilannya silakan utak-atik sendiri kode CSSnya yaa....

Cara Pemasangan :
  • Login ke blog sobat...
  • Klik "More Options" selector box kemudian klik "Template" setelah itu pilih "Edit HTML".
  • Tekan tombol keyboard Ctrl+F dan cari kode berikut: </Head>
  • Apabila anda belum menggunakan kode JQuery silakan anda pasang kode JQuery dibawah ini tepat di atas Kode </Head>.
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
    
  • Cari kode </Body> kemudian letakan kode berikut ini tepat di atas kode </Body>.
    <!-- Begin MonozCore Earth-Moon Phase embed -->
    <!--[if lte IE 8]>
    <style>#earth {behavior:url(border-radius-ie8.htc)}</style>
    <![endif]-->
    <style>
    #earthwrapper {margin:0 auto;text-align:center}
    #moon {margin:0 auto;text-align:right;height:65px;width:180px}
    #earth {margin:0 auto;text-align:center;width:180px;height:180px;border:0 transparent;-moz-border-radius:90px;-webkit-border-radius:90px;-khtml-border-radius:90px;-o-border-radius:90px;-ms-border-radius:90px;border-radius:90px;background:transparent url(http://www.fourmilab.ch/cgi-bin/Earth?di=356E03D2765A9857FC0A779661EB0BBC876B76512B150D3EF53F8E7EA4DAE68683E065092765048BBDE38D6335880D2FABA55F2194B98921AE8D79EC37AECD9121EA4A9589F5) top left no-repeat}
    #footer, #footer a {color:#666;font-size:10px}
    #moonBTN {
    cursor: help;
    font-family: "Times New Roman", Times, serif;
    font-size:18px;
    position:fixed;
    top: 0;left:0px;
    padding:5px;
    overflow:hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color:#619bb9;background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
    background: -webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));
    border:2px solid skyblue;
    }
    #moonBTN:hover{border:2px solid yellow;}
    #moonBox {
    position:fixed;
    top:-300px;right:5px;
    padding:5px;
    overflow:hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color:#619bb9;background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
    background: -webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));
    }
    </style>
    <div id="moonBox">
    <div id="moon" style="background:white;border-radius:4px 4px 0 0;">
    <script>
    var pastdate;
    var pastyear=2002;
    var pastmonth=5;
    var pastday=11;
    var nowdate;
    var c;
    var moonday;
    var i_mooncycle=1;
    var mooncycle=29.530589;
    pastdate=new Date(pastyear,pastmonth,pastday,0,0,0);
    nowdate=new Date()
    resultdays=(Date.parse(nowdate)-Date.parse(pastdate))/1000/60/60/24
    moonday=resultdays/mooncycle
    moonday=(resultdays/mooncycle)-(Math.floor(resultdays/mooncycle))
    moonday=Math.round(mooncycle*moonday)
    document.write('<img width="64" height="64" src="http://www.albinoblacksheep.com/image/moon/64/moon'+moonday+'.png" alt="moon phase" title="Just like outside, the moon looks like this tonight." \/>')  
    </script></div>
    <div id="earthwrapper" style="background:white;border-radius:0 0 4px 4px;"><div id="earth"></div></div>
    <div align="center" style="text-decoration:none;font-family:Arial;font-size:9px;color:grey;">Powered by <a target="_blank" href="http://monozcore.blogspot.com/2014/10/widget-moon-phase.html" style="text-decoration:none;color:grey;" title="Get this widget">MonozCore</a></div>
    </div>
    <div id="moonBTN" title="Click to see moon phase"><img src="http://2.bp.blogspot.com/-QKso88SMqu0/VABKBJh8nZI/AAAAAAAAEMg/CbTma0vD_jE/s1600/MonozCore_Moon_Phase.png" style="vertical-align:middle;width:32px;height:32px;"/></div>
    <script>
    var windowHeight = ($(window).height())/2;
    var windowBtnHeight = (windowHeight)-(($('#moonBTN').height())/2);
    $('#moonBTN').animate({ top: '+='+windowBtnHeight}, 1000);
    $(function() {
      $('#moonBTN').toggle(function() {
        $('#moonBox').animate({ top: '+=305' }, 1000);
      }, function() {
        $('#moonBox').animate({ top: '-=305' }, 1000);
      });
    });
    </script>
    <!-- End MonozCore Earth-Moon Phase embed -->
    

  • Klik "Save" dan lihat hasilnya...
Oke sobat monozcore jangan lupa kritik dan sarannya yaa biar postingan berikutnya semakin unik dan menarik.. Buat yang masih bingung dengan pemasangan widget ini.. monggo ditanyakan lewat kotak komentar, email, facebook ataupun twitter monozcore... happy blogging...

.: Semoga Bermanfaat :.

Powered by MonozCore
Read More.... Widget Moon Phase

Wednesday, October 15, 2014

Hello Kitty Cursor Trail


Hello Kitty Cursor Trail merupakan widget efek jejak kursor mouse di blog dengan animasi karakter Hello Kitty yang lucu dan imut. Widget ini cocok untuk blog yang memiliki tema template Hello Kitty ataupun blog dengan warna tema pink. Widget ini seperti widget cursor trail yang sudah pernah saya buat sebelumnya, yaitu Cursor Trail Saint Saiya, Cursor Trail TMNT dan Cursor Trail Naruto. Oke mazbro langsung aja ke TKP untuk melihat Hello Kitty beraksi di blog, untuk contoh hasilnya seperti pada halaman postingan ini, jika mouse digerakan maka akan meninggalkan jejak karakter Hello Kitty... Gimana sob, kerenkan ??? oke dech buat yang tertarik memasang widget ini silakan di copy-paste scriptnya...

Cara Pemasangan
  • Login ke blog sobat...
  • Klik "More Options" selector box kemudian klik "Template" setelah itu pilih "Edit HTML".
  • Tekan tombol keyboard Ctrl+F dan cari kode berikut: </Head>
  • Copy-Paste kode di bawah ini tepat di atas Kode </Head>.

    <script src="http://db.tt/9VQAnmpv"></script>
    
  • Keterangan :
    - //not available...
Oke sobat monozcore jangan lupa kritik dan sarannya yaa biar postingan berikutnya semakin unik dan menarik.. Buat yang masih bingung dengan pemasangan widget ini.. monggo ditanyakan lewat kotak komentar, email, facebook ataupun twitter monozcore... happy blogging...

.:Selamat Mencoba:.
Read More.... Hello Kitty Cursor Trail

Friday, October 10, 2014

Cara Membuat Background Efek Petir

Background Efek Petir merupakan widget untuk membuat latar belakang Blog atau Website dengan gambar animasi petir. Buat yang hobby memodifikasi blog contohnya seperti saya pasti banyak yang menginginkan background blognya di ganti dengan foto sendiri atau gambar yang mereka inginkan sendiri. Salah satu modifikasi blog adalah dengan memasang background efek petir pada blog yang biasanya untuk mempercantik halaman atau tampilan blog. Efek petir ini menggunakan kode CSS 3 yang sederhana kemudian saya modifikasi sedikit menggunakan javascript untuk mempermudah pemasangannya di Blog. Contoh seperti yang terlihat pada postingan artikel ini apabila tidak terlihat klik disini. Buat yang tertarik memasang widget Background Efek Petir ini di blognya monggo disalin kodenya.

Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "Layouts" selector box kemudian klik "Add a Gadget" setelah itu scroll ke bawah dan pilih "HTML / Javascript" atau bisa juga di taruh di kode Template Blog tepat di bawah kode "<Body>".

  • Copy kode berikut ini di kotak gadget.
    <script type="text/javascript">
    var imgUrlLightning = "http://3.bp.blogspot.com/-GaLf17GTJSY/VBfS0rS4vAI/AAAAAAAAES8/eaW3b326Yus/s1600/monozcore_petir.gif";
    document.write("<style>img.bg{z-index:-1;min-height: 100%;min-width: 1024px;width: 100%;height: auto;position: fixed;top: 0;left: 0;}@media screen and (max-width: 1024px){img.bg{left: 50%;margin-left: -512px;}}<\/style><img src=\""+imgUrlLightning+"\" class=\"bg\"\/>");
    </script>
    
    Keterangan :
    var imgUrlLightning = "http://3.bp.blogspot.com/-GaLf17GTJSY/VBfS0rS4vAI/AAAAAAAAES8/eaW3b326Yus/s1600/monozcore_petir.gif";
    Kode yang berwarna biru merupakan alamat URL gambar latar petir yang bisa sobat ganti sesuai dengan keinginan sobat. Saya sediakan empat pilihan gambar animasi petir yang bisa sobat pilih atau sobat bisa menggantinya dengan gambar sendiri.

  • Klik "Save" dan lihat hasilnya...
Pilihan Gambar :

  • http://1.bp.blogspot.com/-4t04byxYt_Q/VBlIh8bp94I/AAAAAAAAETk/VRBKa90b9ss/s1600/MonozCore_Petir2.gif


  • http://3.bp.blogspot.com/-D_oPaaW_AO8/VBlIhJQTBGI/AAAAAAAAETY/HfLZmPDmEwA/s1600/MonozCore_Petir3.gif


  • http://3.bp.blogspot.com/-GaLf17GTJSY/VBfS0rS4vAI/AAAAAAAAES8/eaW3b326Yus/s1600/monozcore_petir.gif


  • http://2.bp.blogspot.com/-kA5zq_hTqqQ/VBph29q6pEI/AAAAAAAAEUA/EB-e51cwzcw/s1600/MonozCore_Petir4.gif
Oke sobat monozcore jangan lupa kritik dan sarannya yaa biar postingan berikutnya semakin unik dan menarik.. Buat yang masih bingung dengan pemasangan widget ini.. monggo ditanyakan lewat kotak komentar, email, facebook ataupun twitter monozcore... happy blogging...

.: Semoga Bermanfaat :.
Read More.... Cara Membuat Background Efek Petir

Sunday, October 5, 2014

Mortal Kombat Cursor Trail 2


Mortal Kombat Cursor Trail 2- merupakan seri ke 2 untuk efek jejak kursor mouse di blog dengan animasi karakter Mortal Kombat Ninja Fighters (seri 1 : Mortal Kombat Ninja Cursor Trail). Mortal Kombat merupakan game besutan Midway yang cukup terkenal semenjak jaman game sega dan supernintendo. Buat yang suka dengan karakter ninja yang ada di game Mortal Kombat saya buatkan widget cursor trail effect dengan karakter ninja game Mortal Kombat. Oke mazbro langsung aja ke TKP untuk melihat ninja fighters Mortal Kombat beraksi di blog, hasilnya seperti pada contoh di halaman postingan ini, jika mouse digerakan maka akan meninggalkan jejak karakter Mortal Kombat... Gimana sob, kerenkan ??? oke dech buat yang tertarik memasang widget ini silakan di copy-paste scriptnya...

Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "More Options" selector box kemudian klik "Template" setelah itu pilih "Edit HTML".

  • Cari kode </Body> kemudian letakan kode berikut ini tepat diatas kode </Body>.




    Keterangan :
    • //not available...

  • Klik "Save" dan lihat hasilnya...
Oke sobat monozcore jangan lupa meninggalkan jejak dan komentarnya yaa... biar postingan berikutnya semakin unik dan menarik.. happy blogging...

.: Semoga Bermanfaat :.
Read More.... Mortal Kombat Cursor Trail 2

Saturday, October 4, 2014

Widget Stylish Subscription Box


Dalam tutorial ini akan menjelaskan bagaimana menambahkan Widget Stylish Subscription Box untuk dipasang di Blog. Dengan menggunakan widget ini Anda dapat menghubungkan media sosial Anda seperti Facebook, Twitter, Rss Feed dan layanan berlangganan FeedBurner. Widget ini akan membantu pengunjung blog untuk mendapatkan update terbaru melalui email dan media sosial untuk konten blog Anda. Contoh widget ini seperti yang terlihat di bawah. Buat yang tertarik memasang widget ini di blognya monggo disalin kodenya.

GET FREE EMAIL UPDATES



Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "Layouts" selector box kemudian klik "Add a Gadget" setelah itu scroll ke bawah dan pilih "HTML / Javascript".

  • Copy kode berikut ini di kotak gadget.

    Keterangan :
    - Penting !!! Ganti semua tulisan "MonozCore" pada kode diatas dengan nama blog sobat.

  • Klik "Save" dan lihat hasilnya...

Oke sobat monozcore jangan lupa kritik dan sarannya yaa biar postingan berikutnya semakin unik dan menarik.. Buat yang masih bingung dengan pemasangan widget ini.. monggo ditanyakan lewat kotak komentar, email, facebook ataupun twitter monozcore... happy blogging...

.: Semoga Bermanfaat :.
Read More.... Widget Stylish Subscription Box

Wednesday, October 1, 2014

Cara Membuat Subscribe Form


Subscribe form merupakan elemen pendukung blog untuk memudahkan pengunjung blog agar bisa mendapatkan update blog melalui notifikasi email. Subscribe form ini sekaligus dilengkapi dengan related post (postingan artikel blog yang berkaitan) yang tersusun rapih di bawah postingan artikel. Elemen subscribe form sering digunakan pada template blog professional. Oke sob,... untuk contoh seperti yang terlihat pada contoh dibawah ini... Buat yang berminat langsung aja ke TKP...


Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "More Options" selector box kemudian klik "Template" setelah itu pilih "Edit HTML".

  • Cari kode </Head> kemudian letakan kode berikut ini tepat di atas kode </Head>.

  • Cari kode <data:post.body/> kemudian letakan kode berikut ini tepat di bawah kode <data:post.body/>. Apabila ada 2 kode <data:post.body/> maka pilih kode <data:post.body/> yang terakhir.

    Catatan :
    • Ganti nama kode monozcore dengan nama blog sobat atau nama akun blog.
    • Kode style dapat diatur sesuai dengan keinginan sobat.
    • Elemen share menggunakan addthis.

  • Klik "Save" dan lihat hasilnya...
Oke sobat monozcore jangan lupa kritik dan sarannya yaa biar postingan berikutnya semakin unik dan menarik.. Buat yang masih bingung dengan pemasangan widget ini.. monggo ditanyakan lewat kotak komentar, email, facebook ataupun twitter monozcore... happy blogging...

.: Semoga Bermanfaat :.
Read More.... Cara Membuat Subscribe Form
 
Tautan Sponsor