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

Recent Post With Slide Effect

Posted in Labels: | Wednesday, May 30, 2012 [ 7:00 PM ]


Membuat recent post dengan animasi slide yang unik dan menarik. Seperti postingan artikel sebelumnya tentang recent post, postingan kali ini menggunakan API google untuk menampilkan postingan artikel blog terbaru (recent post). Widget recent post banyak digunakan di blog ternama karena dapat membuat rating pageview semakin besar sekaligus memudahkan pengunjung blog untuk mengetahui postingan artikel blog yang terbaru. Nah... buat sobat blogger yang ingin meningkatkan rating pageview di blognya silakan pasang widget recent post berikut ini.

Loading....

Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.


  • Copy-Pastekan kode di bawah ini kedalam kode template HTML sobat atau, dengan ketentuhan harus di dalam tag <Body> atau penempatan kode di bawah ini juga bisa ditempatkan sebagai widget di sidebar atau di upbar.

    <style type="text/css">
    .gfg-root {
      width: auto;
      height: auto;
      position: relative;
      overflow: hidden;
      text-align: center;
      font-family: verdana, sans-serif;
      font-size: 12px;
      padding:2px;
      background:none;
      border: 0px solid #363636;
    }
    .gfg-title {
      font-size: 16px;
      font-weight : bold;
      color : #fff;
      background-color: none;
      line-height : 1.4em;
      overflow: hidden;
      white-space : nowrap;
    }
    .gfg-subtitle {
      font-size: 14px;
      font-weight: bold;
      color: #333;
      background-color: none;
      line-height : 1.4em;
      overflow : hidden;
      white-space : nowrap;
      margin-bottom : 0px;
    }
    .gfg-subtitle a {
      color : #a43434;
      display:none !important;
    }
    .gfg-entry {
      background-color: none;
      width : 100%;
      height : 9.9em;
      position : relative;
      overflow : hidden;
      text-align : left;
      margin-top : 0px;
    }
    /* To allow correct behavior for overlay */
     .gfg-root .gfg-entry .gf-result {
      position : relative;
      background-color:none;
      width : auto;
      height : 100%;
      padding-left : 5px;
      padding-right : 5px;
    }
    .gfg-list {
      position : relative;
      overflow : hidden;
      text-align : left;
      margin-bottom : 15px;
      display:none !important;
    }
    .gfg-root .gfg-entry .gf-result .gf-title {
      font-size: 13px;
      display:block;
      color:#a43434;
      font-weight:bold;
      line-height: 1.2em;
      overflow : hidden;
      white-space : nowrap;
      text-overflow : ellipsis;
      -o-text-overflow : ellipsis;
      margin-top : 4px;
    }
    .gfg-root .gfg-entry .gf-result .gf-snippet {
      line-height : 1.3em;
      color: #333;
      margin-top : 3px;
      font-size: 12px;
    }
    .clearFloat {
      clear : both;
    }
    #feedGadget {
      margin-top: 3px;
      margin-left: auto;
      margin-right: auto;
      width: auto;
      font-family:verdana, arial;
      font-size: 10px;
      color: #333;
    }
    </style>
    <script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w"
    type="text/javascript"></script>
    <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
    type="text/javascript"></script>
    <script type="text/javascript">
    function showGadget() {
      var feeds = [{
        title: 'title',
        url: 'http://url-blog-sobat.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'
      }, ];
      new GFdynamicFeedControl(feeds, 'feedGadget', {
        numResults: 1000,
        stacked: true,
        title: " "
      });
    }
    google.load("feeds", "1");
    google.setOnLoadCallback(showGadget);
    </script>
    <div id="feedGadget">
      <center>Loading....</center>
    </div>

    - Keterangan :
    • Jangan lupa !!! silahkan sobat ganti dahulu url feeds-nya pada kode script [ http://url-blog-sobat.blogspot.com/feeds/posts/default ] dengan url blog sobat.

  • Klik "Save" dan lihat hasilnya...
Gimana...... keren-kan widgetnya... sobat juga bisa mengedit atau mengubah kode tampilan css sesuai dengan keinginan sobat. Ok teruslah berkreasi dan tetap bersemangat.

.: Semoga Bermanfaat :.

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

Syntax Highlighter for Blogger

Posted in Labels: | Sunday, May 27, 2012 [ 12:00 PM ]


Syntax Highlighter adalah suatu fitur text editor untuk meng-highlight dalam berbagai warna source code bahasa pemrograman tertentu agar dapat memudahkan programmer dalam membaca dan menganalisa source code tersebut. Syntax Highlighter biasa digunakan di kebanyakan blog ternama untuk meng-highlight kode script yang biasa digunakan pada postingan artikel yang berisi tutorial. Syntax Highlighter akan sangat membantu pengunjung blog agar source code yang kita posting mudah dibedakan sebagai source code dan tentunya enak dipandang mata. Di internet ada banyak jenis Syntax Highlighter, namun pada kesempatan kali ini saya hanya akan membahas Syntax Highlighter yang sering digunakan oleh blog-blog terkenal, yaitu Syntax Highlighter hasil kreasi Alex Gorbatchev.

Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.


  • Cari kode </Head> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan taruh di atas kode </Head> tersebut.

  • Klik "Save" untuk menyimpan template...
Cara Penggunaan :

Pada postingan artikel cukup menambahkan kode <pre class="brush: js">...script / css...</pre> pada mode "Edit HTML" untuk mengaktifkan Syntax Highlighter di postingan artikel, sebagai contoh penggunaan seperti penulisan kode di bawah ini.

<pre class="brush: js"> <script type="text/javascript">
function (kodeScript){var testTextSyntax = "Syntax Highlighter";}
</script>
</pre>

Bentuk hasil Syntax Highlighter akan terlihat seperti di bawah ini.
Gimana sob... kerenkan infonya... oh yaa by the way busway anyway hasil diatas menggunakan tema warna default dari Syntax Highlighter supaya lebih lengkap infonya saya juga akan berikan tambahan info untuk tema warna Syntax Highlighter biar makin komplit artikelnya...

Pilihan Tema Syntax Highlighter :

Silakan sobat pilih beberapa tema Syntax Highlighter di bawah ini supaya sesuai dengan tema template blog yang sobat gunakan. Pemasangan tema Syntax Highlighter ini cukup mudah cukup ganti kode script di atas (yang dipasang di template), seperti pada kode di bawah ini.

<link href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css" rel="stylesheet" type="text/css"></link>

Kemudian ganti dengan kode tema berikut ini.
  • Django Theme



    <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDjango.css' rel='stylesheet' type='text/css'/>

  • Emacs Theme



    <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css' rel='stylesheet' type='text/css'/>

  • Fade to Grey Theme



    <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeFadeToGrey.css' rel='stylesheet' type='text/css'/>

  • Eclipse Theme



    <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEclipse.css' rel='stylesheet' type='text/css'/>

  • Midnight Theme



    <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeMidnight.css' rel='stylesheet' type='text/css'/>

  • RDark Theme



    <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeRDark.css' rel='stylesheet' type='text/css'/>
Klik "Save" untuk menyimpan template... kemudian apabila sudah postingan artikel sobat sudah menggunakan Syntax Highlighter silakan sobat lihat hasilnya pada postingan artikel tersebut.

.: Semoga Bermanfaat :.

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

Slide Out Recommended Blog Post

Posted in Labels: | Saturday, May 26, 2012 [ 7:00 AM ]


Menjaga supaya pengunjung menjadi betah mengunjungi blog sobat dan hal ini merupakan trik jitu untuk meningkatkan trafik pengunjung blog. Slide Out Recommended Blog Post merupakan widget yang menampilkan link postingan artikel yang ada di blog sobat secara acak dan saling terkait dengan label postingan artikel yang sedang di baca pengunjung blog. Widget ini menggunakan animasi slide out untuk animasi tampilan dan akan tampil ketika pengunjung blog berada di akhir halaman blog.

Cara Pemasangan :
  • Login ke blog sobat...

  • Klik tombol "Add to Blogger" untuk memasang script 

  • Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.


  • Pasang penanda akhir halaman yang akan digunakan sebagai batas tulisan artikel dan menampilkan widget. Cari kode dibawah ini pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian). 
    <div class='post-footer-line post-footer-line-1'>
    atau
    <p class='post-footer-line post-footer-line-1'>
    atau
    <data:post.body/>

    Setelah kode di atas sudah ketemu, selanjutnya copy-paste kode di bawah ini dan letakan kode tepat di bawahnya.
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='mzcslidein_place_holder' style='display:none'/>
</b:if>

  • Klik "Save" dan lihat hasilnya...
Kustomisasi Tampilan :

Sobat blogger dapat merubah tampilan kode CSS widget Slide Out Recommended Blog Post, tetapi sebelumnya pasang script berikut ini di atas kode </Head> pada template blog sobat.

<script>var mzcslidein_custom_css=true;</script>

Jika variabel diatas tidak dimasukan (diset) maka tampilan kode CSS widget Slide Out Recommended Blog Post akan menampilkan kode CSS default. Apabila variabel sudah di pasang maka sobat dapat merubah kode CSS tampilan widget berikut ini. Silakan kreasikan tampilan widget menurut selera sobat.

<style>
#mzcslidein{z-index:5;width:400px;height:100px;padding:10px;background-color:#fff;border-radius:5px;border:3px solid #619bb9;position:fixed;right:-430px;bottom:0;-moz-box-shadow:-2px 0 5px #aaa;-webkit-box-shadow:-2px 0 5px #aaa;box-shadow:-2px 0 5px #aaa;font-family:Arial, Helvetica, sans-serif;}
#mzcslidein p{font-size:11px;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;color:#555;}
#mzcslidein_title{color:#555;font-weight:700;font-size:16px;margin:10px 20px 10px 0;}
#mzcslidein a,#mzcslidein a:hover,#mzcslidein_title{text-decoration:none;color:#1616F5;}
#mzcslidein .close,#mzcslidein .expand,#mzcslidein .help{border:2px solid #EEE;cursor:pointer;color:#9A9AA1;width:13px;height:15px;padding:2px 0 0 5px;position:absolute;right:10px;font-size:17px;font-weight:700;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#mzcslidein .help{right:35px;}
#mzcslidein_title,#mzcslidein_image{float:left;width:80px;}
#mzcslidein_title{width:290px;}
</style>

Silakan "Save" dan coba lihat hasilnya...

.: Semoga Bermanfaat :.

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

DAFTAR RSS FEED WEBSITE POPULER

Posted in Labels: | Friday, May 25, 2012 [ 7:00 AM ]


Cara mudah untuk mendapatan info berita terbaru dari detik.com, okezone.com, tvone.co.id dan rss feed berita lainnya yang dapat dipasang di blog anda sebagai widget. RSS Feed dari situs berita ini selain mendapatkan info berita yang auto uptodate, dengan memasang RSS Feed widget ini juga bisa menambah daya tarik blog supaya terlihat dinamis dan uptodate. Berikut kumpulan RSS Feed yang dapat saya berikan.

 DETIK.COM
Frontpage : http://rss.detik.com/index.php/detikcom
DetikFinance : http://rss.detik.com/index.php/finance
DetikHot : http://rss.detik.com/index.php/hot
DetikInet : http://detikinet.com/index.php/detik.feed
DetikSport : http://rss.detik.com/index.php/sport
DetikOto : http://rss.detik.com/index.php/otomotif
DetikFood : http://rss.detik.com/index.php/food
DetikFoto : http://rss.detik.com/index.php/foto
DetikIndex : http://rss.detik.com/index.php/detiknews

 KOMPAS.COM
Nasional : http://www.kompas.com/getrss/nasional
Regional : http://www.kompas.com/getrss/regional
Internasional : http://www.kompas.com/getrss/internasional
Megapolitan : http://www.kompas.com/getrss/megapolitan
Bisnis Keuangan : http://www.kompas.com/getrss/bisniskeuangan
Kesehatan : http://www.kompas.com/getrss/kesehatan
Olahraga : http://www.kompas.com/getrss/olahraga
Perempuan : http://www.kompas.com/getrss/perempuan
Property : http://www.kompas.com/getrss/properti
Sains : http://www.kompas.com/getrss/sains
Travel : http://www.kompas.com/getrss/travel
Oase : http://www.kompas.com/getrss/oase

 KANTOR BERITA
Tempo Interaktif : http://www.tempo.co/feed/
Antara News : http://www.antara.co.id/rss/news.xml
Harian Poskota : http://poskotanews.com/rss/

 OKEZONE.COM
Breaking News : http://sindikasi.okezone.com/index.php/okezone/RSS2.0
News : http://sindikasi.okezone.com/index.php/news/RSS2.0
International : http://sindikasi.okezone.com/index.php/international/RSS2.0
Lifestyle : http://sindikasi.okezone.com/index.php/lifestyle/RSS2.0
Celebrity : http://sindikasi.okezone.com/index.php/celebrity/RSS2.0
Sport : http://sindikasi.okezone.com/index.php/sports/RSS2.0
Bola : http://sindikasi.okezone.com/index.php/bola/RSS2.0
Autos : http://sindikasi.okezone.com/index.php/autos/RSS2.0
Techno : http://sindikasi.okezone.com/index.php/techno/RSS2.0
Tokoh : http://sindikasi.okezone.com/index.php/tokoh/RSS2.0
Economy : http://sindikasi.okezone.com/index.php/economy/RSS2.0
Foto : http://sindikasi.okezone.com/index.php/foto/RSS2.0
Pilkada : http://sindikasi.okezone.com/index.php/pilkada/RSS2.0
Kampus : http://sindikasi.okezone.com/index.php/kampus/RSS2.0
Ramadhan : http://sindikasi.okezone.com/index.php/ramadhan/RSS2.0
Pemilu : http://sindikasi.okezone.com/index.php/pemilu/RSS2.0

 MAJALAH KOMPUTER
PC Media : http://virusindonesia.com/feed/
PC Magazine : http://feeds2.feedburner.com/ziffdavis/pcmag
Product Review : http://asia.cnet.com/feeds/rss/latest_reviews_10.htm

 ERAMUSLIM
Artikel Feed : http://www.eramuslim.com/berita/rss

 CELLULAR
Tabloid Pulsa : http://www.tabloidpulsa.co.id/rss/
Cellular Diary : http://www.cellulardiary.com/rss_articles.xml
Spec HP : http://www.cellulardiary.com/rss_spec.xml
GSMArena : http://www.gsmarena.com/rss-news-reviews.php3

 RRS FEED BBC INDONESIA
Frontpage : http://feeds.bbc.co.uk/indonesian/index.xml
Sport News : http://feeds.bbc.co.uk/indonesian/sports/index.xml
BBC UK : http://feeds.bbc.co.uk/indonesian/indepth/index.xml
BBC Forum : http://feeds.bbc.co.uk/indonesian/forum/index.xml
BBC London : http://feeds.bbc.co.uk/indonesian/letterfromlondon/index.xml
BBC Tutorial : http://feeds.bbc.co.uk/indonesian/learningenglish/index.xml
Index Feed : http://www.bbc.co.uk/indonesian/institutional/rss.shtml

 METRO TV
Berita Aktual : http://www.metrotvnews.com/read/rss/aktual
Polhukam : http://www.metrotvnews.com/read/rss/polkam
Ekonomi : http://www.metrotvnews.com/read/rss/ekonomi
Nasional : http://www.metrotvnews.com/read/rss/nusantara
Internasional : http://www.metrotvnews.com/read/rss/internasional
Olahraga : http://www.metrotvnews.com/read/rss/olahraga
SosBud : http://www.metrotvnews.com/read/rss/sosbud

 TV ONE
Index Feed : http://www.tvonenews.tv/rss
Kabar Terkini : http://www.tvonenews.tv/rss/news/
Kabar Pagi : http://video.tvonenews.tv/rss/kabar_pagi.tvOne
Kabar Siang : http://video.tvonenews.tv/rss/kabar_siang.tvOne
Kabar Petang : http://video.tvonenews.tv/rss/kabar_petang.tvOne
Kabar Malam : http://video.tvonenews.tv/rss/kabar_malam.tvOne
Breaking News : http://video.tvonenews.tv/rss/breaking_news.tvOne

 MEDIA INDONESIA
Index Feed : http://www.mediaindonesia.com/micom_rss/grab
Politik : http://mediaindonesia.feedsportal.com/c/33655/f/590285/index.rss
Ekonomi : http://www.mediaindonesia.com/rss/2/ekonomi
Olah Raga : http://www.mediaindonesia.com/rss/3/olahraga
Sepak Bola : http://www.mediaindonesia.com/rss/4/sepakbola
Megapolitan : http://www.mediaindonesia.com/rss/5/megapolitan
Tanah Air : http://www.mediaindonesia.com/rss/101/tanahair
Mancanegara : http://www.mediaindonesia.com/rss/6/mancanegara
IPTEK : http://www.mediaindonesia.com/rss/7/iptek
Humaniora : http://www.mediaindonesia.com/rss/14/humaniora
Hiburan : http://www.mediaindonesia.com/rss/10/hiburan
Opini : http://www.mediaindonesia.com/rss/11/opini

 KASKUS
Lounge : http://www.kaskus.co.id/rss/forum/21
Berita & Politik : http://www.kaskus.co.id/rss/forum/10
Computer : http://www.kaskus.co.id/rss/forum/19
Jokes : http://www.kaskus.co.id/rss/forum/9
Movies : http://www.kaskus.co.id/rss/forum/11
Supranatural : http://www.kaskus.co.id/rss/forum/23
Sports : http://www.kaskus.co.id/rss/forum/35
Games : http://www.kaskus.co.id/rss/forum/44
Otomotif : http://www.kaskus.co.id/rss/forum/28
Music : http://www.kaskus.co.id/rss/forum/33
Regional : http://www.kaskus.co.id/rss/forum/72

 CINEMA
21 Cineplex News : http://www.21cineplex.com/feeds/news.xml
21 Cineplex Playing : http://www.21cineplex.com/feeds/play.xml
21 Cineplex Comming : http://www.21cineplex.com/feeds/coming.xml
Blitzmegaplex : http://www.blitzmegaplex.com/rss/schedule.php

Cara Pemasangan :
  • Login ke blog sobat... 
  • Pilih bagian tata letak => element halaman.
  • Tambah gadget dimana anda pilih. 
  • Pilih feed dan masukkan url feed berita anda.
  • Save dan lihat hasilnya.
.: Semoga Bermanfaat :.

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

Trik Mempercepat Koneksi Internet Speedy

Posted in Labels: | Tuesday, May 22, 2012 [ 7:00 AM ]


Apakah anda menggunakan Speedy untuk connection internet dirumah? Jika ya, pernahkah koneksi internet Speedy dirumah anda lambat atau terganggu??? mungkin dari sebagian orang akan menjawab ya, karena saya juga pernah mengalami hal yang sama seperti itu.

Saya termasuk pelanggan setia Telkom Speedy, sudah hampir satu tahun menggunakan produk ini. Saya berlangganan Speedy Unlimited paket Family. Gejala pada gangguan pada koneksi internet tersebut bisa disebabkan oleh beberapa hal seperti karena adanya gangguan dari pusat, atau traffic sedang padat.

Ada tips cara untuk mensiasati hal tersebut, tips ini juga diberikan oleh Customer Service Speedy saat saya menanyakan penyebab dan cara mengatasi masalah ini. Yaitu dengan mengganti internet connection network dengan alamat DNS Server. Berikut cara mempercepat koneksi internet speedy dengan mengubah alamat DNS Server pada komputer. Tips ini digunakan untuk Sistem Operasi Windows XP.
  • Klik Start – Control Panel.
  • Selanjutnya klik Network and Internet Connections.
  • Lalu Klik Network Connections.
  • Pada Local Area Connections, Klik Kanan lalu pilih Properties.
  • Lalu Klik 2 kali pada Internet Protocol (TCP/IP).
  • Pada Tab General, Pilih tandai Use the following DNSA Server addresses dan isi pada kedua kolom dengan alamat DNS berikut. :
    • Preffed DNS Server: 2.124.204.34
    • Alternate DNS server: 202.134.0.155
  • Lalu klik OK.
Selesai, hasilnya bisa Anda coba sendiri. Pengaruhnya tidak terlalu drastis, ini hanya trik jika koneksi internet speedy di rumah sedang tidak stabil.

.: Semoga Bermanfaat :.

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

Blog Avatar Companion

Posted in Labels: | Monday, May 21, 2012 [ 6:59 AM ]


Maksimalkan blog sobat dengan widget Blog Avatar Companion v1. 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... Oke sob buat yang tertarik langsung aja ke TKP...

Cara Pembuatan :
  • Kunjungi situs SitePal kemudian klik "SignUp" untuk mendaftar.
  • Seperti biasa konfirmasi di akun email kemudian login ke SitePal.
  • Kemudian klik "Enter" untuk masuk ke dashboard SitePal.
  • Klik gambar avatar untuk mengkostumasi avatar dan atributnya.
  • Seteleh selesai memodifikasi avatar kemudian disimpan.
  • Klik gambar panah yang ada di kolom publish.
  • Klik "Embed in Flash".
  • Pada step 1 pilih "Blogger" kemudian pada kolom 3 sesuaikan ukuran dimensi avatar.
  • Copy kode javascript pada kotak no. 4, biasanya terletak di bawah.
Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.


  • Cari kode <Body> 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 bawah kode <Body> tersebut. Penempatan kode di bawah ini juga bisa ditempatkan sebagai widget sidebar atau upbar.

    <style>
    .gb {
    position:fixed;
    top:0px; left:0px;
    z-index:+10;
    }
    #gbcontent {
    height: auto;
    width: auto;
    padding: 10px 10px 5px 10px;
    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">
    <!-- Begin: BAC -->

    Taruh Kode Script dari SitePal Disini

    <!-- End: BAC -->
    </div></div>

    - Keterangan :
    • not available.

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

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

Fungsi Tombol Keyboard F1 s/d F12

Posted in Labels: | Sunday, May 20, 2012 [ 11:30 PM ]

Pasti sudah pada tau donk apa itu keyboard... nah... kalo tombol fungsi (F1 s/d F12) yang ada pada keyboarad sudah pada tau belum kegunaan dan fungsinya ??? kalo belom silakan disimak sob info singkat dari kegunaan dan fungsi tombol F1 s/d F12. Tombol F1 s/d F12 pada umumnya dikenal sebagai "fungsi tombol", yang kegunaannya untuk mengoptimalkan penggunaan suatu software sedangkan fungsinya tergantung dari software ataupun program yang sedang digunakan. Di bawah ini adalah daftar pendek dari beberapa fungsi umum fungsi tombol pada komputer yang menjalankan Microsoft Windows.

F1
F1 = Hampir selalu digunakan sebagai tombol bantuan, hampir setiap program akan membuka layar bantuan (help) ketika tombol ini ditekan.
Windows key + F1 = membuka “Microsoft Windows Help” dan “support center” .
Shift + F1 = menunjukkan format dokumen (MS Word)
ALT + F1 = Pergi ke halaman berikutnya
ALT + Shift + F1 = Pergi ke halaman sebelumnya
CTRL + ALT + F1 = Tampilan Info Sistem Microsoft (tidak bekerja pada Windows Vista)
CTRL + Shift + F1 = Mengubah font (tidak bekerja pada Windows Vista)

F2
F2 = Merubah nama file
Shift + F2 = Salin Teks
CTRL + F2 = perintah Print preview (MS Word)
ALT + Shift + F2 = perintah Simpan (MS Word)
CTRL + ALT + F2 = perintah Buka (MS Word)

F3
F3 = Biasanya berfungsi sebagai fitur pencarian untuk banyak program termasuk Microsoft Windows
Shift + F3 = Perubahan kasus teks di MS Word
CTRL + F3 = Program spesifik. Percobaan dengan yang satu ini, tapi menyimpan pekerjaan Anda pertama!
ALT + F3 = Membuat sebuah blok bangunan di MS Word

F4
F4 = Membuka “Find Window”
Shift + F4 = Mengulangi menemukan atau Pergi Untuk tindakan (MS Word)
CTRL + F4 = akan menutup jendela yang terbuka dalam jendela aktif di Microsoft Windows
Alt + F4 = Menutuputup program yang aktif. Jika tidak ada program yang terbuka, Anda dapat mematikan komputer dengan kombinasi ini!

F5
F5 = di semua browser internet modern, menekan F5 akan me-refresh atau me-reload halaman.
Shift + F5 = Memindahkan ke revisi sebelumnya (MS Word)
CTRL + F5 = Unconditional Refresh (refresh Internet Explorer dari Internet, tidak cache)
ALT + F5 = Menutup Program Word
CTRL + F5 = mengembalikan dokumen ke ukuran windows (tidak fungsional)

F6
F6 = Memindahkan kursor ke Address bar di Internet Explorer dan Mozilla Firefox.
Shift + F6 = Program spesifik. Percobaan risiko Anda sendiri, dan jangan lupa untuk menyimpan pekerjaan Anda terlebih dahulu.
CTRL + F6 = Siklus ke depan antara jendela yang terbuka dalam sebuah program
CTRL + Shift + F6 = Siklus ke belakang antara jendela yang terbuka dalam sebuah program

F7
F7 = Umumnya digunakan untuk memeriksa ejaan dan tata bahasa dokumen dalam program-program Microsoft seperti Microsoft Word, Outlook, dll
Shift + F7 = Membuka perintah Tesaurus di MS Word.
CTRL + F7 = spesifik Program.
CTRL + Shift + F7 = informasi Update di MS Word
ALT + F7 = Mencari salah eja berikutnya atau kesalahan tata bahasa.

F8
F8 = Tombol fungsi yang digunakan untuk masuk ke menu startup Windows, biasa digunakan untuk masuk ke Windows Safe Mode
Shift + F8 = Mengecilkan pilihan saat ini (MS Word)
CTRL + F8 = spesifik Program. Dalam Microsoft Project itu mengubah ukuran jendela proyek.
Alt + F8 = Membuka menu makro (MS Word)

F9
F9 (kombinasi ini hanya berlaku untuk MS Word)
Shift + F9 = Beralih di antara kode halaman dan itu hasil
CTRL + F9 = Insert dan kosong halaman
CTRL + Shift + F9 = hapus bidang
ALT + F9 = Beralih di antara semua kode halaman dan hasilnya

F10
F10 (Fungsi lain MS Word)
Shift + F10 = Menampilkan menu shortcut
CTRL + F10 = Memaksimalkan dokumen pada jendela
CTRL + Shift + F10 = Mengaktifkan to ruler (Non-fungsional)
ALT + F10 = Memaksimalkan jendela program

F11
F11 = Modus layar penuh di semua browser Internet modern.
Shift + F11 = Pergi ke halaman sebelumnya (MS Word)
CTRL + F11 = Kunci bidang
CTRL + Shift + F11 = Aktifkan bidang
ALT + Kode F11 = Tampilan Microsoft Visual Basic
ALT + SHIFT + F11 = Microsoft Visual Studio Tampilan Kode

F12
Shift + F12 = Pilih Simpan perintah (MS Word)
CTRL + F12 = Membuka Pilihan perintah
CTRL + Shift + F12 = Pilih perintah Cetak print

.: Semoga Bermanfaat :.

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

Popup Facebook Like Box With Timer

Posted in Labels: | Wednesday, May 16, 2012 [ 4:05 AM ]


Dongkrak popularitas fanpage facebook dengan memasang widget Popup Facebook Like Box With Timer. Widget ini akan memunculkan kotak suka (like) untuk halaman fans Facebook kamu. Jika beberapa waktu yang lalu saya pernah membagikan kotak suka juga, namun yang ini berbeda dengan widget like box yang sebelumnya, Pada postingan artikel ini like box fanpage facebook akan muncul secara tiba-tiba seperti iklan namun dengan waktu yang dapat di atur sendiri. Widget like box fanpage facebook akan tampil hingga waktu tertentu kemudian setelah waktunya habis, widget like box ini akan menutup dengan sendirinya, seperti contoh yang ada pada postingan atikel ini.... Gimana ??? keren-kan, oke sob buat yang tertarik langsung aja kita ke TKP.

Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.


  • Cari kode <Body> 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 bawah kode <Body> tersebut. Penempatan kode di bawah ini juga bisa ditempatkan sebagai widget sidebar atau upbar.

    <link type='text/css' rel='stylesheet' href='https://sites.google.com/site/monozcore/home/mbtlikebox2.css' />
    <script type='text/javascript'>
    KNFBFansPRO='monozcore';
    KNFBImg='https://lh5.googleusercontent.com/-UwJIPQIqY_8/T7IIgthsg0I/AAAAAAAABv8/lpGfB4ONrJ4/s800/BecomeFanOnFacebook.jpg';
    </script>
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'></script>
    <script src='http://monozcore-project.googlecode.com/files/mbtlikebox2.js' type='text/javascript'></script>
    <script language='javascript'>
    $(document).ready(function(){$().KNFBFansPRO({timeout: 30,wait: 0,url: 'http://www.facebook.com/monozcore',closeable: true});});
    </script>
    <div id='fbtpdiv'></div>

    - Keterangan :
    • Pada kode [ KNFBFansPRO='monozcore'; ] ganti teks monozcore dengan user akun facebook sobat.
    • Pada kode [ KNFBImg='https://lh5.googleusercontent.com/-UwJIPQIqY_8/T7IIgthsg0I/AAAAAAAABv8/lpGfB4ONrJ4/s800/BecomeFanOnFacebook.jpg'; ] merupakan url link gambar. Silakan sesuaikan gambar facebook tersebut yang sesuai dengan keinginan sobat. Pada postingan artikel ini saya menyediakan 3 pilihan gambar yang unik dan menarik.
    • Pada kode script [ $(document).ready(function(){$().KNFBFansPRO({timeout: 30,wait: 0,url: 'http://www.facebook.com/monozcore',closeable: true});}); ] merupakan settingan awal widget popup facebook like box. Silakan ganti teks yang berwarna biru dengan url link facebook sobat.

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

  1. https://lh5.googleusercontent.com/-UwJIPQIqY_8/T7IIgthsg0I/AAAAAAAABv8/lpGfB4ONrJ4/s800/BecomeFanOnFacebook.jpg

  2. https://lh6.googleusercontent.com/-EaYdGHRwIgo/T7IIgvfN_PI/AAAAAAAABwA/qmefo2eJxZA/s800/facebookbutton.png

  3. https://lh6.googleusercontent.com/-16wmqNAxLHA/T7IIgql911I/AAAAAAAABv4/_7bAOLu_AK4/s800/fb.png
.: Semoga Bermanfaat :.

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

JQuery Twitter Ticker

Posted in Labels: | Tuesday, May 8, 2012 [ 4:03 PM ]


Info unik dan menarik untuk sobat blogger yang maniak dengan twitter, yaitu JQuery Twitter Ticker dari tutorialzine.com. Widget ini digunakan untuk melihat update status twitter (twitt) dan menghubungkannya di gadget blog sobat. Widget ini juga dapat digunakan untuk menampilkan twitt beberapa akun twitter sekaligus. Seperti contoh di bawah ini yang menampilkan twitt monozcore dan indonesia idol. Ohh yaa widget ini hanya menampilkan twitt terbaru dan untuk twitt yang lebih dari 2 hari tidak akan ditampilkan.
Twitter icon

MonozCore Twitter

Loading..

Gimana sob... asik-kan... syik..ashiyk hehehe :):). Widget ini menggunakan library jquery dan api twitter sehingga untuk proses pengambilan data langsung di browser client tanpa harus di proses di server. Pemasangan widget ini cukup mudah tinggal ikuti cara pemasangan langkah demi langkah atau klik tombol "Add to Blogger" untuk mempermudah pemasangan sebagai widget sidebar blog.

Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.


  • Cari kode </Head> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan taruh di atas kode </Head> tersebut.

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

    <style>
    #twitter-ticker{width:250px;height:300px;background:url(http://3.bp.blogspot.com/_LZtXSNcp76A/TGuwPxX7kBI/AAAAAAAABRM/PWpHQ1BY6vE/s1600/slickbg.png) no-repeat #f5f5f5;color:#666666;display:none;-moz-border-radius:10px 10px 6px 6px;-khtml-border-radius: 6px;-webkit-border-radius:6px;border-radius:6px;text-align:left;}
    #tweet-container{height:230px;width:auto;overflow:hidden;}
    #twitIcon{position:absolute;top:-25px;left:-10px;width:64px;height:64px;}
    #top-bar{height:45px;border-bottom:1px solid white;position:relative;margin-bottom:8px;border-radius:6px 6px 0 0;background-color:#619bb9;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));}
    .tweet{padding:5px;margin:0 8px 8px;border:1px solid #F0F0F0;background:url(http://4.bp.blogspot.com/_LZtXSNcp76A/TGuwQnYygOI/AAAAAAAABRU/l6H0rg-5dRY/s1600/transparent.png);width:auto;overflow:hidden;}
    .tweet .avatar,.tweet .user,.tweet .time{float:left;}
    .tweet .time{text-transform:uppercase;font-size:10px;color:#AAAAAA;white-space:nowrap;}
    .tweet .avatar img{width:36px;height:36px;border:2px solid #eeeeee;margin:0 5px 5px 0;}
    .tweet .txt{clear:both;}
    .tweet .user{font-weight:bold;}
    #loading{margin:100px 95px;}
    #twitter-ticker{margin:40px auto 20px;}
    .jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;}
    .jScrollPaneTrack{position:absolute;cursor:pointer;right:4px;top:0;height:100%;background:#ddd;}
    .jScrollPaneDrag{position:absolute;background:#999;cursor:pointer;overflow:hidden;}
    .jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
    .jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}
    a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:9px;}
    a.jScrollArrowUp:hover {}
    a.jScrollArrowDown {display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;height:9px;}
    a.jScrollArrowDown:hover {}
    a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}
    h4.tut{color:#fff;font-family:"Myriad Pro",Arial,Helvetica,sans-serif;font-size:16px;padding:12px 0 0 58px;text-transform:uppercase;text-shadow:2px 1px 6px #333;}
    </style>
    <!--[if lt IE 7]>
    <style type="text/css">
    div.tweet {background:none;border:none;}
    div#twitIcon{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://1.bp.blogspot.com/_LZtXSNcp76A/TGuwOutjeqI/AAAAAAAABRE/ADjzzFB9nI8/s1600/twitter_64.png, sizingMethod=crop);}
    div#twitIcon img{display:none;}
    </style>
    <![endif]-->

    <script type="text/javascript" src="http://monozcore-project.googlecode.com/files/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="http://monozcore-project.googlecode.com/files/jScrollPane-1.2.3.min.js"></script>
    <script type="text/javascript" src="http://monozcore-project.googlecode.com/files/Jquery_twitter_ticker.js"></script>

    <script type="text/javascript">
    var tweetUsers = ['monozcore','indonesiaidol'];
    </script>

    - Keterangan :
    • Teks yang berwarna biru merupakan username twitter yang akan ditampilkan, ganti username tersebut dengan akun username twitter sobat atau sesuai dengan username twitter yang sobat inginkan. Apabila sobat ingin menambahkan akun username twitter lebih dari dua, sobat blogger tinggal menambahkan username twitter pada kode teks yang berwarna biru. Contoh : ['monozcore','indonesiaidol','username twitter3'];

  • Cari kode <Body> 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 bawah area kode <Body> tersebut. Penempatan kode di bawah ini juga bisa ditempatkan pada widget sidebar.

    <div id="twitter-ticker"><div id="top-bar"><div id="twitIcon"><img src="http://1.bp.blogspot.com/_LZtXSNcp76A/TGuwOutjeqI/AAAAAAAABRE/ADjzzFB9nI8/s1600/twitter_64.png" width="64" height="64" alt="Twitter icon" /></div><h4 class="tut">MonozCore Twitter</h4></div><div id="tweet-container"><img id="loading" src="http://4.bp.blogspot.com/_LZtXSNcp76A/TGuwPX4NfcI/AAAAAAAABRI/lGWruz85y9g/s1600/loading.gif" width="16" height="11" alt="Loading.." /></div></div>

    - Keterangan :
    • Klik "Add to Blogger" untuk memasang jquery twitter ticker sebagai widget.
    • Teks yang berwarna merah pada kode di atas merupakan judul widget silakan ganti judul tersebut sesuai dengan yang sobat inginkan.

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

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