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

Cara Membuat Widget Member Aktif Di Blog


Ingin memberikan apresiasi kepada pengunjung? atau sekedar mengetahui info pengunjung yang aktif memberikan komentar di blog anda secara eksklusif? Banyak cara mewujudkannya, bisa dengan memberikan mereka kenangan sebagai hadiah pada ajang acara yang anda buat, atau memberikan back link kepada mereka dengan memasang widget top komentator, atau widget member aktif berikut inipun bisa menjadi sebuah alternatif lain bagi anda. Sebenarnya widget ini masih menggunakan script yang sama dari widget top komentator, hanya saja style widget dimodifikasi dengan tampilan berbeda dan kalimat komentar tidak ditampilkan.

Fitur:
  • Menampilkan nama dan link komentator.
  • Menampilkan Avatar komentator.
  • Avatar dengan polaraid style.
  • Efek hover pada Avatar menampilkan jumlah komentar.
Bersih dan elegant, untuk mendapatkan ide yang jelas tentang widget ini silahkan lihat member aktif monozcore terlebih dahulu.


Cara Pemasangan:
Ada 2 cara untuk memasang fitur blog active member ini, yaitu:
1. Membuat link eksternal.
  • Download html page berikut ini. Download
  • Edit html tersebut dengan teks editor ataupun html editor.
  • Ganti alamat url yang terdapat dalam kode html tersebut dengan link url anda.
    - homepage = 'http://monozcore.blogspot.com/'
    - maxTopCommenters = 100
    - excludeUsers = ["Anonymous", "Admin", "Monoz Core", "MonozCore"]
2. Memasang di widget blog.
  • Copy paste saja code berikut pada HTML editor posts atau halaman tersendiri di blog anda.
  • <style type="text/css"> 
    .cm-person{margin:3px;position:relative;float:left;width:80px;height:100px;font:10px/10px Lora,Verdana,Arial,Sans-Serif;text-align:center;line-height:10px;padding:10px; border: 1px solid #F6CEE3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;color:#000;background-color:#fff;box-shadow:inset 0 0 1px black}
    .cm-person a.profile-name-link{display:block;width:80px;height:80px;position:absolute;top:10px;left:10px;background-color:#999;color:white;text-decoration:none;font:bold 30px/80px Ubuntu,Tahoma,Verdana,Arial,Sans-Serif;margin:0 0;padding:0 0;display:none}
    .cm-person a.profile-name-link.item1{background-color:#BC0000}
    .cm-person a.profile-name-link.item2{background-color:#1A00CE}
    .cm-person a.profile-name-link.item3{background-color:#39A003}
    .cm-person a.profile-name-link.item4{background-color:#8B039D}
    .cm-person a.profile-name-link.item5{background-color:#F0C100}
    .cm-person a.profile-name-link.item6{background-color:#00D1CB}
    .cm-person a.profile-name-link.item7{background-color:#FFEA03}
    .post .post-body .cm-person img{background-color:#666;display:block;width:80px;height:80px;padding:0 0;margin:0 0 10px;border:none}
    .cm-person:hover{color: #FFF;background-color:#111}
    .cm-person:hover a.profile-name-link{display:block}
    .comments {display: none;}
    </style>
    <script type="text/javascript">
    //<![CDATA[
    var homepage = 'http://www.monozcore.blogspot.com/',
      maxTopCommenters = 77,
      minComments = 1,
      numDays = 0,
      excludeMe = true,
      excludeUsers = ["Anonymous", "Admin"],
      maxUserNameLength = 42,
      txtTopLine = '[image] [user]',
      txtNoTopCommenters = 'No top commentators at this time.',
      txtAnonymous = '',
      sizeAvatar = 80,
      cropAvatar = true,
      urlNoAvatar = 'http://lh4.googleusercontent.com/-069mnq7DV_g/TvgRrBI_JaI/AAAAAAAAAic/Iot55vywnYw/s' + sizeAvatar + '/avatar_blue_m_96.png',
      urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar,
      urlMyProfile = '',
      urlMyAvatar = '';
    if (!Array.indexOf) {
      Array.prototype.indexOf = function (obj) {
        for (var i = 0; i < this.length; i++) if (this[i] == obj) return i;
        return -1
      }
    }
    function replaceTopCmtVars(text, item, position) {
      if (!item || !item.author) return text;
      var author = item.author;
      var authorUri = "";
      if (author.uri && author.uri.$t != "") authorUri = author.uri.$t;
      var avaimg = urlAnoAvatar;
      var bloggerprofile = "http://www.blogger.com/profile/";
      if (author.gd$image && author.gd$image.src && authorUri.substr(0, bloggerprofile.length) == bloggerprofile) {
        avaimg = author.gd$image.src
      } else {
        var parseurl = document.createElement('a');
        if (authorUri != "") {
          parseurl.href = authorUri;
          avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname
        }
      }
      if (urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "") avaimg = urlMyAvatar;
      if (avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "") avaimg = urlNoAvatar;
      var newsize = "s" + sizeAvatar;
      avaimg = avaimg.replace(/\/s\d\d+-c\//, "/" + newsize + "-c/");
      if (cropAvatar) newsize += "-c";
      avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/" + newsize + "/");
      var authorName = author.name.$t;
      if (authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar) authorName = txtAnonymous;
      var imgcode = '<div class="cm-person"><img class="top-commenter-avatar" height="' + sizeAvatar + '" width="' + sizeAvatar + '" src="' + avaimg + '" />';
      if (authorUri != "") imgcode = '<a href="' + authorUri + '">' + imgcode + '</a>';
      if (maxUserNameLength > 3 && authorName.length > maxUserNameLength) authorName = authorName.substr(0, maxUserNameLength - 3) + "...";
      var authorcode = authorName;
      if (authorUri != "") authorcode = '<a class="profile-name-link item' + position + '" href="' + authorUri + '" title="' + position + '. ' + authorName + '">' + item.count + '</a>' + authorName.substring(0, 14) + '</div>';
      text = text.replace('[user]', authorcode);
      text = text.replace('[image]', imgcode);
      text = text.replace('[count]', item.count);
      return text
    }
    var topcommenters = {};
    var ndxbase = 1; 
    
    function showTopCommenters(json) {
      var one_day = 1000 * 60 * 60 * 24;
      var today = new Date();
      if (urlMyProfile == "") {
        var elements = document.getElementsByTagName("*");
        var expr = /(^| )profile-link( |$)/;
        for (var i = 0; i < elements.length; i++) if (expr.test(elements[i].className)) {
          urlMyProfile = elements[i].href;
          break
        }
      }
      for (var i = 0; i < json.feed.entry.length; i++) {
        var entry = json.feed.entry[i];
        if (numDays > 0) {
          var datePart = entry.published.$t.match(/\d+/g);
          var cmtDate = new Date(datePart[0], datePart[1] - 1, datePart[2], datePart[3], datePart[4], datePart[5]);
          var days = Math.ceil((today.getTime() - cmtDate.getTime()) / (one_day));
          if (days > numDays) break
        }
        var authorUri = "";
        if (entry.author[0].uri && entry.author[0].uri.$t != "") authorUri = entry.author[0].uri.$t;
        if (excludeMe && authorUri != "" && authorUri == urlMyProfile) continue;
        var authorName = entry.author[0].name.$t;
        if (excludeUsers.indexOf(authorName) != -1) continue;
        var hash = entry.author[0].name.$t + "-" + authorUri;
        if (topcommenters[hash]) topcommenters[hash].count++;
        else {
          var commenter = new Object();
          commenter.author = entry.author[0];
          commenter.count = 1;
          topcommenters[hash] = commenter
        }
      }
      if (json.feed.entry.length > 200) {
        ndxbase += 200;
        document.write('<script type="text/javascript" src="' + homepage + '/feeds/comments/default?redirect=false&max-results=200&start-index=' + ndxbase + '&alt=json-in-script&callback=showTopCommenters"></' + 'script>');
        return
      }
      var tuplear = [];
      for (var key in topcommenters) tuplear.push([key, topcommenters[key]]);
      tuplear.sort(function (a, b) {
        if (b[1].count - a[1].count) return b[1].count - a[1].count;
        return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1
      });
      var realcount = 0;
      for (var i = 0; i < maxTopCommenters && i < tuplear.length; i++) {
        var item = tuplear[i][1];
        if (item.count < minComments) break;
        document.write(replaceTopCmtVars(txtTopLine, item, realcount + 1));
        realcount++
      }
      if (!realcount) document.write(txtNoTopCommenters)
    }
    document.write('<script type="text/javascript" src="' + homepage + '/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></' + 'script>');
    //]]>
    </script>
  • Jangan lupa untuk merubah link url pada kode diatas.
  • Simpan dan lihat hasilnya.
.: Semoga Bermanfaat :.

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

Emoticon Chat Facebook Dengan Foto Sendiri


Sudah pada tau blm? kalo icon smiley Facebook bisa menggunakan foto sendiri atau koleksi gambar unik yang kita mau. Icon ini bisa sobat gunakan pada Facebook chat ataupun komentar status teman Facebook, gimana kerenkan... untuk menggunakan fitur icon smiley ini caranya cukup mudah... Nahh buat yang tertarik silakan disimak cara membuatnya. 
  • Kunjungi situs http://smileychatcodes.com/facebook-smiley-chat-codes/
  • Tidak perlu membuat akun di situs tersebut.
  • Klik Browse untuk memilih foto atau gambar yang anda inginkan.
  • Klik Upload Now dan tunggu hasilnya.
  • Jika sudah muncul kodenya, tinggal copy-paste kode tersebut di Facebook chat ataupun kotak komentar Facebook...
Catatan:
  • Jika kode tidak muncul ga usah panik tinggal refresh browser sobat dan ulangi cara diatas.
  • Kita bebas menggunakan icon smiley ini sebanyak yang kita mau... dan enaknya penggunaan captcha sudah dihapuskan jadi tinggal pilih gambar dan copy kodenya.
  • Berikut contoh screenshot kodenya jika sudah berhasil.
    Gambar kode icon smiley Facebook

  • Oke bro... Selamat mencoba and Good Luck....
.: Semoga Bermanfaat :.

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

Cara Membuat Menu dTree


Kali ini saya ingin berbagi lagi trik membuat menu dtree. Apakah menu dtree itu? Menu dtree yang saya maksud adalah menu yang menyarupai menu Windows Explorer seperti pada image diatas. Menu seperti ini bisa juga kita tampilkan pada web atau blog sobat seperti yang terlihat pada image berikut. Buat yang berminat bisa anda coba langsung mempraktikannya.

Cara Pemasangan :
  • Login ke blog sobat... lalu klik Tata Letak kemudian klik Edit HTML.
  • Letakkan kode script berikut di atas kode </head>.

    <script src='http://monozcore-project.googlecode.com/files/createdtree.js' type='text/javascript'/>

  • Klik Simpan Template.
  • Klik "More Options" selector box kemudian klik "Layout" setelah itu pilih "Add a Gadget" kemudian pilih "HTML/JavaScript", seperti gambar dibawah ini.





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

    <style>
    .dtree {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666;
        white-space: nowrap;
    }
    .dtree img {
        border: 0px;
        vertical-align: middle;
    }
    .dtree a {
        color: #333;
        text-decoration: none;
    }
    .dtree a.node, .dtree a.nodeSel {
        white-space: nowrap;
        padding: 1px 2px 1px 2px;
    }
    .dtree a.node:hover, .dtree a.nodeSel:hover {
        color: #333;
        text-decoration: underline;
    }
    .dtree a.nodeSel {
        background-color: #c0d2ec;
    }
    .dtree .clip {
        overflow: hidden;
    }
    </style>

    <h2>Arsip</h2>
    <div class="dtree">
    <p><a href="javascript: d.openAll();">Open All</a> | <a href="javascript: d.closeAll();">Close All</a></p>
    <script type="text/javascript">
    <!--
    d = new dTree('d');
    d.add(0,-1,'MonozCore');
    d.add(1,0,'Article','#.html');
    d.add(2,1,'Widget','http://monozcore.blogspot.com/search/label/Widget');
    d.add(3,1,'Image','http://monozcore.blogspot.com/search/label/Image');
    d.add(4,1,'Software','http://monozcore.blogspot.com/search/label/Software');
    d.add(5,0,'Blog Info','#.html');
    d.add(6,5,'http://monozcore.blogspot.com/search/label/Blog Info');
    d.add(7,5,'Kosong','');
    d.add(8,5,'Kosong','');
    d.add(9,0,'Internet','#.html');
    d.add(10,9,'MozBrowser','http://monozcore.blogspot.com/2013/04/mozbrowser.html');
    d.add(11,9,
    'Kosong',''); 
    d.add(12,0,'Kosong','');
     d.add(13,0,'Tips n Trick','#.html','Blogging tips n unique trick','','','http://monozcore.blogspot.com/search/label/TipsnTrick');
    d.add(14,13,'Blog Tools','http://monozcore.blogspot.com/p/blog-tools.html');
    d.add(15,13,'Color Code','http://monozcore.blogspot.com/p/html-color-code.html');
    d.add(16,0,'Cara Membuat Menu dTree','http://monozcore.blogspot.com/2013/04/cara-membuat-menu-dtree.html');
    document.write(d);
    //-->
    </script></div>

    Catatan :
    • Contoh menu dTree


    • Silahkan ganti pada kode yang berwarna biru nama folder, hover text dan linknya !!!. Tambahkan yang perlu ditambahkan !?!.. Letak dan posisi folder juga dapat disesuaikan dengan yang anda inginkan.

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

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

Roro Fitria : Big is Fantastic


Sexy dan seni merupakan kombinasi unik untuk sebuah mahakarya. Nama Roro Fitria sudah jadi ikon foto model seksi. Berbusana minim bukan hanya dalam bidikan kamera fotografer. Keseharian wanita asal Yogyakarta ini selalu menampilkan keindahan dadanya yang berukuran 36. Akibatnya tidak sedikit tawaran untuk foto bugil untuk majalah dewasa.

Roro Fitria merupakan anak bungsu dari empat bersaudara kelahiran Yogyakarta, 29 Desember 1987. Penyandang sarjana ekonomi itu pertama kali tertarik dengan dunia hiburan, modeling khususnya sejak di bangku sekolah menengah atas. Menurutnya, semua hal yang bersifat seni selalu menarik hati.

(.) -RORO FITRIA- (.)


































.: Semoga Bermanfaat :.

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

Pasang Widget Recent Comments Dengan Avatar

Yupz… widget recent comments atau widget komentar terbaru. Sebagaimana widget blogger yang lain yang memiliki banyak versi ataupun modifikasi maka widget recent comments ini juga merupakan versi dari MonozCore kesekian kalinya disamping widget serupa yang pernah saya posting. Perbedaaan widget ini dengan pendahulunya, widget recents comment ini dilengkapi dengan avatar atau pic profil komentator dan bisa dimodifikasi lagi dengan penambahan CSS rounded pada avatar.

Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "More Options" selector box kemudian klik "Layout" setelah itu pilih "Add a Gadget" kemudian pilih "HTML/JavaScript", seperti gambar dibawah ini.





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

    <style type="text/css">
        ul.mzc_recent_comments{list-style:none;margin:0;padding:0;}
        .mzc_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
        .mzc_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
        .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
        .mzc_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
        .mzc_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
    </style>
    <script type="text/javascript">
    //<![CDATA[
        // Recent Comments Settings
        var
        numComments     = 5,
        showAvatar     = true,
        avatarSize     = 40,
        roundAvatar    = true,
        characters     = 100,
        showMorelink    = false,
        moreLinktext    = "More »",
        defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",
        hideCredits    = false;
    //]]>
    </script>
    <script type="text/javascript" src="http://monozcore-project.googlecode.com/files/RecentCommentsWGravatarMonoz.js"></script>
    <script type="text/javascript" src="http://www.monozcore.blogspot.com/feeds/comments/default?alt=json&callback=mzc_recent_comments&max-results=5"></script>

    Catatan :
    • Sebelum anda save perhatikan kode diatas yang berwarna biru.
    • numComments (jumlah komentar yang ingin ditampilkan).
    • avatarSize (ukuran avatar atau gambar profil).
    • characters (jumlah kata pada komentar yang ingin ditampilkan).
    • URL feed comment blog ini ganti dengan url feed blog anda!

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

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

MozBrowser


MozBrowser salah satu software yang di kembangkan oleh MonozCore berbasiskan windows .Net Framework 3.0. MozBrowser merupakan software peramban sederhana gratis untuk membaca postingan suatu blog. MozBrowser sangat ringan dan mudah untuk digunakan selain itu penggunaan MozBrowser untuk melihat postingan suatu blog akan menghemat penggunaan bandwidth internet. Oke sob buat yang tertarik silakan mencicipi peramban ini.

MozBrowser dilengkapi dengan beberapa fitur khusus untuk para blogger, yaitu :

Features :
- Quick connect
- Fast browsing for blog
- Favorite Access
- Integrated with IE Browser

System Requirements :
Make sure that your system meets the minimum requirements to run MozBrowser.
- 1.0 Gigahertz or faster processor
- Microsoft® Windows® XP Home, Professional, or Tablet PC Edition with Service Pack 3 for 32-bit (with Service Pack 2 for 64-bit); Windows Server® 2003 (32-bit and 64-bit; Service Pack 2 required for 64-bit); Windows Server® 2008 (32-bit and 64-bit); Windows Server® 2008 R2 (32-bit and 64-bit); Windows Vista® Home Basic, Home Premium, Business, Ultimate, or Enterprise with Service Pack 2 (32-bit and 64-bit); Microsoft Windows 7 Starter, Home Premium, Professional, Ultimate or Enterprise (32-bit and 64-bit)
- Microsoft® Windows® Framework 3.0
- 256 MB of installed RAM with 512 MB recommended
- 10 MB of available hard disk space (Note: The installer creates temporary files during installation so the actual hard disk space required at that time is greater than the values listed.)
- 1,024 x 576 screen resolution
- Internet Explorer 7 or 8; Firefox 3.5 or 3.6
- Video hardware acceleration optional

Software Installation :
- Please install Microsoft® Windows® Framework 3.0 first.
- Download the software and click setup for installation.

Software Download :


.: Semoga Bermanfaat :.

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

Superhero Girl


Seperti artikel saya sebelumnya menegenai Animasi Fighting Karakter Anime kali ini MonozCore kembali membuat postingan artikel dengan karakter super girl heroes untuk memasang animasi karakter super girl heroes sama caranya dengan cara memasang fighting karakter anime, seperti contoh yang ada di postingan artikel ini. Widget ini menggunakan script mozflying image di kombinasikan dengan gambar animasi gif. Keren, unik dan menarik, membuat widget ini layak untuk dipasang bagi penggemar karakter super girl heroes. Pada postingan ini juga disediakan beberapa pilihan image super girl heroes... Oke sob buat yang tertarik langsung aja ke TKP. Seperti biasa untuk kritik, koment dan saran saya persilakan di kotak komentar.

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://lh5.googleusercontent.com/-D6g7I5fodQc/UPxRTjQu5fI/AAAAAAAADNQ/MQjpH4R4nfc/s800/supergirl-animation.gif";</script>
    <script language="javascript" src="http://monozcore-project.googlecode.com/files/MozFlyingImage.js"></script>

    - Keterangan :
    • Kode script berwarna biru merupakan url link gambar.

  • Klik "Save" dan lihat hasilnya...
Pilihan Animasi Fighting Heroes

  1. Url link : http://lh5.googleusercontent.com/-D6g7I5fodQc/UPxRTjQu5fI/AAAAAAAADNQ/MQjpH4R4nfc/s800/supergirl-animation.gif


  2. Url link : http://lh4.googleusercontent.com/--eNK0Rlbqkg/UPxRTvGdlZI/AAAAAAAADNM/HaJLhPLeOYU/s800/storm-animation.gif
.: Semoga Bermanfaat :.

FB Users () Comment | Read Users (0) Comment
Server : Channel :
Use List | DalNet Commands (Open) | Help