Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Wednesday, June 22, 2011

Meta-tag : Elemen SEO untuk Blogger


Meta-tags merupakan salah satu cara yang dilakukan para blogger dalam hal optimasi search engine. Meta-tags sangatlah penting, terutama jika blog kita sedikit kontent teks-nya, atau kebanyakan isinya hanya berupa teks saja. Dengan menggunakan meta-tags, kita memberi keterangan singkat kepada search engine mengenai isi dari web/blog kita. Hal ini akan mempermudah search engine dalam mengindeks halaman blog kita. Akan lebih baik jika Anda tidak mensubmit terlebih dahulu URL blog Anda ke Search Engine sebelum membuat dan mengoptimalkan Meta-tags Anda.
Lalu bagaimana caranya membuat meta-tags? Berikut langkah-langkahnya..
1). Login di blogger, klik page elemen/elemen halaman blog yang akan diberi meta-tags, klik edit HTML
2). Cari kode seperti dibawah ini, kode ini terletak dibagian atas...
<title><data:blog.pagetitle/></title>
3). Jika sudah ketemu, tambahkan kode seperti ini di bawah kode yang tadi..

<meta content="DESKRIPSI BLOG" name="description">
<meta content="KEYWORDS ANDA" name="keywords">
<meta content="ISI AUTHOR NAME" name="author">
<meta content="INDEX, FOLLOW" name="ROBOTS">

4). -Ganti ‘DESKRIPSI BLOG’, dengan keterangan mengenai blog Anda.
-Ganti ‘KEYWORDS ANDA , isi dengan kata kunci pilihan Anda yang dipisahkan dengan tanda koma, misal seperti dibawah ini:
<meta content="bisnis internet, duit gratis, bisnis tanpa modal, uang" name="keywords">
atau bisa juga tanpa menggunakan tanda koma, contoh dibawah ini:
<meta content="bisnis internet duit gratis bisnis tanpa modal uang" name="keywords">
Sebaiknya Anda tidak menggunakan lebih dari 25 Keywords pada meta-tags serta kurangi menggunakan “Single Keywords”, yaitu keyword yang hanya terdiri dari satu kata. Hal ini dikarenakan persaingan untuk single keywords di search engine sangat besar serta kurang tertarget, sehingga kurang optimal untuk blog Anda.
-untuk ISI AUTHOR NAME yaitu isi dengan nama/alamat e-mail kita..
5. Jika sudah selesai semua, klik simpan/save template.
6. Untuk Anda pengguna web (Bukan blog) agar lebih mudah dalam membuat meta-tags, silahkan menggunakan tool Meta-tags Generator yang tersedia di Blog ini. Ikuti langkah-langkah yang diberikan. Setelah selesai, Copy paste kode-kode mata-tags tersebut ke halaman web Anda.
Deskripsi dan keywords adalah bagian meta-tags yang paling penting. Deskripsi menjelaskan tentang konten halaman blog Anda secara umum, dan biasanya deskripsi akan muncul beserta dengan judul blog Anda di Search Engine. Sementara keyword menyediakan kata-kata kunci penting yang digunakan untuk mencari halaman blog anda di search engine. Isikan keyword sebanyak-banyaknya yang berhubungan dengan isi blog anda (Maksimal 25 keyword)...
Namun, untuk memperoleh hasil yang lebih maksimal, Anda harus menganalisa mata-tags Anda apakah sudah sesuai dengan isi blog Anda. Ini disebut denganMeta-tags Analyzer. Hal ini dibahas di artikel Sumber yang lain, klik DISINI untuk melihat artikelnya.
semoga bermanfaat...!!

Monday, May 30, 2011

Google Tentang: Search Engine Optimization (SEO)

SEOSEO adalah singkatan dari "search engine optimization" atau "search engine optimizer." Dengan menggunakan jasa SEO adalah keputusan besar yang dapat meningkatkan peringkat situs Anda dan menghemat waktu, tapi juga berisiko tinggi terhadap situs dan reputasi. Pastikan meneliti kemungkinan keuntungan serta kelemahan yang dapat ditimbulkan oleh SEO yang tidak bertanggung jawab terhadap situs Anda. Banyak SEO dan agen serta konsultan lain yang menyediakan layanan berguna untuk pemilih situs web, meliputi:

  • Ulasan tentang konten atau struktur situs Anda
  • Saran teknis tentang pengembangan situs web: misalnya, hosting, pengalihan, laman galat, penggunaan JavaScript
  • Pengembangan konten
  • Manajemen kampanye pengembangan bisnis online
  • Penelitian kata kunci
  • Pelatihan SEO
  • Keahlian dalam pasar dan geografis tertentu.

Perlu diingat bahwa laman hasil telusur Google sering menyertakan hasil telusur iklan berbayar dan hasil telusur organik gratis. Perlu diingat bahwa laman hasil telusur Google menyertakan hasil telusur organik dan biasanya juga iklan berbayar (yang ditandai dengan judul "Sponsored Links"). Beriklan dengan Google tidak akan mempengaruhi kemunculan situs Anda dalam hasil telusur kami. Google tidak menerima bayaran untuk menyertakan atau memeringkat situs dalam hasil telusur kami, dan kemunculan secara cuma-cuma dalam hasil telusur organik kami. Sumber gratis seperti Alat Webmaster, bolg resmi Pusat Webmaster, dan forum diskusi kami dapat menyediakan banyak informasi tentang cara mengoptimalkan situs Anda untuk penelusuran organik. Banyak dari sumber-sumber gratis ini, serta informasi tentang pencarian berbayar, dapat ditemukan di Google Webmaster Central.

Sebelum mulai mencari SEO, alangkah baiknya Anda memahami dan mengenali dahulu cara kerja mesin telusur. Kami sarankan memulainya di sini:

Jika Anda berencana menggunakan jasa SEO, maka lebih cepat lebih baik. Waktu paling tepat untuk menggunakan jasa SEO adalah saat Anda berencana mendesain ulang situs, atau ingin meluncurkan situs baru. Dengan cara itu, Anda dan SEO Anda dapat memastikan bahwa Anda merancang situs yang mudah dikenali mesin telusur. Akan tetapi, SEO yang baik adalah yang juga dapat meningkatkan situs yang sudah ada.

Beberapa pertanyaan berguna untuk SEO meliputi:

  • Dapatkah Anda menunjukkan kepada saya contoh kerja Anda sebelumnya dan ceritakan beberapa kisah sukses?
  • Apakah Anda mematuhi Petunjuk Google Webmaster?
  • Apakah Anda menawarkan layanan atau informasi pemasaran online untuk melengkapi bisnis pencarian organik Anda?
  • Jenis hasil pencarian apakah yang ingin Anda lihat, dan dalam batasan waktu apa? Bagaimana Anda mengukur keberhasilan Anda?
  • Apa pengalaman Anda dalam industri saya?
  • Apa pengalaman Anda dalam negara/kota saya?
  • Apa pengalaman Anda dalam mengembangkan situs internasional?
  • Apa Teknik SEO Anda yang paling penting?
  • Sudah berapa lama Anda bekerja dalam bisnis ini?
  • Bagaimana saya menghubungi Anda? Apakah Anda bersedia memberitahu semua perubahan yang Anda buat pada situs saya, dan menyediakan informasi rinci tentang rekomendasi Anda dan semua alasannya?

Mespikun banyak SEO yang memberikan layanan yang bernilai kepada klien, tapi ada beberapa SEO yang tidak bertanggung jawab yang telah mencederai industri ini dengan tindakan pemasaran yang sangat agresif dan tindakan manipulasi terhadap hasil mesin telusur dengan cara-cara yang tidak adil. Praktik yang melanggar petunjuk kami dapat menyebabkan penilaian negatif terhadap keberadaan situs Anda di Google, atau bahkan penghapusan situs Anda dari indeks kami. Berikut ini beberapa hal yang perlu dipertimbangkan:

  • Berhati-hatilah dengan perusahaan SEO dan konsultan atau agen web yang mengirimi Anda email yang tidak diharapkan.

    Dan yang mengejutkan, kami pun mendapatkan email spam ini:

    "Dear google.com,
    I visited your website and noticed that you are not listed in most of the major search engines and directories..."

    Reserve the same skepticism for unsolicited email about search engines as you do for "burn fat at night" diet pills or requests to help transfer funds from deposed dictators.

  • Tidak ada yang dapat menjamin peringkat #1 di Google.

    Hati-hatilah dengan SEO yang mengaku dapat menjamin peringkat, menyatakan "memiliki hubungan khusus" dengan Google, atau mengiklankan "pengiriman prioritas" ke Google. Tidak ada pengiriman prioritas untuk Google. Sebenarnya, satu-satunya cara mengirimkan situs ke Google langsung adalah melalui laman Add URL kami atau dengan mengirimkanpeta situs dan Anda dapat melakukannya secara cuma-cuma.

  • Berhati-hatilah dengan perusahaan yang bersifat rahasia atau tidak memberitahu dengan jelas apa yang akan dilakukan.

    Mintalah penjelasan jika ada yang tidak jelas. Jika SEO membuat konten palsu atau yang tidak benar atas nama Anda, seperti laman doorway atau atau domain "throwaway", situs Anda akan dihapus sepenuhnya dari indeks Google. Pada akhirnya, Anda bertanggung jawab atas tinfakan perusahaan yang Anda gunakan jasanya, jadi alangkah baiknya jika Anda mengetahui terlebih dahulu bagaimana mereka akan membantu Anda.

  • Anda tidak perlu memasang tautan ke SEO.

    Hindari SEO yang mengatakan tentang kekuatan tautan "gratis untuk semua", rancangan popularitas tautan, atau mengirimkan situs Anda ke ribuan mesin telusur. Ini adalah praktik yang tidak berguna yang tidak mempengaruhi peringkat Anda dalam hasil telusur dari mesin telusur pada umumnya -- setidaknya, tidak sesuai dengan harapan Anda.

  • Pilih sebijaksana mungkin.

    Jika Anda berencana memanfaatkan jasa SEO, sebaiknya lakukan beberapa riset tentang industri tersebut. Sudah tentu, Google adalah salah satu cara untuk melakukannya. Anda juga perlu membaca beberapa informasi peringatan yang ada di media masa, termasuk artikel ini tentang SEO yang cukup agresif:http://seattletimes.nwsource.com/html/businesstechnology/2002002970_nwbizbriefs12.html. Tanpa bermaksud mengomentari perusahaan tertentu, Google menemukan beberapa perusahaan yang mengaku sebagai SEO yang melakukan praktik yang tidak dapat diterima dalam bisnis ini. Berhati-hatilah.

  • Anda harus mengerti ke mana uang Anda mengalir.

    Sementara Google tidak pernah menjual peringkat yang lebih baik dalam hasil telusur kami, ada beberapa mesin telusur lain yang mengombinasikan hasil telusur pay-per-click atau pay-for-inclusion dengan hasil telusur web regulernya. Beberapa SEO menjanjikan akan memberi Anda peringkat tinggi dalam mesin telusur, tapi menempatkan Anda dalam bagian periklanan dan bukan dalam hasil telusur. Beberapa SEO bahkan mengubah harga tawarannya secara waktu nyata untuk menunjukkan seakan-akan mereka memiliki "kendali" atas mesin telusur lain dan dapat menempatkan dirinya sesuai keinginan. Tipuan ini tidak berpengaruh terhadap Google karena iklan kami berlabel jelas dan terpisah dari hasil telusur kami, tapi pastikan menanyakan kepada SEO tentang biaya untuk inklusi permanen dan yang digunakan untuk iklan sementara.

  • Penyalahgunaan apa yang paling sering ditemui pemilik situs web?

    Salah satu penipuan yang umum adalah pembuatan domain "bayangan" yang mengarahkan pengguna ke suatu situs menggunakan pengalihan palsu. Domain bayangan ini sering kali adalah domain milik SEO yang mengaku bekerja atas nama klien. Akan tetapi, jika terjadi hubungan tidak baik, SEO akan mengarahkan domain ke situs lain, atau bahkan ke domain kompetitor. Jika itu terjadi, klien harus membayar untuk mengembangkan situs saingan yang dimiliki sepenuhnya oleh SEO.

    Praktik terlarang lainnya adalah memasang laman "doorway" yang dijejali kata kunci pada situs klien. SEO menjanjikan membuat laman lebih relevan dengan berbagai pencarian. Hal ini salah karena setiap laman jarang sekali relevan dengan kata kunci yang sangat banyak pilihannya. Tetapi, yang lebih berbahaya adalah bahwa laman doorway tersebut sering kali mengandung tautan berbahaya ke klien lain SEO juga. Laman doorway seperti itu dapat menguras popularitas tautan link suatu situs dan mengarahkannya ke SEO serta kliennya, yang dapat menjadikan situs ini tidak layak atau ilegal.

  • Hal lain apa yang perlu diwaspadai?

    Ada beberapa tanda peringatan yang perlu Anda perhatikan dari SEO yang tidak bertanggung jawab. Daftar ini masuh jauh dari lengkap, jadi jika Anda ragu-ragu, percayalah pada naluri Anda. Sudah tentu, menjauhlah jika SEO:

    • memiliki domain bayangan
    • memasang tautan ke klien lainnya pada laman doorway
    • menawarkan menjual kata kunci dalam bilah alamat
    • tidak membedakan antara hasil telusur aktual dan iklan yang muncul pada laman hasil telusur
    • menjamin peringkat, tapi Anda hanya mendapatkan frase kata kunci panjang dan tidak jelas
    • beroperasi dengan banyak alias atau info WHOIS palsu
    • mendapatkan trafik dari mesin telusur "palsu", spyware, atau scumware
    • memiliki domain yang telah dihapus dari indeks Google atau tidak terdaftar dalam Google
    • meminta informasi account FTP Anda atau akses root ke server Anda

    Jika Anda merasa ditipu oleh SEO, Anda dapat melaporkannya.

    Di Amerika Serikat, Federal Trade Commission (FTC) menangani komplain tentang praktik penipuan atau bisnis yang tidak adil. Untuk mengirimkan komplain, kunjungi: http://www.ftc.gov/ lalu klik pada "File a Complaint Online," hubungi 1-877-FTC-HELP, atau hubungi:

    Federal Trade Commission
    CRC-240
    Washington, D.C. 20580

    Jika komplain Anda tujukan pada perusahaan di negara selain Amerika Serikat, silakan kirimkan ke http://www.econsumer.gov/.

Sumber : Google

Thursday, May 26, 2011

Menanam Meta Tag di Blogger (Blogspot) blog,websites-SEO

Meta tag sangat penting dalam pergaulan blog kita di mesin-mesin pencari seperti google, Yahoo, dll. Karena dari mesin pencari pengunjung kita mengaliri blog kita. Meta tag juga mengizinkan mesin pencari untuk meng-index isi blog kita secara akurat.

Pada dasarnya, ada dua meta tag yang tertanam di bagian head blogspot kita. Satu, Meta yang memaparkan deskripsi dari blog anda. Kedua, Meta Keyword, yang menjelaskan kata kunci apa saja yang terdapat dalam blog anda.

1. Masuk ke dalam blogspot dashboard  > klik ‘layout‘ (lihat screenshot di bawah ini)

2. Klik ‘Edit html’ tab

Ini adalah kode yang anda akan tanam di dalam blog anda.

<meta content=‘DESCRIPTION HERE‘ name=’description’/>
<meta content=‘KEYWORDS HERE‘ name=’keywords’/>
<meta content=‘AUTHOR NAME HERE‘ name=’author’/>

DESCRIPTION HERE:Tulis deskripsi blog anda
KEYWORDS:Tulis kata kunci blog andaWrite the keywords of your blog
AUTHOR NAME:Tulis nama penulis blog anda (Nama anda)

Contoh:

<meta content=‘Tutorial Blog dan Bisnis Online’ name=’description’/>
<meta content=‘tips, trik, review, adsense, money online, blog‘name=’keywords’/>
<meta content=‘budi‘ name=’author’/>

3. Pasang kode di atas di bawah kode ini (lihat screenshot berikut)

4. Simpan dan selesai!

Catatan penting: Tidak sedikit blogger memasang keyword atau kata kunci di bagian description. JANGAN LAKUKAN ITU. Google dan mesin pencari lain akan ban blog anda dari daftar mesin pencari jika anda lakukan itu. Jangan juga mengulang kata kunci yang sama lebih dari tiga kali.

Selesai sudah anda tanam meta tag dalam blogspot anda. Jika ingin men-check apakah meta tag itu benar atau tidak, ketik ‘meta tags analyzer tool’ di Google dan akan anda dapatkan banyak situs yang menyediakan servis untuk memerika apakah meta tag anda benar atau tidak.

Sumber : http://www.blogmagis.com/62/

Wednesday, May 25, 2011

Setting Blogger Untuk Handphone (Mobile)

Bagi anda yang alergi dengan Bahasa Inggris silahkan manfaatkan Translate di sidebar kiri dan pilih bahasa yang anda paling lezat.

Blogger has now released mobile templates, which would make your blog look cool on your smartphones.  The mobile templates will reformat your blog for mobile phones. It will even strip down the post content on your home page, so that its more readable and not too lengthy. 

This feature is still in draft and so you will have to login to http://draft.blogger.com to enable this new Feature.

To Enable this Feature,

1. Login to http://draft.blogger.com

2. Go to Settings > Email & Mobile and Select the  Yes Option.

image

3. Now if you want to see  a preview of how your blog will look on a mobile,(without actually applying the settings), then click the Mobile Preview Button.

4. Now Click on the Save Settings Button for the changes to take effect.

image

Now when someone visits your blog via a phone, he will be automatically redirected to the mobile version of your blog.

Here are some previews of the mobile versions of some blogger blogs.

1. My Blog

2. Blogger Buzz

If you have enabled Adsense ads on your blog, then Adsense mobile ads will be shown on the mobile version of your blog. If you are using a template from some designer, then the mobile template won’t be rendered in the same style as your original template. The ones using the Blogger Template Designer will be able to get a matching mobile template. 

This is still under draft. So lets hope that we will be able to add CSS rules  to override the default Mobile Style, when this thing actually rolls out.

Source : http://www.bloggerplugins.org/2010/12/mobile-templates-for-blogger.html#

Tuesday, May 24, 2011

Membuat Efek Hujan Salju di Blogger


Membuat efek salju di blog, kenapa harus nulis ini saya? Sekedar hanya ingin berbagi kepada blogger yang lain khususnya yang mempunyai template dengan background atau warna dasar gelap seperti punya saya ini. Akan kelihatan lebih menarik lagi tentunya jika diseimbangkan dengan warna putih, dan warna putih itu berasal dari efek hujan salju. Dingin :)
Walau lagi musim salju atau tidak. Kita tetap bisa kan membuat hujan salju di blog kita. Memang di sini tidak ada hujan salju, masih tetap juga kita bisa buat hujan salju di blog kita. Bagaimana caranya membuat hujan salju di blog kita? Mudah kok :)
Cara Membuat Hujan Salju di Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh (copy paste) kode berikut ini diatas kode </head>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
<script src='http://nirav07.110mb.com/jsnow.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
$().jSnow();
});
</script>


6. Simpan Template jika sudah selesai

Catatan : Ketika saya trapkan tutorial ini di blog saya, brower terkunci pada satu halaman saja alias tidak bisa turun atau scrollbar macet. mungkin bermasalah karena tipe templetenya. semoga anda berhasil. dan bolehlah berbagi ilmunya jika sudah berhasil.

Thursday, May 19, 2011

Membuat Random Post Slide 5 Detik Berubah/Ganti

Yah ini adalah gadget baru khusus untuk pengguna blogger. Gadget ini akan menampilkan posting blog Anda secara acak satu demi satu dengan kutipan. Anda dapat dengan mudah menginstalnya dengan 3 langkah dan dapat menempatkannya di atas posting atau di tempat lain.


Sekarang saya ceritakan tahap-tahap penerapan dari fitur-fitur ini...
1. Menunjukkan salah satu judul posting pada suatu waktu.
2. Link ke posting.
3. Menunjukkan kutipan posting juga.
4. Setiap 5 detik menunjukkan posting baru.
5. Siklus melalui semua posting dalam blog.
6. Memulai siklus baru di akhir daftar.
7. Setelah dimuat terus berotasi bahkan ketika tidak terhubung ke Internet.
8. Menggunakan teknologi AJAX Google Resmi.
9. Dapat digunakan pada platform blogging lainnya (tidak diuji).
10. Melayang dengan kursor mouse di atas judul posting perhentian rotasi sampai mouse bergerak dari gadget.
Bagaimana Cara Kerjanya?
Untuk menghemat ruang dan belum menunjukkan semua posting satu demi satu gadget ini resmi menggunakan Google AJAX Feed API teknologi dan Dynamic Feed Control. Pos itu mengambil judul dan data dari blog Anda dan menampilkannya dalam gadget.
Instalasi
Seperti yang saya katakan dalam memulai, menginstal gadget ini mungkin hanya dalam 3 langkah yang adalah sebagai berikut:
1. Pergi ke Blogger Account> Blog> Layout. Klik di tab Elemen Halaman, klik pada tambahkan gadget dan kemudian gulir ke bawah untuk mengklik Add Html / Javascript gadget.
2. Sekarang di ruang kosong isilah dengan kode berikut.
 
<style type="text/css">
.gfg-root {
width : 100%;
height : auto;
position : relative;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 20px;
border: 1px solid #BCCDF0;
}
 
.gfg-title {
font-size: 24px;
font-weight : bold;
color : #3366cc;
background-color: #E5ECF9;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
}
 
.gfg-title a {
color : #3366cc;
}
 
.gfg-subtitle {
font-size: 20px;
font-weight : bold;
color : #3366cc;
background-color: #E5ECF9;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
margin-bottom : 0px;
}
 
.gfg-subtitle a {
color : #3366cc;
display:none !important;
}
 
.gfg-entry {
background-color : white;
width : 100%;
height : 6.9em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 3px;
}
 
/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : auto;
height : 100%;
padding-left : 20px;
padding-right : 5px;
}
 
.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
margin-bottom : 5px;
display:none !important;
}
 
.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
padding-left : 15px;
padding-right : 5px;
margin-left : 5px;
margin-right : 5px;
}
 
.gfg-listentry-odd {
background-color : #F6F6F6;
}
 
.gfg-listentry-even {
}
 
.gfg-listentry-highlight { 
background-image : url('garrow.gif');
background-repeat: no-repeat;
background-position : center left;
}
 
/*
* FeedControl customizations.
*/
 
.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 24px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
margin-bottom : 2px;
}
 
.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #000000;
margin-top : 3px;
}
 
/*
* Easy way to get horizontal mode, applicable via js options to gadget.
*/
 
.gfg-horizontal-container {
position : relative;
}
 
.gfg-horizontal-root {
height : 1.5em;
_height : 100%;
position : relative;
white-space : nowrap;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 13px;
border: 1px solid #AAAAAA;
padding : 5px;
margin-right : 80px;
}
 
.gfg-horizontal-root .gfg-title {
font-weight : bold;
background-color: #FFFFFF;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
float : left;
padding-left : 10px;
padding-right : 12px;
border-right: 1px solid #AAAAAA;
}
 
.gfg-horizontal-root .gfg-title a {
color : #444444;
text-decoration : none;
}
 
.gfg-horizontal-root .gfg-entry {
width : auto;
height : 1.5em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 0px;
margin-left : 0px;
padding-left : 10px;
}
 
/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : 100%;
height : 100%;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
}
 
.gfg-horizontal-root .gfg-list {
display : none;
}
 
/*
* FeedControl customizations.
*/
 
.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
display : none;
}
 
.gfg-horizontal-root .gfg-entry .gf-result .gf-title {
color: #0000cc;
margin-right : 3px;
float : left;
}
 
.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
float : left;
}
 
.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
display : block;
color: #AAAAAA;
}
 
.gfg-branding {
white-space : nowrap;
overflow : hidden;
text-align : left;
position : absolute;
right : 0px;
top : 0px;
width : 80px;
}
 
.gfg-collapse-open, .gfg-collapse-closed {
background-repeat : no-repeat;
background-position : center;
cursor : pointer;
float : right;
width : 17px;
height : 20px;
}
 
.gfg-collapse-open {
background-image : url('arrow_open.gif');
}
 
.gfg-collapse-closed {
background-image : url('arrow_close.gif');
}
 
.gfg-collapse-href {
float : left;
}
 
.clearFloat {
clear : both;
}
body {
background-color: white;
color: black;
font-family: Arial;
font-size: small;
margin: 0;
}
#feedGadget { 
margin-top : 5px;
margin-left: auto;
margin-right: auto;
width : 440px;
font-size: 16px;
color: #9CADD0;
}
</style>
<script src="http://www.google.com/jsapi/?key=internal-sample" 
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://pisbon.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'},
 
];
 
new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: "Fishbone ~ Random Posts."});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<div id="feedGadget">Loading...</div>
<div id="feedGadget">Gadget by <a href="http://www.blogdoctor.me" target="_blank">The Blog Doctor</a> and <a href="http://pisbon.blogspot.com" target="_blank">Fishbone</a>.</div>



Dalam kode berikut di atas, Anda harus terlebih dahulu mengedit hal-hal yang ditandai dengan huruf tebal Jika tidak, tidak akan bekerja untuk Anda.

Anda wajib mengganti tulisan : http://pisbon.blogspot.com/ dengan alamat blog anda dan menganti tulisan title blod : Fishbone ~ Random Posts. dengan tulisan yang anda kehendaki

Mengubah warna dan ukuran widget ini sangat sederhana. Coba lihat kode dengan tepat, dan Anda akan menjadi ahli dalam hal ini
Credits
Gadget yang bagus ini diciptakan oleh Vin dari BlogDoctor. Jadi berterima kasih kepadanya untuk membuat widget ini untuk pengguna blogspot.

Tuesday, May 10, 2011

Membuat Recent, Random dan Similar Post Dibawah Artikel Wordpress

Terasa lelah emang, Tetapi semangat ngeblog harus tetap terjaga, apalagi tadi udah pemanasan dengan bermain game warcraft kesukaan saya dan tanpa terasa sudah 2 jam saya bermain game itu. Seperti biasa, artikel saya ini atau lebih tepatnya itu merupakan tutorial dengan bahasa yang sangat sederhana (yang mudah-mudahan pembaca dapat memahaminya). kali ini merupakan permintaan tutorial dari sahabat dekat saya yaitu saudara Nova admin dari IdPelajar.com yang menanyakan bagaimana membuat Random post, Similar post dan Popular post dibawah artikel kita. Oke, pada tutorial ini akan saya jelaskan dan mudah-mudahan membantu. Langkah-langkahnya yaitu :
1. Siapkan teh manis dulu coy… Minuman kesukaanmu,..
2. beli dulu roko pilter kesukaanmu di depan rumah tantemu tuh…
*** untuk para pembaca bagian 1 sampai 2 hanyalah pemanasan…
3.  Download dulu pluginnya
  1. Recent Post : Langsung download
  2. Similar Post : Langsung Download
  3. Random post : Langsung Download
..
4. Buka halaman admin, lalu pilih menu Apperence, lalu pilih Editor. Nampak seperti gambar dibawah ini.
 Membuat Recent Post, Random Post dan Similar Post Dibawah Artikel
5. Lalu Pilih Single Post pada bagian sebelah kanan (bagian A pada gambar dibawah).
6. Perhatikan Source Codenya ( bagian B pada gambar dibawah).
 Membuat Recent Post, Random Post dan Similar Post Dibawah Artikel
7. Maasukan script dibawah ini pada bagian B dalam gambar :
<h3>Artikel Terkait</h3> <?php similar_posts(); ?>
<h3>Artikel Terbaru</h3> <?php recent_posts(); ?>
<h3>Artikel Acak</h3> <?php random_posts(); ?>
8. untuk letaknya, sesuaikan.. karena masing-masing template berbeda-bea tempatnya.
9. semoga berhasil…
Source : http://luragung.com/wordpress/meembuat-recent-post-popularlar-post-dan-similar-post-dibawah-artikel

Membuat Random Post di Blogspot dengan Thumbnails

Widget Random Post sangat diperlukan jika posting di blog sudah banyak. Dengan adanya widget ini, maka posting2 kita terdahulu akan muncul secara random.
Pada salahsatu artikel, pernah saya menuliskan tentang random post...tapi tidak memakai thumbnails. Dan karena di blogger/blogspot..memang rada sedikit sulit untuk mencari widget random post ini, maka saya postingkan artikel ini.
Kita bahas dulu ya...
Widget ini memiliki beberapa panel pilihan yang dapat dikonfigurasi sesuai dengan keinginan. Dapat disesuaikan dengan 'gaya' yang ada pada blog kita. Ataupun kita dapat menggantinya sesuai dengan macam2 gaya yang kita inginkan.
random-posts-gadget
Keterangan:
Panjang Maksimum  Judul
Bisa menampilkan judul postingan yang panjang. Tinggal memasukkan berapa jumlah huruf yang ingin ditampilkan dari judul posting. 
Snipet Style
Dapat menampilkan ringkasan, thumbnails, keduanya ataupun hanya judul posting saja.
Feed 
Dapat memilih ringkasan feed ataupun full feed, sebaiknya gunakan ringkasan saja..:)
Dimensi Thumbnails
Besarnya thumbnails dapat diubah, disesuaikan dengan blog.
Ringkasan Posting
Banyaknya ringkasan posting dapat diatur dengan memasukkan jumlah angka yang diinginkan.
Post Meta Style
Dapat menampilkan tanggal posting, banyak komentar dan Read More Link.Atau  juga dapat memilih kombinasi dari ketiganya. 
Font dan Ukuran Font
Dapat menampilkan bentuk dan ukuran huruf yang diinginkan 
Extra Styling
Dapat menentukan letak gambar dikiri atau dikanan, dan juga untuk menggarisbawahi link atau tidak. 
Border Color 
Dapat memilih tanpa border, atau pilih salah satu dari 140 style yang tersedia. 
Warna dan Teks Link 
Secara default, warna akan mengikuti yang telah ada dari Blog . Jika ingin merubah ini,  dapat memilih salah satu dari 140 warna yang berbeda.
Read More Text
Bidang ini untuk menuliskan...selanjutnya..., baca lagi,..teruskan.... terserah deh.
Ok, itu sedikit keterangannya..., dan kalau ingin memasang widgetnya langsung saja klik digambar ini

Random Posts

Friday, May 6, 2011

Cara Seting Keyword | Pentingnya Keyword Dalam Mendatangkan Pengunjung

Mendatangkan pengunjung ke blog sangat penting dalam mengangkat blog pada posisi terbaik di search engine, para blogger dituntut kreatif untuk mencari keyword yang disukai pengunjung. Pengunjung blog atau pembaca postingan banyak orang awam, sehingga mereka mayoritas memanfaatkan search engine google sebagai fasilitas pencarian informasi. Inilah peluang para blogger untuk mengangkat derajat blognya di mata search engine dan supaya mendatangkan pengunjung, tapi ada batasan yang perlu diperhatikan dalam mencari keyword tersebut.

Bermacam cara mencuri keyword yang sering dipaparkan oleh kalangan blogger, namun blogger fakir menggunakan metode mencuri keyword secara manual dan tidak memanfaatkaan tools yang sering diperjual-belikan oleh beberapa blog atau web. Sebenarnya sangat mudah mencari keyword yang disukai pengunjung, semua bisa mengaca pada diri kita dan beberapa netter, sebagaimana contoh para pencari di search engine sesuai obyek dan subyeknya:

  • Pengguna Facebook dan Email: Cara Hack Facebook, Cara Hack Email, Cara mengembalikan Akun Facebook, Cara mengembalikan email yang dihack dan lain-lain.
    Pengguna Blog: Cara Optimasi Blog, Cara mengganti bagian blog dan lain-lain.
  • Pelajar: Sejarah Hari Pendidikan Nasional, Sejarah Kemerdekaan, Cara membuat Makalah dan lai-lain.
  • Mahasiswa: Cara download makalah, Cara download Skripsi, Kumpulan Skripsi, Kumpulan Tesis, Download Gratis Skripsi, Download Makalah, Download Skripsi dan lain-lain.
  • Pencari Software: Download software, Download Aplikasi, Download Gratis Software dan lain-lain.
  • Pencari Video: Download video baru, Download Video 3gp, Download Video Skandal, Skandal Seks Artis, Video Bokep, Download Gratis Video Bokep dan lain-lain.
    Pebisnis Online: Metode bisnis online, cara buat bisnis online. cara buat toko online, script toko online dan lain-lain.
  • Pencari Kenikmatan Sesaat: Daftar Bispak, Daftar Ayam Kampus, Nomor Handphone Cewek Panggilan, Cewek Panggilan Kota, panti pijat, alamat facebook cewek dan lain-lain.

Banyak manfaat yang didapat setelah melaksanakan metode simple diatas, setiap saat keyword tersebut bisa dijumpai oleh orang-orang di blog anda dan search engine. Paling penting dari mencuri keyword dengan metode diatas yaitu tanamkan keyword di setiap postingan atau buat sebagai judul postingan dan tidak perlu menghabiskan waktu untuk menanamkan keyword di kode html template, jika terlalu banyak menanamkan keyword di kode template akan menyulitkan anda untuk menggantinya kembali disaat gani template suatu saat.

Itulah sepintas pengalaman blogger dalam mencari keyword, jadi anda tidak perlu menghabiskan biaya untuk menjadikan blog anda di posisi teratas pada search engine. Jika ada yang perlu ditanyakan atau tambahan dari teman-teman blogger, silahkan share pada komentar. Mari kita berbagi mencapai manfaat untuk sesama pengguna blog, salam sempurna !!!!

Sumber tinggal klikWinking smile

Sunday, May 1, 2011

Pilkada Banjarnegara, Budhi Sarwono Didampingi Kusumo Winahyu

BANJARNEGARA – Teka-teki siapa yang bakal  mendampingi Budhi Sarwono alias Win Chin dalam Pemilukada Banjarnegara, terjawab sudah.Dari 20 nama yang disurvei oleh tim Budhi Sarwono Center (BSC)  yang bekerjasama dengan lembaga survai profesional, akhirnya dipilih sosok wanita, Kusumo Winahyu Diah AT. Wanita berusia 43 tahun ini, seorang mantan pramugari dan kini sebagai ibu rumah tangga, beralamat  di Kelurahan Kutabanjarnegara RT 05 RW/V Banjarnegara.

Duet Buwin (Budhi Sarwono-Kusumo Winayu Diah) ini, siap memenangkan Pemilu kada Banjarnegara  yang akan digelar 24 Juli 2011 mendatang. Mereka akan maju lewat jalur independen.

“Kami sudah sepakat, jika terpilih nanti, kami tidak akan mengambil gaji kami sepeserpun selama memimpin Banjarnegara. Semua gaji kami akan kami sumbangkan untuk rakyat, karena dari usaha yang kami kelola sudah cukup untuk hidup. Dan kami siap menandatangani kontrak politik untuk itu, termasuk memberantas praktek korupsi, kolusi dan nepotisme (KKN) di Banjarnegara yang  bekerjasama dengan Komisi Pemberantasan Korupsi (KPKK). Kami juga siap dihukum, jika mengingkari komitmen kami ini,” ujar Budhi Sarwono ketika ditemui di rumahnya di Banjarnegara, Sabtu (12/3).

Dalam kesempatan itu,  Budhi Sarwono yang juga direktur  PT Bumi Redjo  Banjarnegara–sebuah perusahaan jasa konstruksi  ternama di Banjarnegara–memperkenalkan bakal calon  wakil bupati yang siap mendampinginya, Kusumo Winahyu Diah AT.

Kusumo Winahto, berhasil terpilih diantara 20 nama yang masuk nominasi untuk mendampingi Budhi  Sarwono. Setelah tim Budi Sarwono Center dan lembaga  survai profesional melakukan kajian mendalam,  akhirnya dipilih nama Kusumo Winahyu. “Dari dua puluh orang tersebut, terpilih tiga besar. Dua orang diantaranya berasal dari birokrasi. Setelah melalui pembahasan tim  secara matang, Kusumo Winahyu memperoleh nilai terbesar,” ujar Budhi Sarwono.

Alasan memilih Kusumo Winahyu, menurut Budhi Sarwono, pertama karena ada faktor kesejarahan. Kedua keluarga telah saling mengenal sejak Budhi Sarwono masih  kanak-kanak, sehingga hal tersebut memudahkan untuk saling memahami dan bekerja sama.

Kedua, pertimbangan gender. Menurut Budi, ia sangat konsen terhadap keterwakilan perempuan dalam bidang pemerintahan. “Kalau urusan perempuan, yang paling paham tentu kaum perempuan juga. Jangan lupa, separuh lebih penduduk Banjarnegara merupakan kaum perempuan,” ujarnya.

Kusumo Winahyu Diah A.T mengemukakan, siap mendampingi Budhi Sarwono untuk memimpin Banjarnegara, 2011-2016.  Alasan kesejarahan, lanjutnya, memang tidak dapat dipungkiri menjadi alasan kuat menggandeng Budhi Sarwono.  Kemudian juga kesamaan visi dan  misi. Namun, lebih dari itu dalam membangun Banjarnegara dengan kondisi geografis dan topografis bergunung-gunung dibutuhkan orang yang kuat. Selain kuat modal, juga butuh kekuatan loby dan pengalaman. “Semua itu saya percaya dipunyai oleh Pak Budhi Sarwono,” ujarnya optimis.

40 Ribu Dukungan

Menjelang penetapan tahapan pemilukada 2011 yang akan diplenokan KPUD pada Jumat mendatang, tim dari calon independen Budhi Sarwono Center  sudah menyiapkan 40 ribu foto kopi KTP dukungan sebagai syarat pencalonan bupati dari jalur independent.

Angka tersebut sudah melebihi batas minimum persyaratan bagi calon independent yang akan maju dalam pencalonan bupati Banjarnegara pada pemilukada 2011. Pasalnya, sesuai dengan undang-undang yang berlaku, maka persyaratan calon independent harus mengantongi 3 persen dari jumlah penduduk.

“Dukungan sudah siap, kita tinggal menunggu waktu yang tepat sesuai dengan tahapan yang akan ditetapkan oleh KPUD. Pada intinya,berapapun persyaratan dukungan yang ditetapkan KPUD untuk jalur independen, kami siap. Pokoknya  begitu KPUD membuka, kami akan langsung mendaftar,” ujar Koordinator BSc Banjarnegara Kedy Afandi . (BNC/prs)

oleh BudhiSarwonoCenter

BSC BudhiSarwonoCenter

Saturday, April 16, 2011

Membuat Effect Blue Star Pada Krusor Untuk Blogger

Blu StartSelama ini saya pikir telah memposting cara membuat krusor diikuti effect blue star tapi setelah saya cek ternyata andanya diikuti tulisan. Oke kali ini saya posting cara membuatnya seperti yang ada di blog saya ini. Sangat mudah anda tinggal Copy-Paste kode berikut. namun sebelumnya  Anda masuk (sign ini) akun blogger anda terlebih dahulu, kemudian pilih Rancangan dan klik Tambah Gadget selanjutnya klik dan pilih HTML/Javaskript dan Copy-Paste kode di bawah ini :

<script type='text/javascript'>
// <![CDATA[
var colour="blue";
var sparkles=65;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]></script>




Setelah di Paste pada kolom HTML/Javascript anda tinggal klik simpan.


Saya sarankan anda meletakan gadget ini di bagian paling akhir atau paling bawah karena lumayan banyak kodenya dan mungkin akan sedikit mempengaruhi loading blog anda, tapi itu sedikit sekali kok tidak membuat berat. Ok semoga berhasil.

Jika ada yang berkenan Copy-Paste postingan ini silahkan saja diposting diblog Anda, buat saya bahagia sekali ketika bisa berbagi, tapi mohon cantumkan sumber ya! karena betapa sakitnya ketika dilupakan.

Membuat Blog di Microsoft word

Untuk membuat posting anda tidak perlu online supaya bisa menghemat biaya ber-Internet. Cara yang paling sederhana adalah dengan menulis blog dulu di penyunting teks, seperti Notepad atau Microsoft Word, secara offline. Kalau sudah selesai, baru online, kemudian longin lah di acount anda, lalu copy-paste hasil tulisan yang anda buat tadi.

Kita sebut cara yang barusan disebut adalah cara manual. Cara yang akan dijelaskan berikutnya kita sebut dengan cara otomatis. Tulisan tetap dibuat secara offline. Online-nya baru nanti, setelah tulisan selesai dibuat. Cara otomatis ini menggunakan Microsoft Word. Tapi, bukan sebarang Microsoft Word, melainkan Microsoft Word yang sudah dilengkapi dengan add-on bernama Blogger For Word. Aplikasi tambahan gratisan itu bisa anda download disini Download Here. Setelah anda download silahkan Install Software BLogger for Word tersebut, jangan lupa untuk menutup terlebih dahulu Program Microsoft Wordnya.

Oh ya, software ini hanya bisa dipakai dan dijalankan pada microsoft office 2007.
Cara penginstalannya :

1. Klik (Add-Ins) pada menu di sebelah atas. Opsi (Add-Ins) sebaris dengan (Home), (Insert), (Page Layout), dan lain-lain

addins-300x68

Tab Addins

2. Klik (Blogger Settings), kemudian pada kotak yang muncul, masukkan username dan password untuk masuk ke Blogger. Klik OK.

setting-blogger-300x295

Menu Blogger

3. Ketikkan isi blog di dalam Word. Kalau sudah selesai, online-lah. Kemudian, klik (Publish).

4. Masukkan judul blog dan pilih blog yang akan berisi tulisan itu. Klik (Send). Selesai. Selamat mencoba…!!

Sumber(PcPlus)

Monday, March 21, 2011

Auto-Scrolling [Text Or Image Slide Shows] Widgets For BlogSpot / Blogger Blogs


Debby Ayu Flash Disk Facebook Shooting Pisbon Jin Arab


In case you have a lot of links in your blog's BlogRoll, or if you want to show all your favorite books list, but have limited space in the sidebar the this widget will be a great help for you !

You can put as many links/ listed items as you want in this widget, they will scrolling automatically unless the visitors hovers the mouse cursor on the widget, and as long as the cursor is placed on over the widget, the scrolling will be paused, and it will only resume after removing the mouse-cursor from the widget. It will be displayed like this:


LINE OR IMAGE 1
LINE OR IMAGE 2
LINE OR IMAGE 3
LINE OR IMAGE 4
LINE OR IMAGE 5
ETC.




Here's the simple procedure of adding the widget to your blog:
Log in to Blogger. Go to Layout section, and click on "Add a Gadget", select as "HTML/JavaScript"

Now this is the format to enter the content in to the widget:

<div class="textwidget"><marquee direction="up" width="105" onmouseover="this.stop()" scrollamount="2" onmouseout="this.start()" height="200" align="left">
LINE OR IMAGE 1
LINE OR IMAGE 2
LINE OR IMAGE 3
LINE OR IMAGE 4
LINE OR IMAGE 5 ETC.
</marquee></div>
<br /><span class="Apple-style-span" ><a href="<br /><span class="Apple-style-span" ><a href="http://pisbon.blogspot.com/2010/12/widget-cara-live-stream-chat-facebook.html">Powered By FISHBONE</a></span>

NOTE: You can adjust or modify the colored content, so as to suit your choice or blog. And You can put some linked/unLinked images too or you can even use a simpler version of this code:

<marquee behavior="scroll"direction="left"><img src="http://path_to_your_image.jpg/" alt="Title of image" height="Height of image" width="Width of image" /> <img src="http://path_to_your_image.jpg/" alt="Title of image" height="Height of image" width="Width of image" /> <img src="http://path_to_your_image.jpg/" alt="Title of image" height="Height of image" width="Width of image" /> <img src="http://path_to_your_image.jpg/" alt="Title of image" height="Height of image" width="Width of image" /></marquee><br /><span class="Apple-style-span" ><a href="<br /><span class="Apple-style-span" ><a href="http://pisbon.blogspot.com/2010/12/widget-cara-live-stream-chat-facebook.html">Powered By FISHBONE</a></span>

And it will be displayed like this:
Debby Ayu Flash Disk Facebook Shooting Pisbon Jin Arab  
Selamat Mencoba Semoga Berhasil....!!!

Friday, March 18, 2011

7 Perfect WordPress Portfolio Themes

If you don’t have a portfolio site yet or are looking to create an easy to update, fast loading and slick looking portfolio than you should be using WordPress. Traditionally WordPress is a blogging content management system, but recently it has been used to be the back end for many cool types of sites such as portfolio sites for photographers and designers.

WordPress is easy to install on most web hosting accounts and you can have a site up and running in minutes. After the install all you need to do is purchase or find a free theme and upload it. You can then install any additional plugins you want and make tweaks to the design and upload your own work. I highly recommend adding your own personal touch to these designs since you are most likely a graphic designer if you are reading this post and it would be some what odd if you did not design the site even if you don’t really do web design. You can easily have a coder help you implement the new design or have them or make changes you are not familiar with.
Below are some of the coolest theme designed for WordPress with designers in mind.

WORDPRESS PORTFOLIO THEMES

1. Briefcase Portfolio WordPress Theme
wordpress-portfolio-themes-1
2. Sharpfolio²
wordpress-portfolio-themes-2
3. Portfolio WordPress Theme
wordpress-portfolio-themes-3
4. ProudFolio
wordpress-portfolio-themes-41
5. Cassiopeia
wordpress-portfolio-themes-5
6. Foreword Thinking
wordpress-portfolio-themes-61
7. Geometric
wordpress-portfolio-themes-7
Sumber : http://www.youthedesigner.com/2009/06/22/7-perfect-wordpress-portfolio-themes/

Thursday, March 17, 2011

Disabel Blog Post Dari Copy Paste

T copyMeng copy-paste blog post milik orang lain memang sudah menjadi hal yang biasa. Namun, Untuk mengatasinya sangatlah mudah. Di posting ini saya akan berbagi tips cara mengatasi blog post dari copy paste orang lain. Untuk kepentingan tertentu atau blog tertentu yang sifatnya sangat khusus, tidak disalahkan atau dianggap jelek menerapkan trik ini jika memang tujuannya menjaga karyanya dari penjimplak yang tak bertanggung jawab, atau bahkan mengambil keuntungan dari hasil penjimplakan tersebut hingga merugikan sang pemilik hak cipta.

Walau terus terang saya sendiri tidak menerapkannya di blog saya ini. Karena tujuan setiap blogger berbeda-beda, blog ini pun untuk kebutuhan orang lain supaya bisa mengambil manfaatnya, serta bisa di copy kan di Ms. Word atau yang lainnya hingga dapat dibawa pulang. (Semua sah-sah saja) Trik ini bukan untuk mematikan fungsi klik kanan (right click) tapi mematikan fungsi select text (memblok teks). Sehingga walau fungsi klik kanan ada, jika kita tidak bisa memilih teks maka mana mungkin kita bisa meng copy nya.

Baik, langsung saja pada langkah-langkah trik ini:

Masuk ke menu Design > Page Element > Add a Gadget > klik di HTML/Javascript > Kemudian copy paste kode Java Script di bawah ini.

<script type="text/javascript">
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>

Klik Save
Selesai.
Silahkan coba untuk memilih teks! dan coba ctrl+A! pasti tidak akan bisa. Blog anda kini aman dari para penjiplak.

Sumber : Pak Dani

Saturday, March 12, 2011

Rumus Mendapatkan Page Rank Tinggi

page-rank

Rumus Mendapatkan Page Rank Tinggi

Page Rank adalah sebuah algoritma yang telah dipatenkan yang berfungsi menentukan situs web mana yang lebih penting/populer.PageRank merupakan salah satu fitur utama mesin pencari Googledan diciptakan oleh pendirinya, Larry Page dan Sergey Brin yang merupakan mahasiswa Ph.D. Universitas Stanford.

Bagaimana cara mendapatkan page rang yang tinggi? Sebenarnya untuk mendapatkan page rank itu bisa dipelajari seperti halnya ilmu pasti, seperti matematika atau fisika, jadi page rank tinggi itu tidak selalu didapat dengan tidak sengaja.

Rumus untuk pendapatkan page rank yang tinggi adalah sebagai berikut

  • Page Rank Tinggi= 2 link masuk : 1 link keluar
  • Page Rank Tinggi= Page rank kita + 1

Keterangan:

  • Untuk memperoleh page rank yang baik kita harus menyesuaikan link yang ada di blog kita, jangan sampai link yang keluar lebih banyak link yang masuk ke blog kita. Artinya jika kita pasang link di blog kita ke blog lain, harus ada setidaknya 2 link yang menuju kita terlebih dahulu.

Dengan algoritma ‘PageRank’ ini, dalam setiap halaman akan diperhitungkan inbound link (link masuk) dan outbound link (link keuar) dari setiap halaman web

  • Yang kedua ini artinya adalah Kalau blog kita memiliki page rank, misal 0 kita pasang link menuju blogyang memiliki page rank 1, jika blog kita memiliki page rank 1 kita pasang link menuju blog-blog yang berpage rank 2, dan seterusnya.

Pendekatan yang digunakan adalah sebuah halaman akan diangap penting jika halaman lain memiliki link ke halaman tersebut. Sebuah halaman juga akan menjadi semakin penting jika halaman lain yang memiliki rangking (pagerank) tinggi mengacu ke halaman tersebut. Dengan pendekatan yang digunakan PageRank, proses terjadi secara rekursif dimana sebuah rangking akan ditentukan oleh rangking dari halaman web yang rangkingnya ditentukan oleh rangking halaman web lain yang memiliki link ke halaman tersebut.

Sebuah situs akan semakin populer jika semakin banyak situs lain yang meletakan link yang mengarah ke situsnya, dengan asumsi isi/content situs tersebut lebih berguna dari isi/content situs lain.PageRank dihitung dengan skala 1-10.

Contoh: Sebuah situs yang mempunyai Pagerank 9 akan di urutkan lebih dahulu dalam list pencarian Google daripada situs yang mempunyai Pagerank 8 dan kemudian seterusnya yang lebih kecil.

Rumus ini berlaku relatif, karena banyak dipengaruhi banyak hal. Tapi dengan sedikit meraba-raba dan memprediksi page rank yang tinggi kita bisa mendapatkannya yang lebih baik. Jangan terlalu menganggap Page Rank Menjadi suatu yang penting, Tulisan kita adalah yang terpenting.

Sumber : http://kurniasepta.blogspot.com/2008/12/hal-hal-yang-mempengaruhi-page-rank.html

Saturday, March 5, 2011

Windows Live Messenger 2011 Finally Release

windows-live-messenger-2011-wlmAfter beta, now Windows Live Messenger 2011 finally release. In new version WLM comes with many changes, you will feel More than just chatting it like face to face with your friends in high definition (HD) webcam.

Windows Live Messenger makes it easier than ever to stay connected to the people you care about.

  • Favorites and groups – Put the people you chat with most at the top of your contacts, so you easily see when they’re online. Want to chat with several people in one window? Just set up a group.
  • Share photos – Look at photos together, right in the conversation window. And Messenger tells you when people you know post new photos on Windows Live.
  • Customize – Show off your personal style with custom scenes, animated display pictures, and signature sounds.
  • Mobile and web – Using a public computer without Messenger? No problem! You can chat on the web from Windows Live Hotmail. Or, use Messenger on your mobile phone.

Get Messenger and stay in touch.

 

New Feature Windows live messenger 2011

More than just chatting:
· Have more fun with your friends. Chat face–to–face in high definition (HD) using a webcam, start a photo slide show, watch online videos, and share links you’ve discovered on the web

Your online world in one place:
· Messenger brings together the most important social updates from across the web to one place so you’ll always know when your friends post new photos, update their status, and more from websites like Facebook and MySpace.

Messenger on the go:
· Keep in touch even when you’re on the go and away from home. See who’s online, chat with friends, and see social updates from friends using Messenger on your mobile phone.

What’s New in This Release

You might remain in multiparty conversations after signing out:
· After signing out, you might remain in a multiparty IM conversation you were having with your friends, but your correct offline status will appear.

Video messages don’t work correctly if Windows Media Player isn’t installed (except on Windows Server 2008):
· When you receive a video message on a computer that doesn’t have Windows Media Player installed, the video message playback window can’t be opened. Instead, you see a notification that the message was received, and a new conversation window with a link to the video opens.

PC to SMS customers in Brazil and Korea won’t see subscription status or the billing information toolbar button:
· In Messenger, we can’t check the subscription status for PC to SMS customers in Brazil and Korea to see whether they can send text messages. If you don’t have a subscription and try to send a text message, you won’t see anything to indicate that you need a subscription. Your message won…

Download Full Offline Installer (Standalone) Windows Live Messenger 2011

The download from the official Windows Live is a web installer in the name of wlsetup-web.exe, which is small in size and requires Internet connection during setup installation. For users who prefer to download full version standalone installer, which can be used to install Windows Live programs offline, use the following direct download links (indicated with “full”) instead.

Download Windows Live Essentials (Messenger) 2011

English (web) wlsetup-web.exe | English (full) wlsetup-all.exe

Sumber: http://www.robinbenedict.com/windows-live-messenger-2011/

Membuat Automatic Read More Pada Blog

Redmor AutoFungsi Read More kali ini memang agak berbeda dengan Read More yang pernah dibahas sebelumnya. Bila versi terdahulu kita harus mengatur tulisan yang akan di tampilkan dengan yang di minimalisasi tulisan menggunakan cara manual dengan melakukan pemangilan fungsi :
....<span class="fullpost">.............</span>
dimana kode ini biasanya kita tanamkan secara manual ke dalam halaman postingan yang ada di template posting. Untuk versi Auto Read More kali ini akan lebih mudah, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode di atas.

Yang hebatnya lagi, fungsi Auto Read More ini mampu menampilkan image pertama dalam posting dan mem-float image tersebut di awal paragraf awal, meskipun gambar yang kita letakkan berada di tengah atau di akhir postingan. Mungkin lebih tepat  disebut fitur image thumbnail.

Tidak hanya itu saja, kita dapat juga mengatur jumlah karakter yang akan ditampilkan. Disini ada 2 opsi untuk jumlah karakter yang akan ditampilkan, yaitu:
1. Jumlah karakter yang ditampilkan, jika ada image yang diikutsertakan dalam postingan

2. Jumlah karakter tanpa image.

Penting! Yang sudah memasang Read More versi lama kodenya dikembalikan dulu ke seperti semula, caranya hapus kode yang berwarna putih di bawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja).
Kode Read More Versi manual tampilannya seperti di bawah ini :

<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'>Read More.. &#187;&#187;</a>
</b:if>

jika sudah ikuti langkah-langkah selanjutnya.

Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakkan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.


Langsung copy paste saja kode dibawah ini:

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/

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>

Kedua, Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> menjadi seperti kode dibawah 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 == &quot;item&quot;'><data:post.body/>
</b:if>

*) Tulisan yang berwarna biru muda menandakan Read More + judul posting. Jika tidak menghendaki adanya judul, hapus saja kode berwarna biru muda tersebut.
*) Tulisan left berwarna ungu menandakan posisi tulisan Read More pada posting.
*) Bila tulisan left diganti dengan right, maka posisi tulisan Read More berada di sebelah kanan.

Keterangan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)

summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)

summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)

img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)

img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Semoga Berhasil.

Sumber : Ade’s Trick.