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

Widget Info Lalu Lintas

Widget informasi lalu lintas seputaran daerah jakarta dan sekitarnya melalui twitter conversation info lalu lintas. Buat sobat blogger yang pengen tahu update info lalu lintas daerah jakarta dan sekitarnya, pasang aja widget ini di blog-nya... Lumayan sambil blogging bisa dapet info terbaru mengenai lalu lintas di jakarta.

Oke... buat yang sudah punya blog dan tertarik untuk memasang widget ini, silakan disimak infonya... Buat yang belum punya blog, ga usah khawatir widget ini saya pasang di artikel ini sekaligus sebagai contoh previewnya...

Oh..ya mengenai gambar disamping sengaja saya pilih polisi wanita biar segeeerrr baca info-nya, gimana unik kan..???!!! :) :). Jangan lupa!!! untuk menggunakan fitur "reply, retweet dan favourite" pada widget twitter conversation, sobat blogger harus sudah mempunyai akun twitter...

Oke kita langsung aja ke TKP (Tempat Kopi Paste) postingan artikel.

Info Lalu Lintas: Postingan Artikel


  • Login ke blog sobat.
  • Klik "New Post" kemudian klik "Edit HTML".
  • Copy-Paste kode di bawah ini dan masukan ke konten artikel.
    <div align="center">
    <table>
    <tbody>
    <tr valign="middle">
      <td><img border="0" height="420" src="https://lh3.googleusercontent.com/-P5uFYgkuRaw/TsjB8ktsGmI/AAAAAAAAAeo/PRvRl-iWhdI/s800/Sexy_Police86.png" style="vertical-align: middle;" /></td>
      <td><script src="http://widgets.twimg.com/j/2/widget.js">
    </script>
    <script>
    new TWTR.Widget({
      version: 2,
      type: 'profile',
      rpp: 4,
      interval: 30000,
      width: 250,
      height: 300,
      theme: {
        shell: {
          background: '#333333',
          color: '#ffffff'
        },
        tweets: {
          background: '#000000',
          color: '#ffffff',
          links: '#4aed05'
        }
      },
      features: {
        scrollbar: false,
        loop: false,
        live: false,
        behavior: 'all'
      }
    }).render().setUser('infoll').start();
    </script></td>
      </tr>
    </tbody></table>
    <span style="font-size: 80%;">
    <a href="http://monozcore.blogspot.com/2011/11/widget-info-lalu-lintas.html" style="text-decoration:none;" target="blank">Get This Widget</a>
    </span></div>
  • Klik "Publish Post" dan lihat hasilnya.

Info Lalu Lintas: Blog Gadget

  • Login ke blog sobat.
  • Klik "Design" kemudian klik "Add a Gadget" setelah itu pilih "HTML/Javascript".
  • Copy-Paste kode di bawah ini dan masukan ke konten gadget.
    <div align="center">
    <table>
    <tbody>
    <tr valign="middle">
      <td><img border="0" height="200" src="https://lh3.googleusercontent.com/-P5uFYgkuRaw/TsjB8ktsGmI/AAAAAAAAAeo/PRvRl-iWhdI/s800/Sexy_Police86.png" style="vertical-align: middle;" /></td>
      <td><script src="http://widgets.twimg.com/j/2/widget.js">
    </script>
    <script>
    new TWTR.Widget({
      version: 2,
      type: 'profile',
      rpp: 10,
      interval: 30000,
      width: 150,
      height: 100,
      theme: {
        shell: {
          background: '#333333',
          color: '#ffffff'
        },
        tweets: {
          background: '#000000',
          color: '#ffffff',
          links: '#4aed05'
        }
      },
      features: {
        scrollbar: true,
        loop: true,
        live: false,
        behavior: 'default'
      }
    }).render().setUser('infoll').start();
    </script></td>
      </tr>
    </tbody></table>
    <span style="font-size: 80%;">
    <a href="http://monozcore.blogspot.com/2011/11/widget-info-lalu-lintas.html" style="text-decoration:none;" target="blank">Get This Widget</a>
    </span></div>
  • Klik "Save" dan lihat hasilnya.

Info Lalu Lintas: Tweet Box


  • Login ke blog sobat.
  • Klik "Design" kemudian klik "Add a Gadget" setelah itu pilih "HTML/Javascript".
  • Copy-Paste kode di bawah ini dan masukan ke konten gadget.
    <script src="http://widgets.twimg.com/j/2/widget.js"></script>
    <script>
    new TWTR.Widget({
      version: 2,
      type: 'profile',
      rpp: 1,
      interval: 30000,
      width: 250,
      height: 300,
      theme: {
        shell: {
          background: '#000000',
          color: '#000000'
        },
        tweets: {
          background: '#000000',
          color: '#ffffff',
          links: '#4aed05'
        }
      },
      features: {
        scrollbar: false,
        loop: false,
        live: false,
        behavior: 'all'
      }
    }).render().setUser('infoll').start();
    </script>
    <span style="font-size: 80%;">
    <a href="http://monozcore.blogspot.com/2011/11/widget-info-lalu-lintas.html" style="text-decoration:none;" target="blank">Get This Widget</a>
    </span>
  • Klik "Save" dan lihat hasilnya.
Catatan:
  • width // Lebar widget
  • height // Tinggi widget
  • background // Warna latar widget
  • color // Warna tulisan widget
Semoga postingan artikel ini bisa bermanfaat. Jika ada permasalahan seputar widget ini monggo ditanyakan saja melalui kotak komentar...

FB Users () Comment | Read Users (2) Comment

Static Recent Post With Image

Trik kali ini, akan membahas tentang cara membuat static recent post dengan image thumbnails atau postingan artikel terbaru yang disertai gambar. Sebagai contoh, bisa dilihat pada sidebar blog MozWidget atau pada contoh static recent post with image di bawah ini.


Bagaimana cara membuat static recent post with image ini ??? gampang, monggo disimak infonya...
  • Login ke blog sobat.
  • Klik "Design" kemudian klik "Add a Gadget" setelah itu pilih "HTML/Javascript".
  • Copy - Paste kode di bawah ini kemudian letakan di konten gadget.
    <script language="JavaScript">
    imgr = new Array();
    imgr[0] = "http://i40.tinypic.com/14wbofa.png";
    imgr[1] = "http://i43.tinypic.com/15qb13c.jpg";
    imgr[2] = "http://i42.tinypic.com/2ztcydd.png";
    imgr[3] = "http://i44.tinypic.com/2ljol87.png";
    imgr[4] = "http://i39.tinypic.com/2cdj3gx.jpg";

    showRandomImg = true;
    tablewidth = 300;
    cellspacing = 3;
    borderColor = "#f2f2f2";
    bgTD = "#f2f2f2";
    imgwidth = 80;
    imgheight = 80;
    fntsize = 12;
    acolor = "#666";
    ccolor = "#5588aa";
    cFontsize = 10;
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = false;
    summaryPost = 50;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 3;
    home_page = "http://monozcore.blogspot.com/";
    </script>
    <script src="monozcore-project.googlecode.com/files/recentpostwithimage.txt" type="text/javascript"></script>
    <div align="center">
    <span style="font-size:80%;"><a href="http://monozcore.blogspot.com/2011/11/static-recent post-with-image.html" target="blank">Get This Widget</a></span>
    </div>
  • Sesuaikan kode diatas yang berwarna merah agar sesuai dengan tampilan blog sobat.
    tablewidth = 300; // Lebar kotak widget
    borderColor = "#f2f2f2"; // Warna pembatas
    numposts = 3; // Jumlah postingan yang ditampilkan
    home_page = "http://monozcore.blogspot.com/"; // Alamat URL blog (NB: gunakan "/" pada akhir alamat seperti contoh diatas)
  • Klik "Save" dan lihat hasilnya.
.:Semoga Bermanfaat:.

FB Users () Comment | Read Users (2) Comment

Cara Membuat Background Bergerak di Blog

Info unik kali ini mengenai salah satu trik membuat gambar background blog menjadi dinamis. Trik ini menggunakan JQuery sederhana yang dikhususkan untuk membuat gambar background menjadi bergerak (Scrolling Background). Script ini membuat gambar background blog bergerak secara vertikal dari arah bawah ke arah atas. Buat sobat blogger yang ingin mencobanya silakan disimak trik membuat scrolling background berikut ini.


  • Login » blogger.
  • Rancangan » Edit HTML.
  • 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.3.2/jquery.min.js?ver=1.3.2' type='text/javascript'></script>

  • Copy-Paste kode di bawah ini tepat di atas Kode </Head>.

    <script type='text/javascript'>
    //<![CDATA[
    $(function(){
    // ***
    // Scrolling background
    // ***
    // height of background image in pixels
    var backgroundheight = 4000;

    // get the current minute/hour of the day
    var now = new Date();
    var hour = now.getHours();
    var minute = now.getMinutes();

    // work out how far through the day we are as a percentage - e.g. 6pm = 75%
    var hourpercent = hour / 24 * 100;
    var minutepercent = minute / 30 / 24 * 100;
    var percentofday = Math.round(hourpercent + minutepercent);

    // calculate which pixel row to start graphic from based on how far through the day we are
    var offset = backgroundheight / 100 * percentofday;

    // graphic starts at approx 6am, so adjust offset by 1/4
    var offset = offset - (backgroundheight / 1);

    function scrollbackground() {
    // decrease the offset by 1, or if its less than 1 increase it by the background height minus 1
    offset = (offset < 1) ? offset + (backgroundheight - 1) : offset - 1;
    // apply the background position
    $('body').css("background-position", "50% " + offset + "px");
    // call self to continue animation
    setTimeout(function() {
    scrollbackground();
    }, 70
    );
    }
    // Start the animation
    scrollbackground();
    });

    //]]>
    </script>
  • Copy-Paste Kode CSS di bawah ini tepat di atas Kode </Head> untuk memasang gambar background. Anda dapat mengganti gambar background sesuai dengan yang anda inginkan dengan merubah alamat hosting gambar pada Kode CSS di bawah dengan alamat hosting gambar yang anda pilih.

    <style>
    body {
    background: black url(http://lh6.googleusercontent.com/-5pLorlV3H-I/T4a0Sdg2iQI/AAAAAAAABi4/2EKSDnkxz9s/s800/bg.gif) repeat center; background-attachment: fixed;
    }
    </style>

  • Keterangan :
    - repeat // Pengulangan gambar arah x dan y.
    • repeat-x // Pengulangan gambar hanya arah horizontal.
    • repeat-y // Pengulangan gambar hanya arah vertikal.
    - http://3.bp.blogspot.com/-tS5lZKl3Qag/TtjQUfMzi2I/AAAAAAAAAkA/QZc2FwvhW4o/s200/bg.gif // URL Link gambar.
    - center // Lokasi gambar berada di tengah layar.
    • Left // Lokasi gambar berada di kiri gambar.
    • Right // Lokasi gambar berada di kanan gambar.

Pilihan Gambar Background 


  • http://lh6.googleusercontent.com/-5pLorlV3H-I/T4a0Sdg2iQI/AAAAAAAABi4/2EKSDnkxz9s/s800/bg.gif



  • https://lh3.googleusercontent.com/-uJ-Th52g6r0/TtjTcIlyYZI/AAAAAAAAAkM/4dNde9sGNKw/s800/bg_star.png



  • https://lh4.googleusercontent.com/-dQkfB1XjogQ/TtjaZFg_FNI/AAAAAAAAAkY/27E-kzfkkvc/s800/bg-clouds.jpg



  • http://lh5.googleusercontent.com/-nx3gBAi7vr0/Tzy-csmqhCI/AAAAAAAAA-A/TuekaM10Vjs/s800/skull-fire-monozcore.png



  • http://lh6.googleusercontent.com/-u6hhkovKiAg/T0fZ-dZBX0I/AAAAAAAABLM/MomlYPHQwrQ/s800/dance_flow.png



  • https://lh3.googleusercontent.com/-eGOdPe7gV-g/T0fZ-hR1H-I/AAAAAAAABLQ/LWN2smtA6cc/s800/ThighHeels.png



  • http://lh4.googleusercontent.com/-brpkMDLI-Jo/T0hBjzFgHbI/AAAAAAAABLs/lmWb_OeOuwE/s800/animated%2520stars.gif



  • http://lh4.googleusercontent.com/-dsFg9OnYo5Q/T0hK7b0-xoI/AAAAAAAABL4/9_CPzXBCMfw/s800/animated%2520blue%2520stars.gif



  • http://lh4.googleusercontent.com/-Kow92KwCv4w/T1x-QG4nWGI/AAAAAAAABWk/wLOYXtytoV4/s800/devil_angel_lolita_bg.png
.:Selamat Mencoba:.

FB Users () Comment | Read Users (27) Comment

Song for Eileen

Save Ferris

Nostalgia masa remaja dengan lagu "Come on Eileen" yang dibawakan "Save Ferris"... Lagu ini diambil dari album "It Means Everything" yang merupakan debut pertama album Save Ferris pada tahun 1997... Buat sobat blogger yang lagi jenuh, neeh coba dengerin lagu ini biar jenuh hilang dan semangat datang... Oke bro silakan menikmati... "Come on Eileen"


Anggota Save Ferris :
  • Monique Powell - Vocals (1995-)
  • Bill Uechi - Bass (1995–2002)
  • Eric Zamora - Alto & Tenor Saxophone (1995–2002)
  • Brian Mashburn - Guitar, Vocals (1995–2002)
  • T-Bone Willy - Trombone (1995–2001)
  • José Castellaños - Trumpet (1995–2000)
  • Marc Harismendy - Drums (1995–1998)
  • Evan Kilbourne - Drums (1998–)
  • Oliver Zavala - Trumpet & Backing Vocals (2000–2002)
.:Have Fun:.

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

7 Macam Model Variasi Pada Cursor

Sekedar informasi tambahan, ternyata pointer kursor mouse browser secara default mempunyai 7 model variasi. Ke-7 (tujuh) model variasi kursor ini dapat anda gunakan sesuai dengan kebutuhan karena kode pemasangan pada masing-masing tulisan, gambar atau linknya bisa berbeda-beda.


Untuk contoh dan pemasangan kodenya, Anda bisa lihat di bawah ini. Coba arahkan atau dekatkan kursor anda pada kotak biru di bawah ini :

Contoh kursor "hand" 
style="cursor: hand;"

Contoh kursor "crosshair"
style="cursor: crosshair;"

Contoh kursor "text"
style="cursor: text;"

Contoh kursor "wait"
style="cursor: wait;"

Contoh kursor "move"
style="cursor: move;"

Contoh kursor "resize"
style="cursor: sw-resize;"

Contoh kursor "help"
style="cursor: help;"

.:Semoga Bermanfaat:.

FB Users () Comment | Read Users (1) comments

Cara Pasang Background Matrix Di Blog


Oke...postingan artikel kali ini cara pasang background The Matrix yang unik dan atraktif. Background The Matrix ini tersedia dalam berbagai image yang sudah saya persiapkan. Sobat blogger tinggal pilih imagenya kemudian tinggal pasang kode CSS-nya di blog sobat. Caranya gampang ga perlu ribet n pusing...

Sebelum sobat blogger mencoba trik kali ini ada baiknya membuat backup template blog sobat terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan.

Cara Pemasangan
  • Login ke blog sobat.
  • Klik "Design" kemudian klik "Edit HTML".


  • Cari kode </Head> kemudian copy-paste kode CSS di bawah ini diatas </Head>.

    <style type="text/css">
    body{
    background:url(https://lh5.googleusercontent.com/-F5UfAsRs24I/Ts0uwOoH7QI/AAAAAAAAAf4/UQXNleByOcE/s800/monozcore_blogspot_com_redmatrix.gif) repeat center center fixed black;
    }
    </style>
  • Ganti kode yang berwarna merah pada baris kode atas dengan URL gambar animasi matrix yang sobat inginkan.
  • Klik "Save" dan lihat hasilnya...
Animasi Gambar Matrix
  • 0-1-1 Matrix


  • Black Red Matrix


  • Blue Matrix 1


  • Blue Matrix 2


  • Green Matrix


  • Port Listener


  • Red Matrix


  • Blue Matrix

Wuiiihhh...cape juga ngetiknya...oke selamat mencoba aja dech... Jangan lupa koment, G+1, star vote and FB Like. Happy Blogging...!@#$%&

FB Users () Comment | Read Users (18) Comment

JavaScript Jam Mengikuti Cursor

Memasang jam yang mengikuti pointer kursor mouse dengan jarum detik dan tanggal yang memutar. Jam ini menggunakan data Hari, Tanggal dan Waktu yang ada pada komputer pengunjung. Cara pemasangan script waktu ini cukup mudah dan anda tidak perlu merubah keseluruhan script ini karena semua itu akan mengubah koordinat dan membuat script tidak bisa berjalan. Oke buat yang berminat langsung aja menuju TKP....

>>Preview<<
  • Login ke blog anda.
  • Klik "Design" kemudian klik "Edit HTML".
  • Cari kode </Head> kemudian copy-paste kode berikut ini diatas </Head>.


  • Cari kode </Body> kemudian copy-paste kode berikut ini diatas </Body>.

.:Selamat Mencoba:.

FB Users () Comment | Read Users (4) Comment

Widget Mutiara Islam Hari Ini


Sambil blogging sekaligus berdakwah...makin tambah dech amal ibadahnya amien... Widget ini akan menampilkan kutipan harian dari kearifan dunia Islam. Hal ini didasarkan pada kutipan-kutipan yang dipilih dari Al-Qur'an, hadits-hadits Rasulullah Nabi Muhammad, ucapan-ucapan para sahabat atau ulama Islam lainnya.


Cara Pemasangan
  • Login ke blog sobat.
  • Klik "Design" kemudian klik "Add a Gadget" setelah itu pilih "HTML/Javascript".
  • Copy-Paste kode di bawah ini ke dalam konten gadget.
    <div style="margin:0px auto;text-align:center;width:200px;height:240px;">
    <embed allowscriptaccess="sameDomain" flashvars="col1=3366FF&amp;col2=000033&amp;lang=id&amp;gig_lt=1321885563997&amp;gig_pt=1321886271729&amp;gig_g=1" height="250" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="autohigh" src="http://www.widgipedia.com/widgets/alhabib/Islamic-Quote-of-the-Day-4696-8192_134217728.widget?__install_id=1321885414838&amp;__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="250" wmode="transparent"></embed>
    </div>
  • Silakan anda sesuaikan ukuran width dan height, biar widget ini sesuai dengan ukuran kotak gadget di blog sobat.
  • Untuk setingan lebih lanjut silakan klik disini.
  • Klik "Save" dan lihat hasilnya.
.:Semoga Bermanfaat:.

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

Kumpulan Widget Jam Unik & Menarik 1

Kumpulan dari beberapa widget jam yang menurut saya unik & menarik. Buat sobat blogger yang sedang berburu widget jam, monggo di lihat dahulu barangkali ada yang cocok untuk dipasang di blog sobat... Postingan artikel ini akan saya buat dalam beberapa seri karena untuk mempercepat waktu loading tampilan blog pada artikel ini... So Stay Tune terus ya buat update-nya :-).






Model 1


Model 2


Model 3


Model 4


Model 5


Model 6


Model 7


Model 8


Model 9


Model 10


FB Users () Comment | Read Users (2) Comment

Animasi Tombol Twitter

Connect to twitter... yup di jaman era informasi semua serba update melalui situs social networking.. so jangan sampe ketinggalan informasi kalo ga mau dibilang "gaptek" alias gagap teknologi... lho lalu apa hubungannya dengan tombol twitter??? ada bro, twitter khan salah satu situs social networking se-triliun umat jadi buat sobat blogger yang punya blog kudu wajib memasang widget twitter ini baik berupa widget animasi ataupun berupa tombol twitter. Nah... dengan memasang widget twitter, sobat blogger telah membantu dan mempermudah pengunjung blog sobat untuk bisa terus update informasi yang ada di blog sobat melalui twitter. Betulkan ada hubungannya !!! hehehe :) :). Oke bro kali ini saya berikan info mengenai tombol twitter yang dinamis, tertarik ??? disimak ya infonya....






  • Ganti kode monozcore yang ada pada baris kode [flashvars="username=monozcore"] dengan nama akun twitter sobat.
  • Penempatan tombol dapat disesuaikan dengan keinginan sobat bisa ditempatkan pada <body> HTML ataupun sebagai sidebar widget. 
  • Buat tombol twitter lainnya silakan kunjungi http://www.twitterflash.net
.:Semoga Bermanfaat:.

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

Full Animated Flying Twitter Bird

Oke buat yang sudah follower MonozCore niihh ada info widget keerrreen dan menarik, monggo di lihat dahulu... Hampir sama dengan postingan artikel saya sebelumnya yaitu Blog Widget Burung Terbang Twitter tapi kali ini menggunakan full animasi pada burung twitternya seperti yang terlihat pada gambar di bawah ini. Pada saat kondisi diam (tidak ada pergerakan vertikal pada layar browser), animasi burung twitter ini akan bergerak menggerakan kepala dan sayapnya sehingga membuat widget ini terlihat semakin dinamis. Gimana ??? oke khan infonya...



Cara pemasangan widget burung twitter ini dapat anda lihat di Blog Widget Burung Terbang Twitter. Selamat mencoba...

FB Users () Comment | Read Users (4) Comment

Cara Memasang Radio Online di Blog

Bila kita suatu waktu pernah mengunjungi sebuah blog yang menyuguhi kita siaran radio streaming dari sebuah stasiun radio yang mungkin saja stasiun radio tersebut merupakan stasiun radio yang menjadi favorit kita, tentu saja sangat mengasyikan dan menyenangkan. Begitu blog kita dibuka, suara penyiar, lagu ataupun iklan/pariwara langsung bisa kita dengar tanpa harus menyetel nyatel lebih dahulu. Apakah anda juga ingin memasang radio streaming di blog anda?.

Caranya gampang sekali, anda tidak perlu masuk ke Edit HTML, tapi cukup ke rancangan, tambah gadgetnya saja. Pilih HTML/Javascript terus copy dan paste script yang tertera di bawah ini. Mudah bukan...

CATATAN :
  • Silahkan anda utak-atik sendiri untuk menyesuaikan height & width-nya, sesuaikan dengan lebar pada sidebar blog anda.
  • Rubah kode True menjadi False bila anda tidak ingin radionya langsung on air.
  • Bila anda ingin mengetahui stasiun radio lainnya silahkan saja anda  KLIK DISINI
.:Semoga Bermanfaat:.

FB Users () Comment | Read Users (1) comments

Cara Mengetahui Harga Jual Suatu Blog

Menulis postingan tiap hari adalah hal yang biasa. Demi meningkatkan kepopuleran blog, kita memang harus update postingan tiap hari. Blogwalking, saling komen, tukar link memang sudah makanan kita sehari-hari. Setelah bekerja keras membangun blog yang bagus, pasti kita ingin tahu berapa harga blog kesayangan kita kan? Apakah sudah berharga tinggi? atau masih rendah harganya?. Mengetahui harga blog memang bukan menjadi tolak ukur utama kualitas blog. Tapi tidak ada salahnya kan kalau dicoba.

WebSite Stats for : MonozCore

monozcore.blogspot.com-Google pagerank,alexa rank,Competitor



Worth for monozcore.blogspot.com
WebSite Health

Anda mau tahu atau sekedar ingin tahu, Berapa Nilai Situs Web yang Anda miliki?, Peringkat Situs Web Anda?, Website Health?, Bahkan lebih dari itu, Anda bisa melihat rincian lainnya. Berikut adalah cara mengetahuinya :
  • Kunjungi situs webstats.
  • Ketik nama situs Anda lalu klik " Search ".


  • Copy kodenya dan masukkan kode tersebut ke dalam konten Gadget HTML/JavaScript.

.:Semoga Bermanfaat:.

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

Animasi Spiderman di Blog

SPIDERMAN.. Salah satu superhero yang banyak disukai orang termasuk saya. Nah pada postingan artikel kali ini saya akan membahas salah satu widget yang bertemakan Spiderman. Widget ini menggunakan karakter Spiderman yang akan turun dari pojok kanan atau kiri atas layar browser dan mengawasi kegiatan para pengunjung blog anda...

Anda mau widget SPIDERMAN seperti di atas ???
Nah, ikuti tutorialnya di bawah ini :
  • Login ke blog anda...
  • Klik "Design" kemudian klik "Edit HTML" Setelah itu centang "Expand Widget Templates".
  • Cari kode <Body> kemudian letakan kode berikut ini tepat di bawah kode <Body>.
    <div align="left">
    <embed allowscriptaccess="sameDomain" flashvars="&amp;col1=d89b09&amp;col2=7cc034&amp;dayAdd=0&amp;cal=true&amp;gig_lt=1248336103578&amp;gig_pt=1248336182359&amp;gig_g=1&amp;gig_n=blogger" height="400" loop="true" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/orido/RedSpidey-5671-8192_134217728.widget?__install_id=1248336094072&amp;__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="250" wmode="transparent"></embed></div>
  • Untuk posisi widget silakan anda sesuaikan kode <div align="left">, "left" jika dipasang di kiri dan "right" jika ingin dipasang di kanan.
  • Klik "Save Template" dan lihat hasilnya...
.:Semoga Bermanfaat:.

FB Users () Comment | Read Users (6) Comment

Animasi Elang Beterbangan di Blog

Cara Membuat Burung Elang Beterbangan di Blog
Trik kali ini cara membuat animasi burung elang beterbangan di blog. Selain membuat tampilan unik dan menarik, animasi ini bisa membuat daya tarik tersendiri bagi pengunjung blog terutama penggemar burung elang. Buat anda para sobat blogger yang ingin mencobanya, silahkan ikuti tutorialnya berikut ini.

>> Preview Animasi Elang Beterbangan di Blog.
  • Pada Dasbor, anda pilih Rancangan.
  • Klik "Design" kemudian klik "Edit HTML".
  • Cari kode </Head> kemudian copy script di bawah ini dan paste-kan di atas kode </Head>.
    <script language='JavaScript'>
    var no = 8;
    var speed = 15;
    var snowflake = &quot;http://1.bp.blogspot.com/-QyDjZOQUP2k/Tr0_81nF4bI/AAAAAAAAAbQ/p2FXOTSLxRc/s200/Hawk_Animation.gif&quot;;
    </script>
    <script language='JavaScript' src='http://monozcore-project.googlecode.com/files/FallinImages.js'/>
  • Simpan dan anda lihat hasilnya.

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

Widget Twitter Conversation

Cara memasang widget twitter conversation, dalam widget ini akan muncul status dan obrolan anda dengan teman - teman anda pada twitter.


Jika anda belum punya twitter maka daftar dulu di twitter.com. Jika anda sudah punya twitter dan ingin mencoba memasang widget ini pada blog anda, ikuti langkah berikut ini :
  • Masuk ke akun twitter anda.
  • Buka http://twitter.com/about/resources/widgets/widget_profile
  • Masukan username twitter anda.
  • Untuk settingan silakan anda atur sendiri sesuai dengan yang anda inginkan.
  • Pilih "test setting" untuk melihat hasil dari settingan anda.
  • Jika sudah oke dengan settingan anda lalu pilih "finish & grab code".
  • Pasang kode tersebut di blog anda.
.:Selamat Mencoba:.

FB Users () Comment | Read Users (4) Comment

Cara Membuat PopUp Ads Screen

Optimalkan google adsense atau ads (iklan) dari sponsor anda dengan memasang PopUp Ads Screen yang user-freindly. Memang terkadang kita tidak terlalu suka dengan penampilan iklan yang berlebihan pada blog yang kita kunjungi, selain menggangu penampilan blog terkadang juga membuat waktu loading yang bertambah lama. Oleh sebab itu saya mencoba membuat PopUp Ads Screen yang user-friendly, ga terlalu banyak iklan yang menggangu tapi bisa memperlihatkan secara fokus info dari sponsor kepada pengunjung blog... Dengan memasang PopUp Ads Screen ini selain memberikan informasi tambahan dari sponsor blog, pengunjung juga bisa memberikan support kepada blog yang dikunjunginya dengan mengklik dan melihat iklan yang terpasang pada blog tersebut.
PopUp Ads Screen menggunakan kode css dan sedikit sentuhan kode HTML. Buat anda yang tertarik dengan PopUp Ads Screen ala MonozCore ini silakan disimak tutorialnya... Oke jangan lupa untuk memberikan support-nya ya... dengan mengklik iklan yang ada di blog ini. Trims

Langkah 1
  • Login ke blog anda...
  • Klik "Design" kemudian klik "Edit HTML" Setelah itu centang "Expand Widget Templates".
  • Cari kode </Head> kemudian letakan kode berikut ini di atas kode </Head>.
    <style>
    #topbar {
    height:25px;
    width:auto;
    background: #005094 url(&#39;https://lh6.googleusercontent.com/-25yI9RdlTQM/TkWH5CaAh3I/AAAAAAAAAd4/tl00tzlBc80/s800/sidebar-h2.jpg&#39;);
    background-repeat:repeat-x;
    text-align:left;
    }

    #adsground {
    height:auto;
    margin:0 auto;
    width: auto;
    background:#fff;
    border-bottom:2px #005094 solid;
    border-right:2px #005094 solid;
    border-left:2px #005094 solid;
    text-align:Center;
    padding:2px;
    }

    #headlineatas {
    opacity:1.0;
    height:auto;
    width:auto;
    position:fixed;
    top:30%;
    left:40%;
    border-bottom:1px #005094 solid;
    border-bottom:0px blue solid;
    color:#333;
    padding:0px;
    z-index:9999;
    font-size:13px;}
    </style>
    <script type='text/javascript'>
    function getValue()
    {
    document.getElementById(&#39;headlineatas&#39;).style.display = &#39;none&#39;;
    }
    </script>
  • Cari kode <Body> kemudian letakan kode berikut ini setelah kode <Body>.
    <div id='headlineatas'>
    <div id='topbar'>
    &lt;img align=&#39;left&#39; style=&#39;padding-left:2px;&#39; src=&#39;http://icons.iconarchive.com/icons/deleket/folder/24/Mozilla-Thunderbird-icon.png&#39; /&gt;
    &lt;span style=&#39;color:#fff;font-size:17px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em&#39;&gt;Tautan Sponsor&lt;/span&gt;
    &lt;span style=&#39;color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:2px&#39;&gt;
    &lt;target=&#39;_blank&#39; onclick=&#39;getValue()&#39;&gt;&lt;img src=&#39;https://lh5.googleusercontent.com/-CFqdMiYx6wM/TO_UTOuFp9I/AAAAAAAAAaI/o0x_mv7WEeo/s800/closeX.png&#39; /&gt;&lt;/target=&#39;_blank&#39;&gt;&lt;/span&gt;
    </div>
    <div id='adsground'>
    &lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
    google_ad_client = &quot;ca-pub-6109930972696170&quot;;
    google_ad_host = &quot;pub-1556223355139109&quot;;
    /* MonozCore Adsense */
    google_ad_slot = &quot;0165294114&quot;;
    google_ad_width = 250;
    google_ad_height = 250;
    //--&gt;
    &lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;
    src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
    &lt;/script&gt;
    <br/><span style='font-size:80%;'><a href='http://monozcore.blogspot.com/2011/11/cara-membuat-popup-ads-screen.html' target='blank'>Get This Widget</a></span></div></div>
  • Ganti kode yang berwarna biru dengan kode google adsense atau kode ads (iklan) yang anda peroleh dari penyedia layanan iklan anda. Sebelum anda menaruh kode iklan anda sebaiknya kode tersebut di parsing terlebih dahulu, silakan gunakan tool ini untuk memparsing kode iklan anda : Blog xml parser
  • Klik "Save Template" dan lihat hasilnya.
Semoga postingan artikel kali ini dapat memberikan manfaat untuk anda. Oke... selamat mencoba dan jangan lupa cendolnya yaa supaya info berikutnya lebih kreatif dan bermanfaat.

FB Users () Comment | Read Users (1) comments

Widget TicTacToe Game

Game super ringan... lumayan buat ngilangin stress disaat jenuh dan lelah setelah beraktivitas di dunia nyata maupun di dunia maya... ya walaupun game ini kelihatan membosankan tapi jangan salah dulu, sekali main bisa bikin ketagihan, ga percaya coba aja...

Cara memainkannya cukup sederhana tinggal klik pada salah satu kotak sehingga akan muncul tanda [ X ] kemudian atur bagian [ X ] hingga sejajar secara vertikal / horizontal / diagonal. Langkah anda untuk membuat [ X ] sejajar tidak semudah seperti yang anda kira karena komputer (diwakilkan dengan bentuk [ O ]) yang merupakan lawan anda akan berusaha memblokir setiap langkah anda... tapi jangan nyerah dulu karena kunci kemenangan ada pada strategi blok yang anda pilih...Oke let's the game begin... have fun !!!







level 0 -- the Computer is totally dumb.

level 1 -- Computer is smarter (original version).

level 2 -- You MAY win (only when you start).

level 3 -- Computer NEVER lose.


FB Users () Comment | Read Users (1) comments