seven points: Februari 2011

Selasa, 22 Februari 2011

Pasang Buku Tamu Di Sidebar

Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting, karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja). 

Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini : 

Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.

Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda

Pada kolom yang berjudul Style, klik menu appearance.

Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.

Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start

Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan

Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda

Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.

Selesai

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.

Untuk blogger dengan template klasik :

Log in terlebih dahulu ke blogger.com dengan id anda

Klik menu Template

Klik Edit HTML

Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan

Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.

Klik tombol Preview untuk melihat perubahan yang kita buat.

Jika sudah cocok dengan perubahan tadi, klik Save Template Changes

Selesai

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :

Silahkan Login dengan id anda

Klik menu Layout

Klik Page Element

Klik Add a Page Element

Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript

Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka

Copy paste kode HTML shoutbox anda di dalam form Content

Klik tombol Save Changes

Drag & Drop element yang telah anda buat tadi di tempat yang di sukai

Tekan tombol Save

Selesai

Selamat mencoba !

Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya :

http://oggix.com

Untuk langkah-langkahnya hampir sama dengan langkah diatas.

Ganti Nama Profil Teman Di Facebook Sesuka Hati

 
Setiap hari pasti kita membuka facebook. Baik dari komputer maupun handphone. Nah...terkadang kita bosan dengan nama profil teman-teman kita. Ada sebuah addon Mozilla Firefox yang sangat unik. Addon ini mampu merubah nama profil teman facebook kita. Juga bisa dirubah warnanya sesuka hati kita.

Tips ini hanya bisa dipergunakan pada Mozilla Firefox. Dan tips ini juga hanya bekerja pada komputer yang sudah terinstal addon ini. Jadi jika kita buka facebook ditempat yang belum terinstal addon, maka nama profil teman tidak akan berubah. Penting!!Cara ini hanya bekerja pada clien facebook. Yaitu account facebook anda sendiri. Jadi meskipun anda sudah mengganti atau merubah nama profil teman serta mengubah warna fontnya, yang berubah hanya pada account facebook anda. Punya teman yang anda ubah tetap tidak akan berubah.

Caranya sangat mudah. Arahkan browser Mozilla Firefox anda kehttps://addons.mozilla.org/en-US/firefox/downloads/latest/87492/addon-87492-latest.xpi dan downloadlah addon My Facebook. Setelah anda integrasikan jangan lupa restart dahulu Mozilla Firefox anda.
Untuk mengganti nama profil teman anda, tinggal klik kanan pada nama profil teman terus pilih Edit. 

Ganti sesuka hati anda. Jika ingin merubah warna font, atur saja pada warna yang tertampil

Nah..keren..kan..!! Buat teman-teman yang tertampil disini jangan marah ya..kalau untuk bahan eksperimen.Peace..man..heheheh

e

memasang yahoo messenger di blog part II

Dengan memasang Offline/Online Yahoo Messenger status,  pengunjung dapat  dimudahkan untuk melihat apakah pemilik blog sedang  online atau tidak dengan  Yahoo Messenger. Untuk memasang Yahoo Messenger Status caranya sangat  mudah, kita tinggal memasang saja kode dibawah ini, Jangan lupa juga  menggantikan kode warna "yang dicetak tebal" dibawah dengan  identitas YM kamu (ID_ merupakan nama depan email yahoo kamu)

Caranya  : Buat halaman HTML/JavaScript dengan masuk menu Layout --> Page  Elements --> Add a Gadget,  kemudian copy paste aja kode dibawah ini  dan jangan lupa untuk mengganti kode ID YM kamu

<a href="ymsgr:sendIM?Id_yahoo_kamu"> <img src="http://opi.yahoo.com/online?u=Id_yahoo_kamu&amp;m=g&amp;t=0&amp;l=us"/>

</a>

Yahoo status online Icon:

Untuk menganti icon YM status kita tinggal mengubah kode diatas yang dicetak tebal "0" , ID kode yang bisa digunakan mulai dari  0-9.

Memasang Widget Sharing Is Sexy di Posting Blog

Sharing is sexy adalah salah satu widget social bookmarking yang disediakan untuk memberi kemudahan bagi pemilik blog  maupun pengunjung dalan mensubmit atau membookmark artikel yang ia  sukai ke situs social bookmarking hanya dengan mengklik pada icon-icon  social bookmarking yang ada.

Keunikan  dari widget sharing is sexy adalah icon-icon social bookmarking yang  terdapat didalamnya bisa bergerak ketika disorot mouse sehingga terlihat  lebih hidup dan menarik. Untuk lebih jelasnya, silahkan lihat disini. Mengenai cara memasang widget social bookmarking sebenarnya sudah pernah saya bahas di blog  ini hanya saja cara pemasangan widget sharing is sexy ini sedikit  berbeda. Oleh karena itu, pada postingan ini saya akan menjelaskan  bagaimana cara memasang widget sharing is sexy di posting blogger/ blogspot.

Bagi anda yang tertarik, silahkan ikuti langkah-langkah dibawah ini:

Masuk ke menu Design->Edit HTML.

Beri centang pada ‘Expand Widget Templates’

Letakkan kode berikut diatas ]]></b:skin>

div.beauty-bookmarks {

height:54px;

background:url(‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi129iUZjA989uWpKEghrc0limCFuipa4dL3abcmB9OaEErgVU67KOjsyRevy4vznWqsNClesAHfqZnOyQC-_IYv3Cx9QSZG4hIzgq4O-e-3e8-VNmc1HfozLf6LiLccFdRdoi8V0AQ9QHw/’)  no-repeat left bottom;

position:relative;

width:455px;

}

div.beauty-bookmarks span.beauty-rightside {

width:17px;

height:54px;

background:url(‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi129iUZjA989uWpKEghrc0limCFuipa4dL3abcmB9OaEErgVU67KOjsyRevy4vznWqsNClesAHfqZnOyQC-_IYv3Cx9QSZG4hIzgq4O-e-3e8-VNmc1HfozLf6LiLccFdRdoi8V0AQ9QHw/’)  no-repeat right bottom;

position:absolute;

right:-17px;

}

div.beauty-bookmarks ul.socials {

margin:0 !important;

padding:0 !important;

position:absolute;

bottom:0;

left:10px;

}

div.beauty-bookmarks ul.socials li {

display:inline-block !important;

float:left !important;

list-style-type:none !important;

margin:0 !important;

height:29px !important;

width:48px !important;

cursor:pointer !important;

padding:0 !important;

}

div.beauty-bookmarks ul.socials a {

display:block !important;

width:48px !important;

height:29px !important;

font-size:0 !important;

color:transparent !important;

}

.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover,  .beauty-reddit, .beauty-reddit:hover, .beauty-stumble,  .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover,  .beauty-technorati, .beauty-technorati:hover, .beauty-facebook,  .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover,  .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat,  .beauty-designfloat:hover {

background:url(‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTJSr9ezdTCkdRGGN42UAXQBOMSCUe7qEKabgtImfj8ScZAr-WgIj1DJpoW2b4yi5ffIFh1fr8KjUxYfUNlYNAek1w8_JLHpIr6W2nfNZKlyPdDVXUw59BT_HCXQCH5abz_uQsqjFKQmZs/’)  no-repeat !important;

}

.beauty-furl {

background-position:-300px top !important;

}

.beauty-furl:hover {

background-position:-300px bottom !important;

}

.beauty-digg {

background-position:-500px top !important;

}

.beauty-digg:hover {

background-position:-500px bottom !important;

}

.beauty-reddit {

background-position:-100px top !important;

}

.beauty-reddit:hover {

background-position:-100px bottom !important;

}

.beauty-stumble {

background-position:-50px top !important;

}

.beauty-stumble:hover {

background-position:-50px bottom !important;

}

.beauty-delicious {

background-position:left top !important;

}

.beauty-delicious:hover {

background-position:left bottom !important;

}

.beauty-technorati {

background-position:-700px top !important;

}

.beauty-technorati:hover {

background-position:-700px bottom !important;

}

.beauty-twitter {

background-position:-350px top !important;

}

.beauty-twitter:hover {

background-position:-350px bottom !important;

}

.beauty-facebook {

background-position:-450px top !important;

}

.beauty-facebook:hover {

background-position:-450px bottom !important;

}

.beauty-script-style {

background-position:-400px top !important;

}

.beauty-script-style:hover {

background-position:-400px bottom !important;

}

.beauty-designfloat {

background-position:-550px top !important;

}

.beauty-designfloat:hover {

background-position:-550px bottom !important;

}

NB:

Jika anda ingin mengganti tulisan ‘Sharing is sexy’ menjadi ‘Sharing is  caring’ maka ganti left bottom dan right bottom menjadi left top dan  right top

Setelah itu cari <data:post.body/>

Letakkan kode berikut dibawahnya

<b:if cond=’data:blog.pageType == “item”‘>

<div class=’beauty-bookmarks’>

<ul class=’socials’>

<!– delicious start–>

<li class=’beauty-delicious’><a  expr:href=’&quot;http://del.icio.us/post?url=&quot; +  data:post.url + &quot;&amp;title=&quot; + data:post.title’  target=’_blank’/></li>

<!– delicious end–>

<!– digg start–>

<li class=’beauty-digg’><a expr:href=’&quot;  http://digg.com/submit?url=&quot; + data:post.url +  &quot;&amp;title=&quot; + data:post.title’  target=’_blank’/></li>

<!– digg end–>

<!– technorati start–>

<li class=’beauty-technorati’><a expr:href=’&quot;  http://technorati.com/faves?add=&quot; + data:post.url +  &quot;&amp;title=&quot; + data:post.title’  target=’_blank’/></li>

<!– technorati end–>

<!– reddit start–>

<li class=’beauty-reddit’><a expr:href=’&quot;  http://www.reddit.com/submit?url=&quot; + data:post.url +  &quot;&amp;title=&quot; + data:post.title’  target=’_blank’/></li>

<!– reddit end–>

<!– Stumbleupon start–>

<li class=’beauty-stumble’><a expr:href=’&quot;  http://www.stumbleupon.com/submit?url=&quot; + data:post.url +  &quot;&amp;title=&quot; + data:post.title’  target=’_blank’/></li>

<!– Stumbleupon end–>

<!– designfloat start–>

<li class=’beauty-designfloat’><a  expr:href=’&quot;http://www.designfloat.com/submit.php?url=&quot;  + data:post.url + &quot;&amp;title=&quot; +  data:post.title’ target=’_blank’/></li>

<!– designfloat end–>

<!– facebook start–>

<li class=’beauty-facebook’><a expr:href=’&quot;  http://www.facebook.com/sharer.php?u=&quot; + data:post.url +  &quot;&amp;title=&quot; + data:post.title’  target=’_blank’/></li>

<!– facebook end–>

<!– twitter start–>

<li class=’beauty-twitter’><a  expr:href=’&quot;http://twitter.com/home/?status=Chk Out-&quot; +  data:post.title + &quot; &quot; + data:post.url’  target=’_blank’/></li>

<!– twitter end–>

<!– furl start–>

<li class=’beauty-furl’><a expr:href=’&quot;  http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url +  &quot;&amp;title=&quot; + data:post.title’  target=’_blank’/></li>

<!– furl end–>

</ul>

<span class=’beauty-rightside’/>

</div>

</b:if>

Jika  ada situs social bookmarking tertentu yang tidak ingin anda gunakan maka  hapus saja kodenya. Contoh anda tidak ingin memasang Facebook maka  hapus kode seperti ini:

<!– facebook start–>
<li class=’beauty-facebook’><a  expr:href=’&quot; http://www.facebook.com/sharer.php?u=&quot; +  data:post.url + &quot;&amp;title=&quot; + data:post.title’  target=’_blank’/></li>
<!– facebook end–>

6. Kalau sudah simpan template anda. Selesai

Selamat mencoba!!

Memasang Tombol Twitter, Facebook Share dan Facebook Like di Blog

Anda  tentu tau apa itu Twitter, Facebook atau tombol share lainnya. Saat ini  situs-situs jejaring sosial terutama Facebook dan Twitter  merupakan  jenis situs online yang paling banyak diakses oleh pengguna  internet di  seluruh dunia, dengan salah satu layanan yang banyak  digunakan adalah  kemudahan bagi penggunanya untuk menyebarkan/membagikan  aka share  artikel online yang ada di berbagai website/blog.

Bagi pemilik atau pengelola website/blog,  tentunya hal tersebut  menjadi salah satu peluang untuk memperbesar  tingkat kunjungan ke  situsnya melalui Facebook dan Twitter ini, dengan  memberikan kemudahan  bagi pengunjung untuk share artikel yang ada di blog, salah satunya  adalah dengan memasang tombol share Facebook dan Twitter.

Sebelumnya  pernah disampaikan secara terpisah cara memasang tombol  share Twitter  dan Facebook, dan juga tombol  Facebook Like. Kali ini masih soal cara  memasang tombol Facebook  dan Twitter, tapi sedikit berbeda dari cara  sebelumnya itu. Pemasangan  tombol share kali ini menggunakan layanan  dari LinksAlpha, yang  menyediakan tombol share yang menggabungkan  ketiga tombol tersebut  (Facebook Share, Facebook Like, dan Share  Twitter) untuk ditampilkan  menjadi satu baris saja, sehingga terlihat  lebih simpel, kompak dan  lebih rapi.

Sebenarnya, tombol bernama “1-Click  Retweet/Share/Like” yang  disediakan oleh LinksAlpha ini bisa anda  pasang dengan menggunakan kode  yang diberikan di situs tersebut. Tapi  sayangnya, kode tombol yang  disediakan hanya untuk halaman / URL statis  saja (Website), jadi tidak  bisa tampil secara otomatis membaca  URL/alamat setiap artikel blog.  Kecuali anda install plugin untuk blog WordPress (self-hosted), atau  blog TypePad.

Untuk platform blog/situs lainnya, tenang saja, bisa diakali kok.  Berikut ini cara pemasangannya.

1. Pasang di template Blogspot/Blogger

Silahkan login, masuk ke tab Design/Layout, lalu klik Edit Template,  centang pilihan Expand Widget Templates. Cari kode <data:post.body/>  di template anda, lalu di atas/di bawahnya pasang kode ini:

view plainprint?
<iframe id='websites_iframe' expr:src='&quot;http://www.linksalpha.com/social?link=&quot; + data:post.url + &quot;&quot;' frameborder='0' height='25px' scrolling='no' width='320px'/>  

2. Pasang di template WordPress.ORG (self hosted)

Anda bisa install plugin ini, atau bila anda seperti saya    yang tidak suka install terlalu banyak  plugins (karena semakin banyak  plugins, semakin berat beban server  hosting),  silahkan pasang kode berikut ini. Silahkan login, masuk ke  Appearance,  lalu klik Editor (Themes editor).  Silahkan buka template  Single Post  (single.php) atau Page Template  (page.php). Carilah kode <?php the_content();  ?>, lalu di atas/di bawahnya tambahkan kode ini:

view plainprint?
<iframe id="websites_iframe" src="http://www.linksalpha.com/social?link=<?php the_permalink() ?>" scrolling="no" frameborder="0" height="25px" width="320px"></iframe>  

3. Pasang di Sidebar/Widget/Webpage (javascript)

Ini  adalah kode generik untuk semua website (tentunya yang  membolehkan  pemasangan kode javascript) tanpa perlu edit template/theme,  seperti  pada demo  pemasangan di artikel ini.

view plainprint?
<script type="text/javascript">  
document.write('<ifr'+'ame id="websites_iframe" src="http://www.linksalpha.com/social?link=' + escape(location.href) + '" scrolling="no" frameborder="0" height="25px" width="320px"></ifr'+'ame>');  
</script>  



Untuk blog WordPress.COM (atau blog lainnya yang  tidak mendukung  pemasangan kode script atau pun iframe, alternatifnya  bisa menggunakan  layanan dari situs GetSocialLive (klik disini). Tapi terpaksa pasang tombol satu-satu di setiap artikel

Membuat Recent Post Thumbnail + Spy di Blog

Kali  ini saya akan memberikan tutorial tentang gimana caranya membuat recent  post yang ada gambarnya, nggak itu aja gambarnya bisa jalan lagi, hebat  kan? Karena dengar-dengar fungsi atau keberadaan recent post akan  sangat  berguna (terasa  dibutuhkan) ketika pengunjung berada pada  halaman  posting. Kemungkinan  besar mereka ingin mencari link  posting-posting  terbaru yang masih  tergolong fresh.

Recent post kali  ini ada sedikit berbeda dengan recent post yang  saya postingkan kemarin  yang hanya menyediakan fasilitas thumbnailsnya saja, teman teman bisa  lihat  di homepage blog  ini. Tapi kalau yang ini agak sedikit berbeda,  karena selain memiliki  thumbnail (gambar), disertakan juga tampilan  tanggal postingan dan  jumlah komentar, dan tentu dengan efek spy. Sangat  menarik untuk di  coba teman-teman . Recent post ini saya dapatkan dari  hasil browsing ke  tempatnya om Abu  Farhan . 

Silahkan lihat demo  ini bagi yang belum melihatnya, soalnya widgetnya saya tampilkan di  home saja. Baik, langsung kita menuju ke langkah-langkah pembuatannya  :

Log in ke Blogger
Kemudian pilih Design --> Page Element
Add gadget -->> HTML/Javascript
Copy paste kode di bawah ini ke gadget sidebar teman-teman.

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

</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;

fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://seven-points.blogspot.com";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

Save-->>  Selesai.

Catatan Penting :

Ganti URL ( http://seven-points.blogspot.com ) dengan URL teman .
Atur lebar dan sesuaikan dengan lebar sidebar teman-teman.
Apabila ingin menyesuaikan lagi dengan background template teman-teman, bisa menggantinya dengan background yang lain.
Sesuaikan juga lebar dan tinggi gambar (thumbnails) nya.
Berapa post yang teman-teman ingin tampilkan bisa di ubah sesuai selera.

Itu tadi sedikit gambaran bagaimana caranya untuk membuat recent post thumbnail yang bisa gerak naik turun, semoga berhasil.

Sekian dari saya. Semoga  bermanfaat

Membuat Iklan Melayang dengan Tombol Close

Objek  melayang atau sering juga di sebut dengan Float Top Bar, sebuah jendela  kecil yang  muncul dari atas halaman setiap kali kita mengunjungi  Website atau Blog.  Float Top Bar  ini biasanya berisi Content Iklan ataupun sebuah Form  SubScribe  sehingga pasti terlihat oleh pengunjung Website atau Blog  kita. Untuk  membuat Iklan melayang seperti ini sangatlah mudah, hanya  dengan  beberapa langkah, maka Iklan Melayang tersebut sudah bisa  terpasang  pada Website atau Blog Anda.

 Oke, berikut ini adalah langkah-langkah pembuatannya :

Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
Masuk ke Tab Tata Letak
Pilih Elemen Halaman
Tambah Gadget Pilih HTML / JAVASCRIPT
Dan copy kode di bawah ini kedalamnya yah

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn7CxUlKpac6G3eiUKql5canycKMqZIb8nmspOaj2nZqVJ65rQEAM6gTSMbp1kYqI_8IfR8JhOuO9pDfE_m6oe52hKwbUU_PjGH2IzbgA7Lp3_yvcA-qu81WxhjiNSp4LObt9qmLb6Mg4/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn7CxUlKpac6G3eiUKql5canycKMqZIb8nmspOaj2nZqVJ65rQEAM6gTSMbp1kYqI_8IfR8JhOuO9pDfE_m6oe52hKwbUU_PjGH2IzbgA7Lp3_yvcA-qu81WxhjiNSp4LObt9qmLb6Mg4/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

    6. Simpan

Untuk tulisan yang berwarna merah, bisa teman-teman ganti dengan kode iklan, gambar ataupun tulisan yang diinginkan, selamat mencoba. 

Cara Agar Blog Terindeks Search Engine

Blog bisa terindeks oleh Search engine merupakan permasalahan kaum blogger di dunia, khususnya yang baru  saja buat  blog baru, atau baru pertama kali buat blog langsung dapet masalah seperti gini. Sebenernya mudah saja, kita tinggal submit blog kita ke search engine dan beberapa direktori blog, dan juga  pengaturan meta tag di dalam template. Untuk lebih lengkapnya mari kita  perhatikan:

Cara PertamaUntuk mempercepat peng-indeks-an, daftarkan url blog anda  pada search engine, khususnya Google. Dimana mendaftarkannya? Anda perlu  mengunjungi url berikut:
http://google.com/addurltunggu  beberapa hari kemudian cek blog anda di Google caranya ketik berikut di  kotak pencarian:
site:namadomainanda.comganti  kalimat berwarna merah dengan url domain anda. Jika sudah tampil berarti  blog anda sudah terindeks.
Cara keduaDaftarkan  blog pada Webmasters, caranya kunjungi url berikut ini:

http://google.com/webmasters/
Kemudian  klik Add a site... dan masukkan  url blog Anda.

Verifikasi  blog dengan klik verify this site  kemudian pilih meta tag pada  menu dropdown. Perhatikan gambar berikut ini:

Copy  meta tag tersebut dan taruh di bawah kode <head>. Perhatikan contoh:

<html>
<head>
<meta  name="google-site-verification"  content="bzsoguph3JF9xQZ5c9L3xxxxxxxxxxx" />
<title>

My  title

</title>

</head>

<body>

page  contents

</body>

</html>
Jika  sudah selesai klik tombol verify
Tambahkan  sitemaps dengan klik domain tadi, dan pilih Site Configuration lalu Sitemaps,  lalu klik Submit a sitemap dan  tambahkan data ini di form:

atom.xml?redirect=false&start-index=1&max-results=1000

feeds/posts/default

feeds/posts/default?orderby=updated

feeds/posts/default?redirect=false

rss.xml?redirect=false&start-index=1&max-results=1000
Cara  ketiga

Submit ke beberapa Direktori, seperti yang pernah saya  posting sebelumnya karena saya telah melampirkan List  Direktori Artikel Do Follow. Contoh direktori yang sering digunakan  adalah:

 

Digg.com
Technorati
Infogue.com
LintasBerita.com
StumbleUpon.com
Cara  keempatTambahkan meta tag indeks pada template anda. Jika  sudah anda meta tag dengan id robots, benarkan jika beda dengan meta tag  berikut:

<meta content='INDEX,FOLLOW'  name='Robots'/>Nah,  hal-hal di atas adalah hal  terbaik yang dapat kita manfaatkan untuk  berhubungan dengan search  engine. Dan jika ada data yang kurang, mohon  sharing-nya. Maaf juga jika  ada kata-kata yang kurang dimengerti dan  agar ditanyakan di kolom  komentar. Semoga bermanfaat.

memasang yahoo messenger di blog

Artikel kali  ini mungkin sedikit menarik bagi temen-temen blogger yang punya hobi  chatting. Ya, disini saya akan berikan tutorial singkat bagaimana cara  memasang Yahoo Messenger di bloger. Fasilitas ini seperti yang ada di  friendster, jadi kita bisa langsung ngobrol dengan pengunjung. Seperti  itulah kira-kira fungsi dari menu ini, soalnya saya sendiri juga belum  pernah pake Friendster, maklum orang dusun yang kadang-kadang kalau lagi  nulis artikel listriknya mati.

Untuk memasang Yahoo Messenger ini kita bisa memanfaatkan fitur Pingbox  yang disediakan  Yahoo!. Lewat Pingbox, kita akan mendapatkan kode yang  harus kita  pasang di blog, profil Friendster, atau website kita.

Berikut ini cara membuat Pingbox:

Kunjungi http://messenger.yahoo.com/pingbox/studio/ untuk menuju ke halaman seperti pada gambar di bawah ini:
Pilih Background Theme sesuai dengan preferensi kita;
Di kolom Display name, masukkan nama yang akan kita tampilkan. Contrenglah opsi Show Yahoo! Messenger display image jika kita ingin menampilkan gambar yang sekarang muncul di YM kita.
Pilihlah salah satu ucapan selamat datang di kolom Online Greeting, atau pilih Enter custom message jika kita ingin membuat sendiri ucapan itu.
Pilihlah salah satu pesan bahwa kita sedang tidak online di kolom Offline message, atau pilih Enter custom message jika kita ingin membuat sendiri ucapan itu.
Contrenglah opsi Require visitors to enter Nickname to send IM agar setiap orang yang mengirim pesan ke kita diwajibkan mengisikan nama aliasnya (nick name);
Pada kolom Save Pingbox as, tulislah nama Pingbox kita. Misal, jika pingbox yang kita bikin sekarang ini akan dipasang di blog, berilah nama Pingbox Blogger atau sesuka anda.
Tekan tombol Save;
Akan muncul windows bar. Masukanlah Yahoo! ID dan passwordnya, lalu tekan tombol Sign In. Windows itu akan menutup sendiri.
Akan muncul kotak berisikan kode yang harus kita pasang. Untuk mendapatkan kode yang pas sesuai peruntukannya, pilihlah jenis blog atau website kita. Misal, jika kita ingin mendpatkan kode untuk Blogger maka kliklah logo dan tulisan Blogger yang tersedia.
Tentukan ukuran kotak yang kita inginkan. Sangat disarankan untuk memilih opsi Recommended.
Tekan tombol Copy to clippboard.

Tahapan selanjutnya Cara Pasang Yahoo Messenger (YM)  di Blogger, langkah-langkahnya sebagai berikut:

Login ke blogger dengan akun anda, kemudian klik Rancangan/Design >> Tambah/Add Gadget >> pilih HTML/JavaScript
Setelah terbuka halaman baru, pada kolom Judul, tulislah Judul yang kita mau, misal: CHATBOX.
Pada kolom Konten masukan kode Pingbox yang telah dicopy sebelumnya, caranya letakkan Crusorklik kanan dengan mouse dan pilih paste atau tekan Ctrl + V pada keyboard; ke dalam kolom Konten, lalu
Klik Simpan, selesai.

memasang gambar pada pojok blog

Sebenarnya gambar untuk sebuah blog  mempunyai banyak maksud dan  fungsinya,  fungsi yang paling menonjol  adalah untuk memperjelas suatu pembahasan.  Dan fungsi lainya hanya  sebagai aksesoris atau mempercantik tampilan  suatu blog saja, supaya pengunjung lebih betah dan lama-lama mengintip  blog  yang kita kelola. Kali ini saya akan memberikan tutorial yang sangat  sederhana, tutorial yang sifatnya hanya untuk menambah aksesoris blog anda. Tapi bisa juga berfungsi untuk menghemat ruangan blog, karena lokasi penempatannya berada di pojok kanan atau kiri. 

Nah, bagi temen-temen yang tertarik dan ingin menambah aksesoris untuk blog, di bawah ini akan saya jelaskan langkah-langkah pemasangannya :

Login ke blogger dengan akun anda
Rancangan >> Edit HTML
Cari kode ini ]]></b:skin> kalo dah ketemu taruh kode berikut ini di atasnya.
#gambar_mojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
Text yang dicetak tebal adalah posisinya, kalau pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top"
Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
<div id="gambar_mojok">
<a href="http://seven-points.blogspot.com">
<img src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" border="0" /></a>
</div>
Jika anda pingin yang ada disitu bukan gambar tetapi jam, kalender, hit counter atau widget-widget yang lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
Simpan hasil kerja kamu dan lihat hasilnya

Keterangan :

Kode url yang berwarna bitu http://seven-points.blogspot.com" ganti dengan url blog anda.
Warna merah http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif adalah url gambar yang anda bisa ganti sesuai keinginan.

Jika anda sudah selesai, jangan lupa kasih komentar di bawah. Dan jika anda ingin copy paste artikel ini silahkan saja, karena blog saya ini blog bebas copy paste. Selamat mencoba dan semoga bermanfaat.

Download Accelerator Plus Premium 9.4.1.1 Final

Download  Accelerator Plus (DAP) adalah download manager terkemuka di dunia,  memungkinkan Anda untuk mendownload sampai 300% untuk lebih cepat dengan  peningkatan kehandalan, melanjutkan dukungan dan pemulihan kesalahan.  DAP mencari situs mirror yang paling efektif, melayani Anda download  melalui koneksi multiserver untuk pemanfaatan optimal dari dial-up atau  koneksi broadband. 

DAP otomatis bisa jalan lagi ketika  komputer mati, kehilangan koneksi,  dan kesalahan lainnya. Hal ini sepenuhnya terintegrasi ke Netscape,  Internet Explorer, dan Opera, Mozilla / Firefox dan menawarkan toolbar  untuk Internet Explorer dengan link penangkap dan penanda url,  memberikan kinerja terbaik dari koneksi Internet APAPUN (dial-up, kabel,  DSL / ADSL , T1 dll), memungkinkan download lebih cepat dan pengalaman  yang lebih handal. Terintegrated  fitur auto-hang-up setelah download,  pengaturan proxy, penjadwalan, dan layanan AlwaysResume unik. 

Fitur DAP : 

Download terjadwal - Advanced pengelolaan antrian download, prioritas dan status
Informasi file panel - Advanced informasi file download dan sumber
Menyelesaikan download daftar - daftar terpisah dari download yang sudah selesai
integrasi DAP Drive - Menyimpan file download dan Upload ke web penyimpanan Drive DAP
Media Center Tab - nyaman mengelola file media Anda
Superior Usability antarmuka dengan pilihan desain yang fleksibel
Terintegrasi dengan semua browser - Internet Explorer, Netscape, Opera, Mozilla / Firefox
Zip Extract - download & ekstrak file tertentu dari zip arsip
Pemindahan Iklan Banner dalam aplikasi
Manajemen dan password situs lain yang relevan (tak terbatas)
Prioritas dukungan teknis
Extreme akselerasi kecepatan - untuk download lebih cepat
Sama sekali tanpa iklan!
Shredder untuk menghilangkan file Anda tidak perlu!
Trace Cleaner-menjaga privasi Anda setelah browsing!
Gambar & ekstrak file zip saat download!
Cool tampilan baru, lebih nyaman fitur manajemen!

Untuk mendownload KLIK DISINI

memasang IP address pada blog

Tutorial kali ini saya akan membahas tentang memasang IP Address di blogger anda.Dengan memasang IP address pada blog, anda dapat mengetahui atau melacak IP address  para pengunjung blog  atau web yang kita kelola. Tidak hanya itu, amda bahkan  dapat  mengetahui browser dan operating system yang sedang anda pakai. Ada  beberapa situs yang menyediakan untuk melacak IP  address secara gratis  diantaranya adalah www.wieistmeineip.de

Untuk memasangnya sangat mudah, Anda cukup kunjungi situs www.wieistmeineip.de. Kemudian pada halaman depan akan ada gambar seperti dibawah  ini :

Klik gambar tersebut dan kemudian anda akan  dibawa ke halaman pilihan model IP address beserta kode HTML-nya, contohnya seperti ini :        

 Anda salin (copy) kode HTML-nya dan masukkan ke  blog anda. Caranya seperti berikut :

Login ke blogger dengan akun anda
Setelah itu klik Tata Letak
Menuju ke Elemen Halaman
Klik Tambah Gadget
Pilih yang HTML/Javascript
Masukkan kode HTML-nya kedalam kolom kosong yang tersedia
Lalu Simpan.

Nah, itu tadi tutorial sederhana mengenai pemasangan IP Addres di Blog, selamat mencoba dan semoga bermanfaat. Oya, jangan lupa kasih komentar, ya? Komentar temen-temen sangat berarti bagi blog ini.

Pages

Selasa, 22 Februari 2011

1. Pasang di template Blogspot/Blogger

2. Pasang di template WordPress.ORG (self hosted)

3. Pasang di Sidebar/Widget/Webpage (javascript)

Cara Pertama

Cara kedua

Cara ketiga

Cara keempat