MonozCore

Cara Membuat Widget Member Aktif Di Blog

2013-04-16T08:00:00.000+07:00

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.

MonozCore Active Member

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 :.

Emoticon Chat Facebook Dengan Foto Sendiri

2013-04-15T08:00:00.000+07:00

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 :.

Cara Membuat Menu dTree

2013-04-14T12:24:00.002+07:00

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">  </script></div>

<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">

</script></div>

| Blog Tools

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 :.

Roro Fitria : Big is Fantastic

2013-04-13T15:41:00.001+07:00

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 :.

Pasang Widget Recent Comments Dengan Avatar

2013-04-12T16:38:00.001+07:00

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 :

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 = 60, roundAvatar = true, characters = 40, 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>

<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>

| Blog Tools

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 :.

MozBrowser

2013-04-10T18:16:00.001+07:00

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 :

:: MozBrowser v.10 ::

.: Semoga Bermanfaat :.

Superhero Girl

2013-03-29T23:29:00.000+07:00

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 :

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>

| Blog Tools

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

Klik "Save" dan lihat hasilnya...

Pilihan Animasi Fighting Heroes

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

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

.: Semoga Bermanfaat :.

Password Keeper

2013-03-11T18:16:00.001+07:00

Satu lagi dari MonozCore Software yaitu Password Keeper yang merupakan software under Windows untuk menyimpan dan mengatur password secara aman dan teroganisir. Terkadang kita sering lupa password yang digunakan untuk suatu akun website, nah... apalagi bila kita menggunakan password yang berbeda-beda untuk setiap akun website bisa berabe tuh apabila kita tidak memiliki catatan khusus untuk mengingat password-pasword tersebut... Tenang sob, saya akan share kreasi MonozCore yaitu software Password Keeper untuk mengatasi permasalahan seputar manajemen password tersebut.

Features :
- Super protection for secure data record.
- Easy to use with user friendly interface.
- All data record are encrypted.
- Data lock for super protection.
- Safety Backup.
- Double Encryption.

Extra Features :
- Database Manager.
- Morse Code Password.
- Create and Export Database.
- Password Generator.
- Virtual Keyboard.

System Requirements :
Make sure that your system meets the minimum requirements to run Password Keeper.

- 1.0 Gigahertz or faster processor

- 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.)

- You can now use the software, for registered version you can email me for your reference code then you can get your registered code.

Software Download :

:: Password Keeper v.1

:: Password Keeper v.2

.: Semoga Bermanfaat :.

Translate Blog Dengan Gambar Icon

2013-02-01T05:41:00.000+07:00

Translate blog dengan gambar icon merupakan widget penterjemah yang menggunakan gambar icon wanita untuk menggantikan gambar icon bendera. Fungsinya sama dengan widget Translate Blog Dengan Gambar Bendera, hanya saja perbedaannya terletak pada gambar icon. Gimana bro... kerenkan ulasan widget kali ini. Contoh seperti yang terlihat di bawah ini. Buat yang tertarik untuk memasang widget ini langsung aja bro ke TKP...

Cara Pemasangan :

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.

<div align="center"> <div style="border-radius: 8px; border: 4px solid skyblue; padding: 4px 0 4px 0; width: 220px;"> <style>.flag_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .flag_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .flag_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; }</style> <div> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" rel="nofollow" target="_blank" title="English"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" rel="nofollow" target="_blank" title="French"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" rel="nofollow" target="_blank" title="German"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"></a> <br /> <br /> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" rel="nofollow" target="_blank" title="Portuguese"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"></a></div> </div> </div>

<div align="center">
<div style="border-radius: 8px; border: 4px solid skyblue; padding: 4px 0 4px 0; width: 220px;">
<style>.flag_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .flag_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .flag_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; }</style>
<div>
<a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="http://lh4.googleusercontent.com/-SKUKZ_Zac-8/UO8vosjidUI/AAAAAAAADAQ/QFbyjS7QaPI/s800/Occupations-Pilot-Female-Light-icon.png" style="cursor: pointer; " title="English" width="32" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="32" src="http://lh5.googleusercontent.com/-wuffgHU-HZs/UO8vqFe569I/AAAAAAAADAs/_F5asvhLzvM/s800/Occupations-Waitress-Female-Light-icon.png" style="cursor: pointer; " title="French" width="32" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="http://lh5.googleusercontent.com/-4_mFsy54Nt8/UO8vj26SdkI/AAAAAAAAC_E/LEe4lBTGg3c/s800/Historical-Viking-Female-icon.png" style="cursor: pointer; " title="German" width="32" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="http://lh3.googleusercontent.com/-kL8_QTBXcPM/UO8vw1xwpbI/AAAAAAAADCo/QnA7CWQBiUI/s800/Wedding-Bridesmaid-Light-icon.png" style="cursor: pointer; " title="Spain" width="32" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="32" src="http://lh5.googleusercontent.com/-uAZq3RCsn1k/UO8vpkyvPvI/AAAAAAAADAo/Z_l-11-J-HM/s800/Occupations-Pizza-Deliveryman-Female-Light-icon.png" style="cursor: pointer; " title="Italian" width="32" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="32" src="http://lh6.googleusercontent.com/-vCdIkxNmKVo/UO8vwc5hSSI/AAAAAAAADCc/5S2AHehYbl0/s800/Wedding-Bride-Light-icon.png" style="cursor: pointer; " title="Dutch" width="32" /></a> <br />
<br />
<a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="http://lh6.googleusercontent.com/-2jhfxkCdhy0/UO8vpA6SmcI/AAAAAAAADAU/j0zo5fBbVaQ/s800/Occupations-Pilot-OldFashioned-Female-Light-icon.png" style="cursor: pointer; " title="Russian" width="32" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="32" src="http://lh5.googleusercontent.com/-oAbQYAxhBX8/UO8vsjPH-zI/AAAAAAAADBg/oQQRSRB8ABg/s800/Religions-Catholic-Nun-icon.png" style="cursor: pointer; " title="Portuguese" width="32" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="http://lh4.googleusercontent.com/-JVVdQ92Ksjw/UO8vvt6KF6I/AAAAAAAADCU/7EA0SbTlgMU/s800/Sport-Wrestler-Female-Light-icon.png" style="cursor: pointer; " title="Japanese" width="32" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="32" src="http://lh6.googleusercontent.com/-aMYlIQgKm04/UO8vsc_ZXjI/AAAAAAAADBY/NJX5Gk3CQiI/s800/Person-Female-Light-icon.png" style="cursor: pointer; " title="Korean" width="32" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="http://lh4.googleusercontent.com/-_5TAaNSQBtw/UO8vtqAGUKI/AAAAAAAADB0/nwPfAoUnfHQ/s800/Religions-Muslim-Female-icon.png" style="cursor: pointer; " title="Arabic" width="32" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="http://lh6.googleusercontent.com/-66H2fcXeVoc/UO8vrWyB8uI/AAAAAAAADBE/-aTu1iiGWQo/s800/Office-Customer-Female-Light-icon.png" style="cursor: pointer; " title="Chinese Simplified" width="32" /></a></div>
</div>
</div>

| Blog Tools

Catatan :
- not available.

Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.

Efek Animasi Semut Di Blog

2013-01-20T23:41:00.000+07:00

Pernah melihat halaman blog / website yang ada semutnya muter-muter di layar monitor atau semut yang jalan-jalan di layar monitor dan kita mencoba untuk membersihkannya namun gak hilang, nah ternyata semut tersebut bersal dari penggunaan Efek Animasi Semut Di Blog... Contoh seperti yang terlihat pada postingan artikel ini. Oke sob barangkali tertarik silakan disimak cara pemasangannya...

Cara Pemasangan :

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.

<div style="display:scroll; position:fixed; top:150px; left:20px;"> </div>

<div style="display:scroll; position:fixed; top:150px; left:20px;"><img border="0" src="http://lh5.googleusercontent.com/-blzmgUV5K1U/UPwaIWwTAHI/AAAAAAAADMM/_wkFCTAIBPE/s800/semut.gif"/></div>

| Blog Tools

Catatan :
- not available.

Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.

Chef Vindy Lee Part 2

2013-01-13T18:12:00.002+07:00

Ga ada habisnya berbicara tentang wanita cantik, sexy dan panas. Di dunia entertain pintar saja tidak cukup tapi harus diimbangi dengan penampilan yang fresh dan mempesona, seperti selebriti chef Vindy Lee, fresh banget boo... (.)-(.) ruuaarr biasa... Oke bro buat yang penasaran dengan aksinya monggo dilihat kumpulan foto Chef Vindy Lee Part 2, enjoy....

COVER MAGAZINE

SEXY LIBRARIAN

RED WINE

Have a nice day

Translate Blog Dengan Gambar Bendera

2013-01-11T16:14:00.003+07:00

Sebagai pelengkap blog ada baiknya memasang widget blog translator di blog sobat, karena akan memudahkan pengunjung blog yang berasal dari luar negeri untuk menterjemahkan postingan artikel sobat sehingga pengunjung blog tersebut bisa membaca postingan artikel sobat menggunakan bahasa negara mereka. Widget blog translator juga akan membuat blog semakin user friendly. Ada berbagai macam widget blog translator untuk blog salah satunya Translate Blog Dengan Gambar Bendera untuk menegaskan dengan bahasa negara mana pengunjung akan men-translate artikel tersebut. Sebagai contoh seperti yang terlihat di bawah ini.

Cara Pemasangan :

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

Gambar Bendera Berbentuk Kotak

Copy-paste kode berikut ini di kotak postingan gadget.

<div align="center"> <div style="border-radius: 8px; border: 4px solid skyblue; padding: 4px 0 4px 0; width: 240px;"> <div> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" rel="nofollow" target="_blank" title="English"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" rel="nofollow" target="_blank" title="French"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" rel="nofollow" target="_blank" title="German"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"></a> <br /> <br /> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" rel="nofollow" target="_blank" title="Portuguese"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"></a></div> </div> </div>

<div align="center">
<div style="border-radius: 8px; border: 4px solid skyblue; padding: 4px 0 4px 0; width: 240px;">
<div>
<a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="http://lh3.googleusercontent.com/-CJSZZBQ57bE/UO8fAgiBjEI/AAAAAAAAC9Y/mviLJjYmo1k/s800/English.png" style="cursor: pointer; margin-left: 10px; margin-right: 10px;" title="English" width="24" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="32" src="http://lh4.googleusercontent.com/-wr0OgBAGxZE/UO8fAzmh7II/AAAAAAAAC9c/5OSP4IP0-ak/s800/French.png" style="cursor: pointer; margin-right: 10px;" title="French" width="24" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="http://lh6.googleusercontent.com/-mwb4Roz1Yzg/UO8fBFBqk4I/AAAAAAAAC9g/SkNWIeorals/s800/German.png" style="cursor: pointer; margin-right: 10px;" title="German" width="24" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="http://lh4.googleusercontent.com/-Hdw3RqVW1vo/UO8fDi5GOiI/AAAAAAAAC-Q/fvfGADVorsw/s800/Spain.png" style="cursor: pointer; margin-right: 10px;" title="Spain" width="24" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="32" src="http://lh6.googleusercontent.com/-1b9vEbPsUDE/UO8fBVw9nOI/AAAAAAAAC9k/saharRTECsE/s800/Italian.png" style="cursor: pointer; margin-right: 10px;" title="Italian" width="24" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="32" src="http://lh4.googleusercontent.com/-u4MEiTtM2jo/UO8e_vnKfGI/AAAAAAAAC9Q/v44BEac-dSU/s800/Dutch.png" style="cursor: pointer; margin-right: 10px;" title="Dutch" width="24" /></a> <br />
<br />
<a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="http://lh3.googleusercontent.com/-RreF2p5uQEc/UO8fDIXnyfI/AAAAAAAAC-M/5ZOFefLe6Bs/s800/Russian.png" style="cursor: pointer; margin-left: 10px; margin-right: 10px;" title="Russian" width="24" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="32" src="http://lh5.googleusercontent.com/-abqhbkBMm2M/UO8fCdfQRjI/AAAAAAAAC-A/X23jnbUn77s/s800/Portuguese.png" style="cursor: pointer; margin-right: 10px;" title="Portuguese" width="24" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="http://lh4.googleusercontent.com/-PZ2JrRWDTAo/UO8fBxaZA5I/AAAAAAAAC94/yLgoQ-a7Ofk/s800/Japanese.png" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="24" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="32" src="http://lh4.googleusercontent.com/-yCdKQXWBukU/UO8fCE64oXI/AAAAAAAAC90/t_RRSRDOCvY/s800/Korean.png" style="cursor: pointer; margin-right: 10px;" title="Korean" width="24" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="http://lh6.googleusercontent.com/-bDn3WGGf6VE/UO8e_mdMIfI/AAAAAAAAC9M/DPnnd-5SDXs/s800/Arabic.png" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="24" /></a> <a class="flag_translate" href="#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="http://lh4.googleusercontent.com/-YeVtTUwsxn4/UO8e_vZeIWI/AAAAAAAAC9U/DWoP81PVfpY/s800/Chinese-Simplified.png" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="24" /></a></div>
</div>
</div>

| Blog Tools

Catatan :
- not available.

Gambar Bendera Berbentuk Bulat

Copy-paste kode berikut ini di kotak postingan gadget.

<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cen&hl=en'); return false;"></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cfr&hl=en'); return false;"></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cde&hl=en'); return false;"></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7ces&hl=en'); return false;"></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cit&hl=en'); return false;"></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cnl&hl=en'); return false;"></a> <br/><br/> <a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cru&hl=en'); return false;"></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=en'); return false;"></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cja&hl=en'); return false;"></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cko&hl=en'); return false;"></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7car&hl=en'); return false;"></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7czh-cn&hl=en'); return false;"></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://monozcore.blogspot.com" title="translate widget"/>Translate Widget</a> by Google </div> </div>

<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://lh4.googleusercontent.com/-bD1jb76RY3Y/UPEsnRzB65I/AAAAAAAADFs/B5F1141I5Gc/s800/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://lh5.googleusercontent.com/-eFolureXqA8/UPEskrhNrxI/AAAAAAAADE8/RbxwQ3GwMA8/s800/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://lh4.googleusercontent.com/-7o948o9vyeA/UPEsluVkBFI/AAAAAAAADFM/abKLwUJYfGI/s800/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://lh5.googleusercontent.com/-e_8l4y3Q1cY/UPEsm28UVII/AAAAAAAADFk/A2Q7YlAWrjA/s800/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://lh5.googleusercontent.com/-RbwKD05NQCI/UPEslkDJ8tI/AAAAAAAADFA/8QbH5loafyQ/s800/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://lh5.googleusercontent.com/-JQDoxwryfgQ/UPEskf3ypWI/AAAAAAAADEw/wvbyaLORJv8/s800/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://lh3.googleusercontent.com/-ntGhnehYvCo/UPEsmmXL3WI/AAAAAAAADFU/FcFwoll2r70/s800/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="http://lh4.googleusercontent.com/-qGVyzvB4xL8/UPEsjudMUbI/AAAAAAAADE0/GooIWwe1yzs/s800/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://lh4.googleusercontent.com/-fOTAOCEVoZo/UPEsl0gXSCI/AAAAAAAADFE/_0ZSblQZF_c/s800/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://lh4.googleusercontent.com/-7z4EaMNMrX8/UPEsmcTl-LI/AAAAAAAADFY/UI3zTDLKsQ0/s800/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://lh4.googleusercontent.com/-2fJrQdSijIs/UPEsjmaUu7I/AAAAAAAADEk/B5c3nctI7hc/s800/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7czh-cn&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://lh4.googleusercontent.com/-Xm6BNGaXDNo/UPEsjpL89UI/AAAAAAAADEo/mV2LF57ZaEQ/s800/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://monozcore.blogspot.com" title="translate widget"/>Translate Widget</a> by Google </div></div>

| Blog Tools

Catatan :
- not available.

Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.

Chef Vindy Lee Part 1

2013-01-09T18:56:00.003+07:00

Cantik sudah pasti, montok apalagi dan woow size does matter... hehehe dikombinasikan dengan acara sajian masakan nusantara, wahh sangat menggugah selera. Model majalah pria dewasa FHM dan Popular ini memiliki segudang potensi dari modeling hingga menjadi seorang chef... Suatu kombinasi unik yang banyak digandrungi para lelaki metropolis... yup Chef Vindy Lee... Oke bro buat yang suka dengan Vindy Lee silakan dinikmati hidangan Chef Vindy Lee Part 1.

BLACK LATEX

Have a nice day

Kumpulan Kaskus Avatar

2013-01-06T09:52:00.003+07:00

Bukan mau promosi tapi cuma sekedar informasi biar tambah murni wawasan dan hobi... kaya lagu aja yach... oke bro postingan ini merupakan kumpulan beberapa KASKUS Avatar yang unik yang bisa sobat gunakan sebagai gambar profil di forum KASKUS. Penggunaan avatar ini bisa juga digunakan untuk menghias postingan di thread KASKUS... Seperti biasa bro jangan lupa cendolnya yaa....

KASKUS AVATAR

URL : http://3.bp.blogspot.com/-rR_dtD__scc/UOfZ_DKUVWI/AAAAAAAAC40/QRhjk7KbumE/s1600/Kaskus_Rider.gif

URL : http://4.bp.blogspot.com/-j1v2F9oUcNo/UOfZ_TtBspI/AAAAAAAAC44/le_bYtyTxUc/s1600/Vampire_Girl.gif

URL : http://4.bp.blogspot.com/-ei9nsTaeH1A/UM_aunietNI/AAAAAAAAC3E/Gl9g1rULLEU/s800/anim_dollar.gif

URL : http://lh3.googleusercontent.com/-g3NiiFxOGoY/UM_aukFpPRI/AAAAAAAAC28/RnMMxLxQxsc/s800/avatar_kaskus_1.gif

URL : http://1.bp.blogspot.com/-f2SkbgH6Vw0/UM_auvgMnKI/AAAAAAAAC3A/_QXMwkclfoA/s800/anim_patroli.gif

URL : http://lh3.googleusercontent.com/-MEysy2GZcg0/UOZUR2jFrmI/AAAAAAAAC30/xg_U8Im48Bc/s800/kaskus_Avatar_2.gif

URL : http://lh4.googleusercontent.com/-Jc15Ug-LsLA/UOZpyJBN-jI/AAAAAAAAC4U/dZigxSy1DNM/s800/iwakpeyekkaskus.gif

URL : http://lh4.googleusercontent.com/-Bsp8mre_oxQ/UOvhJ4LxmbI/AAAAAAAAC6M/1o25PCqNEY8/s800/Kaskus_Chiby.gif

URL : http://lh5.googleusercontent.com/-ncFOJKWEGnk/UOvhJ3J-rVI/AAAAAAAAC6Q/PoJrogA25Bs/s800/avatar_kaskus.gif

THREAD MARKER

URL : http://lh4.googleusercontent.com/-Iq8UAmsnIHE/UOjd5UPiXVI/AAAAAAAAC5k/ZiG31Q-jsdM/s800/STK%2520kaskus.gif

URL : http://lh6.googleusercontent.com/-Rdi08C4OGmQ/UOjd5WpYDOI/AAAAAAAAC5c/ItF_HXDYtvY/s800/antik-revo.png

***

Semoga Bermanfaat

KASKUS Jokes

2012-12-16T18:07:00.000+07:00

Blogger Indonesia pasti sudah tidak asing dengan yang namanya Kaskus, yupp Kaskus merupakan forum komunitas indonesia terbesar di jagad internet nusantara. Salah satu thread terkenal yang ada di Kaskus adalah "Jokes" yang berisi tentang thread humor dari kaskuser. Nahh... biar ga ketinggalan dan tetap uptodate di thread jokes kaskus pasang aja nich widget KASKUS Jokes. Widget ini berbentuk Link List judul thread jokes terbaru yang datanya diambil menggunakan RSS Feed Kaskus Jokes. Sebagai contoh seperti yang ada di bawah ini.

JOKES

Gimana bro... kerenkan-khan kreasi MonozCore kali ini, buat yang tertarik memasang widget ini langsung aja menuju TKP... Ohh yaa jangan lupa cendolnya gan hheheehe....

Cara Pemasangan :

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.

 <div style="-moz-border-radius: 8px; -moz-box-shadow: inset 0 0 1px #fff; -webkit-border-radius: 8px; -webkit-box-shadow: inset 0 0 1px #fff; background-image: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327AA4), color-stop(0.5, #2E4B5A), color-stop(1, #5CB0DC)); background-image: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); border-radius: 8px; box-shadow: inset 0 0 1px #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#619bb9,endColorstr=#2E4B5A,GradientType=0); height: auto; margin: 0 0 0px 0; overflow: auto; padding: 5px;"> <div style="background-color: white; border-radius: 4px; padding-bottom: 0px;"> <span style="color: orange; font-family: Helvetica; font-size: 120%; font-weight: bold;">JOKES</span> <script type="text/javascript"> function getYpipe(jokes) {document.write('<ul style="color:black; margin:0 0 0 0px; list-style-type:square;">');var i;for (i = 0; i < jokes.count ; i++){var href = "'" + jokes.value.items[i].link + "'";if(jokes.value.items[i].link == "")var jokesitem ="<li>" + jokes.value.items[i].title + "</li>";else var jokesitem = "<li>" + "<a href="+ href + '" target="_blank" style="text-decoration:none;color:black;">' + jokes.value.items[i].title + "</a> </li>";document.write(jokesitem);}document.write('</ul>');} </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_callback=getYpipe&_id=2d4a283f91db3f8ff3a437a6dbfab9c0&_render=json" type="text/javascript"> </script> </div></div> 


<div style="-moz-border-radius: 8px; -moz-box-shadow: inset 0 0 1px #fff; -webkit-border-radius: 8px; -webkit-box-shadow: inset 0 0 1px #fff; background-image: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327AA4), color-stop(0.5, #2E4B5A), color-stop(1, #5CB0DC)); background-image: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); border-radius: 8px; box-shadow: inset 0 0 1px #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#619bb9,endColorstr=#2E4B5A,GradientType=0); height: auto; margin: 0 0 0px 0; overflow: auto; padding: 5px;">
<div style="background-color: white; border-radius: 4px; padding-bottom: 0px;">
<img src="http://lh6.googleusercontent.com/-7vHVT6Xw_uQ/UMsVCVpZ_OI/AAAAAAAAC1s/sSJOXd6i30M/s288/Logo_Kaskus.png" style="height: 24px; padding: 5px; vertical-align: middle;" /><span style="color: orange; font-family: Helvetica; font-size: 120%; font-weight: bold;">JOKES</span>
<script type="text/javascript">
function getYpipe(jokes) {document.write('<ul style="color:black; margin: 0 0 0 0px; list-style-type:square;">');var i;for (i = 0; i < jokes.count ; i++){var href = "'" + jokes.value.items[i].link + "'";if(jokes.value.items[i].link == "")var jokesitem ="<li>" + jokes.value.items[i].title + "</li>";else var jokesitem = "<li>" + "<a href="+ href + '" target="_blank" style="text-decoration:none;color:black;">' + jokes.value.items[i].title + "</a> </li>";document.write(jokesitem);}document.write('</ul>');}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_callback=getYpipe&_id=2d4a283f91db3f8ff3a437a6dbfab9c0&_render=json" type="text/javascript">
</script>
</div></div>


| Blog Tools

Catatan :
- font-size: 120% ==> Ukuran huruf teks "JOKES" silakan sesuaikan ukuran tersebut untuk disesuaikan dengan kotak widget sobat supaya tidak terlalu besar.
- margin: 0 0 0 0px ==> Ukuran list style, silakan sesuasikan untuk tampilan list style agar sesuai dengan tampilan template widget box sobat.

Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.

Add Cyber-Pet Widget in Blogger

2012-12-10T08:11:00.000+07:00

Tambahkan Cyber-Pet Widget di blog anda selain lucu widget ini akan menambah daya tarik blog, sehingga pengunjung menjadi semakin betah berkunjung ke blog anda. Menghias blog merupakan salah satu trik untuk meningkatkan trafik blog, dengan mendekorasi blog diharapkan blog anda memiliki khas dan daya tarik tersendiri. Cyber-Pet Widget merupakan trik sederhana namun efektif untuk menambah daya tarik blog anda, dengan adanya Cyber-Pet Widget pengunjung blog anda dapat menciptakan teman virtual di blog anda bahkan anda pun dapat memainkannya di kala waktu senggang anda.

Oke sob di postingan ini ada beberapa Cyber-Pet yang bisa anda tambahkan di blog anda seperti kittens, puppies, ducks, llamas, bunnies dan lainnya. Widget ini dibuat oleh bunnyhero labs. Buat yang tertarik memasang widget ini monggo disimak infonya.

Cara Pemasangan :

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.

<BUNNYHERO PET START /> <div style="width: 250px; padding: 0; margin: 0; text-align: center"> </embed></div> <BUNNYHERO PET END />

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNTUxMDA1ODY5OTQmcHQ9MTM1NTEwMDk4MDI4MSZwPTU1NzEmZD*mZz*yJm89ZWUxNmEwOWFmOTRlNGEyNmJjOGE4/MDJhY2RiNmFhNzU=.gif" /><BUNNYHERO PET START />
<div style="width: 250px; padding: 0; margin: 0; text-align: center">
<embed src="http://petswf.bunnyherolabs.com/adopt/swf/panda" width="250" height="300" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="cn=monoz&an=monozcore&clr=0xfafffa" type="application/x-shockwave-flash">
</embed></div>
<BUNNYHERO PET END />

| Blog Tools

Catatan :
- Untuk pilihan Cyber Pet lainnya anda dapat mengunjungi link ini [Cyber Pet Option].

Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.

mIRC Chat Box for Blog

2012-12-05T22:27:00.000+07:00

Siapa sich yang ga kenal dengan mIRC, sebuah software chatting yang menggunakan protokol Internet Relay Chat (IRC) sebagai jalur interkoneksinya. Definisi IRC sendiri adalah suatu bentuk komunikasi di Internet yang diciptakan untuk komunikasi interpersonal terutama komunikasi kelompok di tempat diskusi yang dinamakan channel (saluran), tetapi juga bisa untuk komunikasi jalur pribadi. mIRC ini sangat terkenal lho di tahun 2000 dan sampai sekarang mIRC ini masih tetap eksis walaupun penggunanya sudah mulai berkurang karena sudah tergantikan dengan BBM (Benar Benar Murah) messanging atau fasilitas chatting lainnya.

Jika pada tempo dulu untuk menggunakan IRC kita harus memasang aplikasi mIRC di komputer untuk bisa berchatting ria tapi sekarang sudah tidak perlu lagi sob, karena berkat mibbit (situs penyedia layanan chat berbasis IRC) mIRC sudah bisa dipasang sebagai widget di blog... Gimana sob kerenkan... Kode widget chat yang disediakan oleh mibbit menggunakan iFrame standar tanpa ada setting-an untuk merubah server dan channel kecuali jika sobat menggunakan fasilitas chat langsung dari situs mibbit... nah supaya kode widget chat mibbit bisa sedikit fleksibel maka diperlukan sedikit modifikasi kode (script) tambahan, seperti pada contoh di bawah ini.

Cara Pemasangan :

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> .topstyle { height:auto; padding:5px 5px 2px 5px; margin:0 0 10px 0; overflow:auto; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; -moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius:8px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#619bb9, endColorstr=#2E4B5A,GradientType=0); background-image: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327AA4), color-stop(0.5, #2E4B5A), color-stop(1, #5CB0DC)); background-image: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); } </style> <script type="text/javascript" src="http://monozcore-project.googlecode.com/files/mIRC_widget.js"></script> <div align="center" class="topstyle"> <form id='Form1'> <span id="mircSETScript"></span> <span style="color:white;"><b>Server :</b></span> <span id="serverInput"><input id="mircServer" type="text" value="irc.dal.net" style="width:120px;" onKeyPress="keyStartMIRC(event);"/></span> <span style="color:white;"><b>Channel :</b></span> <span id="channelInput"><input id="mircChannel" type="text" value="jakarta" style="width:120px;" onKeyPress="keyStartMIRC(event);"/></span> <input id="btnConnect" type="button" value="Connect" onClick="startMIRC();" /><br/> <input type="checkbox" id="cbUseList" onClick="showMircList();" style="vertical-align:middle;"><span style="color:#fff;">Use List | <a href="javascript:showMircCom();" style="color:#fff;text-decoration:none;">DalNet Commands <span id="optClose">(Open)</span></a> | <a href="http://docs.dal.net/docs/newbie.html" target="blank" style="color:#fff;text-decoration:none;">Help</a></span> </form> <div id="mircChatBox"> </div> <div id="dalnetCom" style="text-align:left;display:none;width:99%;height:200px;border:1px #fff solid;border-radius:4px; background-color:#fff;overflow:auto;margin-bottom:5px;"> <b>Dalnet IRC Server Basic Commands</b><br /><br /><b>ChanServ Command</b><br />/join #channel >> (Open Channel)<br />/ChanServ REGISTER #channel >> The Greats Dalnet Chanel (chanel registration)<br />/ChanServ IDENTIFY #channel >> (identify founder)<br />/ChanServ SET #channel PASSWD newpass >> (Change channel's password)<br />/ChanServ SET #channel URL >> (set channel's url)<br />/ChanServ SET #channel MLOCK +nt-iklpOsm >> (Change channel mode to safe mode)<br />/ChanServ SET #channel IDENT on >> (Channel's OP must identify to get OP access)<br />/ChanServ INFO #channel >> (View Channel Info)<br />/ChanServ UNBAN >> (Unban you from channel ban list)<br />/ChanServ INVITE [nick] >> (invite someone to join channel)<br />/ChanServ MDEOP >> (mass deop on channel)<br />/ChanServ MKICK >> (mass kick on channel)<br />/ChanServ AOP #channel LIST >> (View AOP list)<br />/ChanServ SOP #channel LIST >> (View SOP list)<br />/ChanServ OP #channel >> (Add temporary OP)<br />/ChanServ OP #channel – >> (Remove temporary OP)<br />/ChanServ SET #channel TOPICLOCK >> (Set who can change Channel topic)<br /><br /><b>Autokick</b><br />/ChanServ AKICK #channel ADD >> (Add user or IP mask to Channel's Autokick list)<br />/ChanServ AKICK #channel DEL >> (remove user from Channel's Autokick list)<br /><br /><b>Add SOP (Add Super Operator)</b><br />/ChanServ SOP #channel ADD<br />/ChanServ SOP #channel DEL<br /><br /><b>Add OP (Operator)</b><br />/ChanServ AOP #channel ADD<br />/ChanServ AOP #channel DEL<br /><br /><b>NickServ</b><br />/nick nickname >> (change nick)<br />/identify nickname pass >> (identify nickname)<br />/NickServ REGISTER password email >> (register nickname)<br />/NickServ SET PASSWD [value] >> (Change password)<br />/NickServ SET URL http://www.antonplanet.com.ru >> (Change nickname's url)<br />/NickServ SET EMAIL webmaster@antonplanet.com.ru >> (Change nickname's email)<br />/nickserv set showemail on >> (Show your email in nickname profile)<br /><br /><b>MemoServ</b><br />/MSG nickname message >> (send message)<br />/MSG MemoServ SEND >> (send memo)<br />/MSG MemoServ READ [1...] >> (Read memo)<br />/MSG MemoServ DEL [1...] >> (delete memo)<br /><br /><b>kick and ban</b><br />/KICK [channel] [nick] >> (kick user from channel)<br />/MODE nick +v >> (Give voice sign to user)<br />/mode [channel] +b [nick] >> (ban user)<br />/mode [channel] +ooo nick1 nick2 nick3 >> (Give OP to several people)<br />/mode [channel] -o [nick] >> (To deOP someone)<br />/ban [channel] >> (also ban user) <br /><br /><br /><br /><br /><br /><br />[--- END ---]</div> </div>

<style>
.topstyle {
height:auto;
padding:5px 5px 2px 5px;
margin:0 0 10px 0;
overflow:auto;
box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
-moz-border-radius: 8px;-webkit-border-radius: 8px;
border-radius:8px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#619bb9, endColorstr=#2E4B5A,GradientType=0);
background-image: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327AA4), color-stop(0.5, #2E4B5A), color-stop(1, #5CB0DC));
background-image: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
}
</style>
<script type="text/javascript" src="http://monozcore-project.googlecode.com/files/mIRC_widget.js"></script>
<div align="center" class="topstyle">
<form>
<span id="mircSETScript"><img src="http://lh5.googleusercontent.com/-lCOm78gV4_4/UK9jI0-60fI/AAAAAAAAC0o/72DkZN1szPo/s800/mirc2.png" style="vertical-align:middle;" onload="mircSetScript()"/></span> <span style="color:white;"><b>Server :</b></span> <span id="serverInput"><input id="mircServer" type="text" value="irc.dal.net" style="width:120px;" onKeyPress="keyStartMIRC(event);"/></span> <span style="color:white;"><b>Channel :</b></span> <span id="channelInput"><input id="mircChannel" type="text" value="jakarta" style="width:120px;" onKeyPress="keyStartMIRC(event);"/></span> <input id="btnConnect" type="button" value="Connect" onClick="startMIRC();" /><br/>
<input type="checkbox" id="cbUseList" onClick="showMircList();" style="vertical-align:middle;"><span style="color:#fff;">Use List | <a href="javascript:showMircCom();" style="color:#fff;text-decoration:none;">DalNet Commands <span id="optClose">(Open)</span></a> | <a href="http://docs.dal.net/docs/newbie.html" target="blank" style="color:#fff;text-decoration:none;">Help</a></span>
</form>
<div id="mircChatBox"></div>
<div id="dalnetCom" style="text-align:left;display:none;width:99%;height:200px;border:1px #fff solid;border-radius:4px; background-color:#fff;overflow:auto;margin-bottom:5px;">
<b>Dalnet IRC Server Basic Commands</b><br /><br /><b>ChanServ Command</b><br />/join #channel >> (Open Channel)<br />/ChanServ REGISTER #channel >> The Greats Dalnet Chanel (chanel registration)<br />/ChanServ IDENTIFY #channel >> (identify founder)<br />/ChanServ SET #channel PASSWD newpass >> (Change channel's password)<br />/ChanServ SET #channel URL >> (set channel's url)<br />/ChanServ SET #channel MLOCK +nt-iklpOsm >> (Change channel mode to safe mode)<br />/ChanServ SET #channel IDENT on >> (Channel's OP must identify to get OP access)<br />/ChanServ INFO #channel >> (View Channel Info)<br />/ChanServ UNBAN >> (Unban you from channel ban list)<br />/ChanServ INVITE [nick] >> (invite someone to join channel)<br />/ChanServ MDEOP >> (mass deop on channel)<br />/ChanServ MKICK >> (mass kick on channel)<br />/ChanServ AOP #channel LIST >> (View AOP list)<br />/ChanServ SOP #channel LIST >> (View SOP list)<br />/ChanServ OP #channel >> (Add temporary OP)<br />/ChanServ OP #channel – >> (Remove temporary OP)<br />/ChanServ SET #channel TOPICLOCK >> (Set who can change Channel topic)<br /><br /><b>Autokick</b><br />/ChanServ AKICK #channel ADD >> (Add user or IP mask to Channel's Autokick list)<br />/ChanServ AKICK #channel DEL >> (remove user from Channel's Autokick list)<br /><br /><b>Add SOP (Add Super Operator)</b><br />/ChanServ SOP #channel ADD<br />/ChanServ SOP #channel DEL<br /><br /><b>Add OP (Operator)</b><br />/ChanServ AOP #channel ADD<br />/ChanServ AOP #channel DEL<br /><br /><b>NickServ</b><br />/nick nickname >> (change nick)<br />/identify nickname pass >> (identify nickname)<br />/NickServ REGISTER password email >> (register nickname)<br />/NickServ SET PASSWD [value] >> (Change password)<br />/NickServ SET URL http://www.antonplanet.com.ru >> (Change nickname's url)<br />/NickServ SET EMAIL webmaster@antonplanet.com.ru >> (Change nickname's email)<br />/nickserv set showemail on >> (Show your email in nickname profile)<br /><br /><b>MemoServ</b><br />/MSG nickname message >> (send message)<br />/MSG MemoServ SEND >> (send memo)<br />/MSG MemoServ READ [1...] >> (Read memo)<br />/MSG MemoServ DEL [1...] >> (delete memo)<br /><br /><b>kick and ban</b><br />/KICK [channel] [nick] >> (kick user from channel)<br />/MODE nick +v >> (Give voice sign to user)<br />/mode [channel] +b [nick] >> (ban user)<br />/mode [channel] +ooo nick1 nick2 nick3 >> (Give OP to several people)<br />/mode [channel] -o [nick] >> (To deOP someone)<br />/ban [channel] >> (also ban user)
<br /><br /><br /><br /><br /><br /><br />[--- END ---]</div>
</div>

| Blog Tools

Catatan :
- not available.

Klik "Save"...

Pindahkan widget ( Arrangement widget ) di atas / di bawah postingan artikel agar lebih leluasa tampilannya.

Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.

Cara Membuat Auto Readmore (Thumbnails)

2012-12-01T07:00:00.000+07:00

Script auto readmore blogger/blogspot dengan thumbnails (gambar preview) ini adalah script untuk meringkas teks artikel blog yang disertai gambar preview pada halaman utama blog sehingga tampilan utama halaman blog dapat diringkas dan dapat mempercepat waktu loading. Auto Readmore (Thumbnails) merupakan penyempurnaan dari script auto readmore v1.00, di mana pada versi 1.00 ditemukan adanya masalah pada halaman statis. Ketika halaman statis ditampilkan, auto readmore ikut muncul, sehingga harus diberi pengecualian (b if cond & b else) untuk static pages pada scriptnya. Selain itu, javascript dalam auto readmore ini juga bersifat internal jadi tidak perlu lagi memuat file .js eksternal yang diupload ke hosting lain. Meskipun file template menjadi sedikit lebih besar, namun loading page menjadi lebih cepat daripada auto readmore sebelumnya.

Sebelum mencoba menggunakan script Auto Readmore (Thumbnails) ada baiknya sobat blogger mem-backup template blog terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan.

Cara Pemasangan :

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 taruh di atas kode </Head> tersebut.

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

| Blog Tools

- Keterangan :
- summary_noimg=450 (untuk tinggi postingan tanpa gambar)
- summary_img=360 (untuk tinggi postingan dengan gambar)
- img_tumb_height=120 (tinggi gambar)
- img_tumb_width=150 (lebar gambar)
- readmore.... (bisa anda ganti dengan baca selengkapnya, dll...)

Bagi yang sudah menggunakan readmore versi lama, sebaiknya anda mengembalikan kode seperti semula, dengan menghapus kode yang berwarna biru di bawah ini dan sesuaikan dengan template anda karena setiap template memiliki kode yang berbeda-beda. Jika anda belum pernah menggunakan auto readmore v1.00 silakan lewati langkah ini.

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

Sehingga sekarang hanya ada satu <data:post.body/>

Cari dan Ganti kode : <data:post.body/> atau <p><data:post.body/></p> dengan kode di bawah ini.

<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>Read More.... <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>

Anda bisa mengganti kata "Read More...." dengan kata-kata yang diinginkan. Atau jika ingin menggantinya dengan gambar, ganti tulisan "Read More...." tersebut dengan:

<img border='0' src='url (direct link) gambar readmore'/>

Agar tampilan teks di post summary - auto readmore bisa rata kiri kanan (justified) ??? Lihat bagian kedua pada script di atas. Jika auto readmore sudah dipasang (gunakan Ctrl + F) cari kode berikut ini :

<div expr:id='"summary" + data:post.id'>

Kemudian tambahkan kode style css (style='text-align:justify;') kedalam kode tersebut sehingga menjadi :

<div style='text-align:justify;' expr:id='"summary" + data:post.id'>

Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.

Fancy Blog Follower Box

2012-11-26T07:00:00.000+07:00

Tuch... kan tiap postingan di MonozCore selalu unik dan menarik, so stay tuned terus yaa... seperti postingan artikel ini Fancy Blog Follower Box, yaitu menampilkan google friend connect (blog follower) dengan cara unik. Fancy Blog Follower Box akan memberikan kesan futuristik yang akan menambah daya tarik blog Anda. Fancy Blog Follower Box juga memudahkan pengunjung blog untuk mem-follow blog Anda. Untuk contoh seperti yang terlihat di sisi kanan pada postingan artikel ini. Fancy Blog Follower Box menggunakan CSS standart sehingga tidak akan memberatkan waktu loading blog Anda... Oke maz bro buat yang tertarik memasang Fancy Blog Follower Box langsung aja menuju TKP.

Berhubung google sudah menonaktifkan fitur google friend connect secara manual maka ada baiknya Anda baca terlebih dahulu cara mendapatkan kode google friend connect untuk blog Anda. Kode yang dimaksud adalah kode ID Div Blog dan kode ID Blog untuk penggunaan fitur google friend connect.

Cara Mendapatkan Kode ID :

Pasang aplikasi blog follower yaitu dengan menambahkan widget standar blogspot untuk widget follower.
Jika sudah terpasang buka blog sobat kemudian klik kanan mouse dan pilih "View Page Source". Pada browser tekan tombol Ctrl + F untuk menampilkan kotak pencarian kemudian ketik kata kunci "friendconnect" dan klik "Search" untuk memulai pencarian.
Apabila sudah ketemu cari baris kode seperti yang terlihat pada gambar di bawah ini.
Masukan masing-masing kode untuk digunakan pada script di bawah.

Cara Pemasangan :

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"> .barrightblogger{ background:url('http://lh5.googleusercontent.com/-o6hAb1aHkmw/UKkmbrU1CkI/AAAAAAAACwM/LHSXx4uxIEM/s800/Close_box_follower.png');background-repeat:no-repeat;width:50px;height:306px;position:fixed;right:0px;top:80px; z-index:1000;} .barrightbloggerc{ background:url('http://lh5.googleusercontent.com/-E2igKgAnyQg/UKkmbnvdOZI/AAAAAAAACwI/Tdvaq347Lug/s800/Open_box_follower.png');background-repeat:no-repeat;width:270px;height:306px;position:fixed;right:0px;top:80px; z-index:1100; padding-top:40px;} .barconteblogger{margin:5px 0 0 47px} </style> <div class="barrightblogger" onmouseout="this.className='barrightblogger'" onmouseover="this.className='barrightbloggerc'"> <div class="barconteblogger"> <script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>  <br /> <div id="Masukan Kode DIV ID Blog" style="border: 0px; height: 100px; width: 200px;"> </div>  <script type="text/javascript"> var skin = {}; skin['BORDER_COLOR'] = 'transparent'; skin['ENDCAP_BG_COLOR'] = 'transparent'; skin['ENDCAP_TEXT_COLOR'] = '#9a4aa8'; skin['ENDCAP_LINK_COLOR'] = '#9a4aa8'; skin['ALTERNATE_BG_COLOR'] = 'transparent'; skin['CONTENT_BG_COLOR'] = 'transparent'; skin['CONTENT_LINK_COLOR'] = '#2faef6'; skin['CONTENT_TEXT_COLOR'] = '#9a4aa8'; skin['CONTENT_SECONDARY_LINK_COLOR'] = '#9a4aa8'; skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#9a4aa8'; skin['CONTENT_HEADLINE_COLOR'] = '#9a4aa8'; skin['NUMBER_ROWS'] = '3'; google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */); google.friendconnect.container.renderMembersGadget( { id: 'Masukan Kode DIV ID Blog', site: 'Masukan Kode ID BLOG' }, skin); </script> </div> </div>

<style type="text/css">
.barrightblogger{ background:url('http://lh5.googleusercontent.com/-o6hAb1aHkmw/UKkmbrU1CkI/AAAAAAAACwM/LHSXx4uxIEM/s800/Close_box_follower.png');background-repeat:no-repeat;width:50px;height:306px;position:fixed;right:0px;top:80px; z-index:1000;}
.barrightbloggerc{ background:url('http://lh5.googleusercontent.com/-E2igKgAnyQg/UKkmbnvdOZI/AAAAAAAACwI/Tdvaq347Lug/s800/Open_box_follower.png');background-repeat:no-repeat;width:270px;height:306px;position:fixed;right:0px;top:80px; z-index:1100;
padding-top:40px;}
.barconteblogger{margin:5px 0 0 47px}
</style>
<div class="barrightblogger" onmouseout="this.className='barrightblogger'" onmouseover="this.className='barrightbloggerc'">
<div class="barconteblogger">
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>

<br />
<div id="Kode ID DIV Anda" style="border: 0px; height: 100px; width: 200px;">
</div>

<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = 'transparent';
skin['ENDCAP_BG_COLOR'] = 'transparent';
skin['ENDCAP_TEXT_COLOR'] = '#9a4aa8';
skin['ENDCAP_LINK_COLOR'] = '#9a4aa8';
skin['ALTERNATE_BG_COLOR'] = 'transparent';
skin['CONTENT_BG_COLOR'] = 'transparent';
skin['CONTENT_LINK_COLOR'] = '#2faef6';
skin['CONTENT_TEXT_COLOR'] = '#9a4aa8';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#9a4aa8';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#9a4aa8';
skin['CONTENT_HEADLINE_COLOR'] = '#9a4aa8';
skin['NUMBER_ROWS'] = '3';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'Kode ID DIV Anda',
site: 'Kode ID Blog Anda'},
skin);
</script>
</div>
</div>

| Blog Tools

Catatan :
- Silakan sobat masukan kode ID Div blog dan kode ID Blog Anda apabila ingin digunakan sebagai Google Friend Connect.
- Jangan lupa !!! ganti kode ID Div dan kode blog Anda yaa. By the way any way busway jangan lupa juga untuk kritik dan komentarnya yaa, hehehe :)) Happy Blogging...

Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.

Facebook Apps For Blog

2012-11-21T21:17:00.002+07:00

Halo sobat blogger... pa kabar semoga baik-baik saja yaa... Postingan artikel kali mengenai aplikasi facebook untuk menampilkan blog, sebagai contoh dapat dilihat di http://apps.facebook.com/monozcore/. Membuat aplikasi facebook untuk sekedar menampilkan blog sebenarnya tidaklah terlalu sulit hanya saja dalam proses pemasangan perlu sedikit trik untuk bisa menampilkan blog dalam aplikasi facebook. Oke... mas bro buat yang tertarik langsung aja ke TKP...

LANGKAH 1 :

Apabila blog sobat tidak menggunakan domain blogspot maka silakan lewati langkah ini dan langsung menuju langkah 2 namun apabila masih terdapat error pada domain sobat sehingga aplikasi facebook tidak bisa dijalankan silakan sobat baca langkah 1 dulu.

Aplikasi facebook tidak mengijinkan iframe langsung menggunakan domain blogspot oleh sebab itu supaya blog sobat bisa diakses maka terlebih dahulu sobat buat redirection domain untuk url blog sobat. Salah satu penyedia layanan redirection domain yang terbaik dan gratis saat ini yaitu menggunakan domain dot tk. Maksud dari redirection domain adalah untuk merubah domain blogspot menjadi tk (misal: www.blog-sobat.blogspot dirubah menjadi www.blog-sobat.tk). Oh ya... redirection domain hanya penggunaan tambahan jadi tidak akan merubah domain awal, alias domain blogspot sobat masih tetap bisa diakses.

Kunjungi situs dot.tk kemudian klik login pada link di pojok kanan atas. Jika sobat blogger sudah punya akun google maka pilih / klik login menggunakan akun google.
Jika sobat menggunakan koneksi internet yang rada lemot maka ada baiknya sobat bersabar untuk menunggu sejenak hingga masuk ke halaman dashboard dot tk.
Setelah masuk ke halaman dashboard dot tk, klik Domain Panel > Add a Domain > Pilih Nama Domain untuk blog anda > klik Add New Domain.
Apabila nama redirection domain sobat tersedia maka selanjutnya pilih Free Domain > Klik Next.
Selanjutnya pada preference blog isi pilihan yang tersedia sebagai berikut, Your referer URL : Isi alamat blog anda (misal:http://mozwidget.blogspot.com) > Registration Length : Pilih 12 Month > Type the character you see in this picture : ketik kode captcha yang terlihat.
Selanjutnya klik Next > dan... selamat alamat url redirection sobat sudah jadi.

LANGKAH 2 :

Sekarang kita lanjutkan ke tahap pembuatan aplikasi facebook. Ada beberapa langkah yang perlu di perhatikan, monggo disimak tutorialnya...

Login ke akun facebook sobat kemudian pastikan sobat sudah mencantumkan nomor telepon sobat di setting-an profil facebook.
Kunjungi situs developer aplikasi facebook di https://developers.facebook.com/ kemudian klik Apps pada menu di atas.
Klik Create New Apps kemudian isi nama untuk aplikasi facebook dan nama unik untuk aplikasi facebook secara global (nama aplikasi dan nama aplikasi global bebas terserah sobat namun saran saya gunakan nama dari blog sobat agar eksistensi blog erat kaitannya dengan aplikasi facebook) setelah itu klik "Okay".
Apabila profil facebook sobat belum mencantumkan / belum ada nomor telepon sobat maka akan tampil peringatan error, namun ga perlu khawatir tinggal klik tulisan "mobile phone" untuk memasukan nomor telepon sobat ke facebook. Jika tidak muncul peringatan error silakan lewati langkah ini. Masukan nomor telepon sobat kemudian tunggu beberapa saat untuk mendapatkan kode konfirmasi yang dikirimkan melalui SMS. Masukan kode konfirmasi yang sobat dapatkan dari SMS, jika gagal ketik link url yang ada di SMS tersebut ke web address browser kemudian klik "Add Phone" setelah itu akan muncul kode captcha, silakan sobat ketik kode captcha yang ditampilkan setelah itu klik "Continue".
Selamat aplikasi facebook sobat sudah jadi namun belum bisa di tampilkan, untuk itu perlu dilakukan setting-an awal. Pada beberapa menu yang ada cari tulisan dan klik "App On Facebook" kemudian isi settingan berikut ini Canvas URL (misal: http://mozwidget.tk/ ), Secure Canvas URL (misal: https://mozwidget.tk/), Canvas Width : Fluid dan Canvas Height : Fluid. Setelah itu klik "Save Changes".
Selanjutnya setting aplikasi gambar icon agar aplikasi facebook sobat semakin menarik. Arahkan kursor ke gambar aplikasi icon kemudian klik "Edit" pada tulisan yang terlihat di gambar icon. Isi data-data aplikasi (opsional boleh diisi boleh juga tidak). Klik kotak untuk ukuran-ukuran icon yang ingin di upload. Pastikan sebelum di upload ukuran gambar dalam pixel sudah sesuai dengan ukuran yang diminta. Setelah selesai klik "Save Changes".
Selamat aplikasi facebook untuk menampilkan blog sobat sudah jadi dan siap di publikasikan.

Gimana sob tutorialnya... menarik-kan, jangan lupa untuk kritik dan komentarnya kalo bisa supportnya yaa supaya artikel berikutnya tambah unik dan menarik. Happy Blogging...

.: Semoga Bermanfaat :.

Blog Avatar Companion v2.00

2012-11-14T00:11:00.000+07:00

Maksimalkan blog sobat dengan widget Blog Avatar Companion v2.00. Layaknya sebuah perusahaan yang memiliki customer service untuk mendampingi klien perusahaan, Blog Avatar Companion juga memiliki fungsi yang hampir sama dengan customer service yaitu untuk memberikan greeting dan product knowledge dari blog kita selain itu biar pengunjung blog ga kesepian sewaktu mengunjungi blog kita, sobat... hehehe... asik-kan... sik...asik... Widget ini cukup ringan dan tidak memberatkan waktu loading blog... untuk contoh seperti yang terlihat di pojok kiri atas halaman ini. Oke sob buat yang tertarik langsung aja ke TKP...

Cara Pemasangan :

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>.gb{position:fixed;top:0px; left:0px;z-index:+10;} #gbcontent{color:#000;font-size:12px;text-align:center;height: auto; width: auto;padding: 5px 5px 5px 5px;border: #000;box-shadow:inset 0 0 1px #fff; -moz-box-shadow:inset 0 0 1px #fff;-webkit-box-shadow:inset 0 0 1px #fff; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; background-color:#619bb9;background-image:-moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image:-webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));} </style> <div class='gb'> <div id='gbcontent'> <a href="javascript:closeBlogCompanion();" title="Click to close"></a> <div align='center'> <script type="text/javascript"> var scrollercontent=new Array() scrollercontent[0]='Welcome to MonozCore' scrollercontent[1]='The best blog on blogspot' scrollercontent[2]='Feel free to surf and learn' scrollercontent[3]='You can contact me by email' scrollercontent[4]='with me, Anita... at your service' scrollercontent[5]='Thank you for visiting MonozCore' var scrollwidth="200px" </script> <script type="text/javascript" src="http://monozcore-project.googlecode.com/files/scrollercontent2.js"></script> </div> </div> </div>

<style>.gb{position:fixed;top:0px; left:0px;z-index:+10;}
#gbcontent{color:#000;font-size:12px;text-align:center;height: auto;
width: auto;padding: 5px 5px 5px 5px;border: #000;box-shadow:inset 0 0 1px #fff;
-moz-box-shadow:inset 0 0 1px #fff;-webkit-box-shadow:inset 0 0 1px #fff;
border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
background-color:#619bb9;background-image:-moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image:-webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));}
</style>
<div class='gb'><div id='gbcontent'>
<a href="javascript:closeBlogCompanion();" title="Click to close"><img src='http://lh5.googleusercontent.com/-CreRDYJL4n4/UJ9i7cqABHI/AAAAAAAACrU/rf8gLKdre_8/s800/Assisten.gif' style='width:196px;border-radius:8px;border:#fff 1px solid;'/></a>
<div align='center'>
<script type="text/javascript">
var scrollercontent=new Array()
scrollercontent[0]='Welcome to MonozCore'
scrollercontent[1]='The best blog on blogspot'
scrollercontent[2]='Feel free to surf and learn'
scrollercontent[3]='You can contact me by email'
scrollercontent[4]='with me, Anita... at your service'
scrollercontent[5]='Thank you for visiting MonozCore'
var scrollwidth="200px"
</script>
<script type="text/javascript" src="http://monozcore-project.googlecode.com/files/scrollercontent2.js"></script>
</div></div></div>

| Blog Tools

Catatan :
- http://lh5.googleusercontent.com/-CreRDYJL4n4/UJ9i7cqABHI/AAAAAAAACrU/rf8gLKdre_8/s800/Assisten.gif // Link gambar.
- scrollercontent[0]='Welcome to MonozCore' // Teks greeting yang ditampilkan.
- var scrollwidth="200px" // Lebar widget.

Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.

Pilihan Gambar :

Link URL : http://dl.dropbox.com/u/74044634/Image/avatar_asisten.gif

Link URL : http://dl.dropbox.com/u/74044634/Image/avatar_asisten_2.gif

Link URL : http://dl.dropbox.com/u/74044634/Image/avatar_asisten_3.gif

Widget Info Gempa Terkini #3

2012-10-26T06:58:00.001+07:00

Melanjutkan widget Info Gempa Terkini seri #1 dan Info Gempa Terkini #2, sekarang saya lanjutkan lagi dengan widget Info Gempa Terkini seri #3. Widget ini menggunakan data yang di ambil langsung dari situs resmi BMKG Indonesia kemudian diolah menggunakan feed reader untuk menampilkan informasi gempa yang terjadi. Info gempa yang ditampilkan meliputi peta gempa, besarnya gempa, lokasi gempa, tanggal dan waktu kejadian serta koordinat letak gempa. Tampilan widget seperti pada contoh di bawah ini. Oke... sob buat yang tertarik untuk memasang widget ini langsung aja ke TKP...

Cara Pemasangan :

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.

<div align="center"> <style> .widgetgempa3 { color:white; text-align: left; width: 250px; padding:10px; margin:0 0 10px 0; overflow:auto; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; -moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius:8px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#619bb9, endColorstr=#2E4B5A,GradientType=0); background-image: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327AA4), color-stop(0.5, #2E4B5A), color-stop(1, #5CB0DC)); background-image: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background-image: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); } </style> <script src="http://monozcore-project.googlecode.com/files/gempav3.js" type="text/javascript"></script><div class="widgetgempa3"> <div id="gempa3content"> </div> </div> </div>

<div align="center"><style>
.widgetgempa3 {
color:white;
text-align: left;
width: 250px;
padding:10px;
margin:0 0 10px 0;
overflow:auto;
box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
-moz-border-radius: 8px;-webkit-border-radius: 8px;
border-radius:8px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#619bb9, endColorstr=#2E4B5A,GradientType=0);
background-image: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327AA4), color-stop(0.5, #2E4B5A), color-stop(1, #5CB0DC));
background-image: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
}
</style>
<script src="http://monozcore-project.googlecode.com/files/gempav3.js" type="text/javascript"></script><div class="widgetgempa3"><div id="gempa3content"></div></div></div>

| Blog Tools

Catatan :
- color:white; // Warna teks.
- width: 250px; // Lebar widget.

Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.

Pembayaran Pertama Clixsense

2012-10-19T14:23:00.000+07:00

WooW dan sepertinya saya harus bilang woow, ternyata mudah yaa dan juga cepat untuk bisa mendapatkan penghasilan online menggunakan Clixsense. Baru 2 bulan saya sudah menghasilkan $8, itupun hanya sebagai member biasa belum yang premium, apabila menjadi member premium dalam satu bulan bisa menghasilkan kira-kira sekitar $60... wuih mantabz bro... bisa dibayangkan !!!. Berhubung saya masih member biasa jadinya hanya bisa mendapatkan $8 dalam waktu 2 bulan. Yup hanya dalam 2 bulan, yaa lumayanlah buat beli chip zynga poker atau sekedar menabung dalam bentuk dollar.

Seneng banget bro... hanya bermodalkan free internet fasilitas kantor dan waktu luang sehari 15 menit sampai 30 menit saya sudah bisa menabung di PayPal dalam bentuk dollar. Oke biar postingan artikel ini bukan sekedar testimoni, sekalian saya share dech caranya buat sobat blogger yang pengen ikutan nabung dalam bentuk dollar. Dari sekian program PTC yang beredar di Internet ternyata Clixsense yang paling yahuudd bro, hal ini sudah saya buktikan sendiri. Clixsense mampu memberikan rate yang tinggi untuk klik per-iklan yaitu sekitar $0,001 sampai $0,01 dollar. Dengan rate variatif tersebut Clixsense sangat dianjurkan bagi para Clicker Hunter... Jelas, karena dalam waktu singkat kita sudah bisa menghasilkan dollar dengan nominal yang signifikan. Nah buat sobat blogger yang masih newbie ada baiknya baca artikel berikut ini untuk pemahaman lebih lanjut.

Oke dech... kalo sudah paham dan sudah berhasil jangan lupa bersedekah biar berkah... hehehe :) sekian info dari MonozCore untuk kritik dan saran monggo di tulis di kotak komentar.

.: Semoga Bermanfaat :.

Woles Aja Gan - Blog Post Info

2012-10-16T03:59:00.000+07:00

Aku ingin begini... aq ingin begitu... Oke maz bro satu lagi widget yang keren dan unik dari MonozCore yaitu Woles Aja Gan - Blog Post Info, kerenkan judul postingan artikelnya ??? hehehe, oke... back to topic. Oke sob pada postingan kali ini saya share tentang widget Woles Aja Gan - Blog Post Info. Widget ini digunakan untuk menambah daya tarik blog, widget ini juga dapat digunakan sebagai info jumlah postingan blog dan jumlah total komentar blog. Sebagai contoh seperti yang ada di bawah ini.

Cara Pemasangan :

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.

<div style="position: absolute; bottom: 10px; width: 100%;"> <marquee direction="left" id="MonozCore" scrollamount="2"><span id="MonozCore" style="color: #00CCD3 !important; font-family: oswald,sans-serif; font-size: 11px; text-align: center; text-shadow: 0 0 3px #00CCD3;">Gak usah liatin gue gan, di cuekin aja... ©MonozCore has <script> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="http://monozcore.blogspot.com/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> Post | <script src="http://monozcore.blogspot.com/feeds/comments/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> Comment</span></marquee></div>

<div style="position: absolute; bottom: 10px; width: 100%;"><marquee direction="left" id="MonozCore" scrollamount="2"><img id="MonozCore" src="http://lh4.googleusercontent.com/-zW91vG6eams/UG2k74w3fMI/AAAAAAAACnM/6ipydpKf1FU/s800/the_monkey_3.gif" /><span id="MonozCore" style="color: #00CCD3 !important; font-family: oswald,sans-serif; font-size: 11px; text-align: center; text-shadow: 0 0 3px #00CCD3;">Gak usah liatin gue gan, di cuekin aja... ©MonozCore has <script> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="http://monozcore.blogspot.com/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> Post | <script src="http://monozcore.blogspot.com/feeds/comments/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> Comment</span></marquee></div>

| Blog Tools

Catatan :
- bottom: 10px // Lokasi widget dari bawah sebesar 10 pixel, jika widget ingin berada diatas maka tinggal merubah bottom menjadi up seperti [ up:10px; ].
- http://lh4.googleusercontent.com/-zW91vG6eams/UG2k74w3fMI/AAAAAAAACnM/6ipydpKf1FU/s800/the_monkey_3.gif // Merupakan URL Gambar.
- Gak usah liatin gue gan, di cuekin aja... ©MonozCore // Tulisan teks yang ditampilkan.
- http://monozcore.blogspot.com // Ganti dengan URL blog sobat.

Klik "Save" dan lihat hasilnya...

Pilihan Gambar :

http://lh5.googleusercontent.com/-QXUNRUrznGM/UG2k79Zc73I/AAAAAAAACnQ/lZt8EOCmWtc/s800/the_monkey_1.gif

http://lh6.googleusercontent.com/-okMk5pEuG3w/UG2k7-55jfI/AAAAAAAACnU/bTahJCf72y8/s800/the_monkey_2.gif

http://lh4.googleusercontent.com/-TF155KCzq0k/UG2lFnhIM2I/AAAAAAAACno/nOKlX1gTm5I/s800/ShinChan.gif

http://lh3.googleusercontent.com/-p7fvaQIVXeY/UG2lFusL2sI/AAAAAAAACnk/XVt9n2fPvxM/s800/Black_Latex.gif

.: Semoga Bermanfaat :.

MonozCore

Cara Membuat Widget Member Aktif Di Blog

Emoticon Chat Facebook Dengan Foto Sendiri

Cara Membuat Menu dTree

Roro Fitria : Big is Fantastic

Pasang Widget Recent Comments Dengan Avatar

MozBrowser

Superhero Girl

Password Keeper

Translate Blog Dengan Gambar Icon

Efek Animasi Semut Di Blog

Chef Vindy Lee Part 2

Translate Blog Dengan Gambar Bendera

Chef Vindy Lee Part 1

Kumpulan Kaskus Avatar

KASKUS Jokes

Add Cyber-Pet Widget in Blogger

mIRC Chat Box for Blog

Cara Membuat Auto Readmore (Thumbnails)

Fancy Blog Follower Box

Facebook Apps For Blog

Popular Post 3D Effect

Blog Avatar Companion v2.00

Widget Info Gempa Terkini #3

Pembayaran Pertama Clixsense

Woles Aja Gan - Blog Post Info