htmla

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Sabtu, 18 September 2010

Membuat Iklan Melayang Dengan Tombol Close 1x

Untuk membuat iklan melayang dengan tombol close banyak yang menggunakan berbagai code -code rumit, namun setelanh saya mencari melalui google ternyata ada code yang cukup simple.


Berikut kode yang harus ditambahkan pada blog atau website untuk memasang iklan melayang dengan tombol 1x:


<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #ffffff;
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-100;
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:left">
<a href="javascript:showHideGB()">
untuk keluar.:[Close][Klik 1x]:.
</a>
</div>
<center>

Masukan Kode DISINI

</center>
<div style="text-align:left">
<a href="http://bunli.blogpspot.com">
Get Widget
</a>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (20-gb.offsetWidth).toString() + "px";
</script></div></div>







Selamat Mencoba

Jika artikel ini bermanfaat, silahkan isikan alamat email Anda untuk berlangganan artikel Bunli secara gratis melalui email


Powered by FeedBurner
read more...

Rabu, 15 September 2010

Random Banner Dalam Satu Area

Menampilkan iklan dalam satu area dapat membuat lahan di blog semakin hemat walaupun luas blog tidak terbatas, setidaknya dengan menampilkan iklan dalam satu area dapat mempercantik blog kita.

Berikut kode yang harus ditambahkan:

Buka Page Element - Add a Gadget - HTML/Javascript lalu masukan kode dibawah ini

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var jumlah_iklan = 3;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
if (pasang_iklan==2) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
if (pasang_iklan==3) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href="' + url + '" target="_top">');
document.write('<img src="' + banner + '" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt="' + alt + '" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>

Penjelasan:

var jumlah_iklan = 3 menunjukkan jumlah iklan yang akan di pasang, jika iklan yang dipasang ada 4 maka hasilnya var jumlah_iklan =4

Jika ingin menambah iklan, tambahkan code scriptnya kode ini document.write('<center>'); , contoh:
jika kita ingin menambah 1 iklan lagi menjadi 4 maka code scriptnya adalah:

if (pasang_iklan==4)
txt="bunli";
url="http://www.bunli.com";
alt="blogger, komputer, dan ponsel";
banner="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqK_SuUo3Xc8S16zrSluKr5mp8xBGkWCxEMCU2IomsF85HyRDPiaaYNbkdYuLOu9MiS0rX0UCrXVYCn_iG1WqZgRKnyZsDrQnJRtE-mo15981ceBH8deDg-GTCXDSaHPDIwjwqobWvycqN/";
width="468";
height="60";
}

Selamat mencoba^^


Jika artikel ini bermanfaat, silahkan isikan alamat email Anda untuk berlangganan artikel Bunli secara gratis melalui email


Powered by FeedBurner

sumber: o-om.com , bunli.com
read more...

Minggu, 12 September 2010

Cara Memasang Random Post ( menampilkan posting secara acak )

Random post adalah menampilkan posting yang ada di blog secara acak. Random post berguna untuk meningkatkan jumlah pageview blog kita sehingga pembaca bisa kita tahan untuk lebih lama membaca isi blog kita, alhasil dapat meningkatkan Pagerank dan nilai Alexa suatu blog.


Berikut cara memasang random post pada blog:


Pertama:

Buka Template - Edit HTML ( Jangan lupa lakukan backup template )

Kemudian Copy-paste kode dibawah ini biasanya atas tag ]]></b:skin>


.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}


.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}


.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}


.gfg-subtitle a {color : #a43434;display:none !important;}


.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}


/* To allow correct behavior for overlay */

.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}


.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}


.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}


.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}


.clearFloat {clear : both;}


#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}


Kedua:


Masuk ke Layout - Page Element - Add Gadget- HTML/Javascript dan masukan kode dibawah ini


<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script>


<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>


<script type="text/javascript">

function showGadget() {

var feeds = [

{title:'title',

url:'http://bunli.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'},

];

new GFdynamicFeedControl(feeds, 'feedGadget',

{numResults : 1000, stacked : true,

title: " "});

}

google.load("feeds", "1");

google.setOnLoadCallback(showGadget);

</script>


<div id="feedGadget"><center><img src="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div>


Tulisan yang berwarna merah diganti dengan nama blog kamu

Lalu simpan dan lihat hasilnya^^

Sumber : www.bunli.com

Jika artikel ini bermanfaat, silahkan isikan alamat email Anda untuk berlangganan artikel Bunli secara gratis melalui email



Powered by FeedBurner
read more...

Jumat, 16 April 2010

Web Hosting News Site

Di Indonesia, internet bagi masyarakat kota sudah tidak asing lagi dalam pengetahuan dan penggunaanya. Semenjak tahun belakang ini, perkembangan pengguna internet di Indonesia makin besar dan akan lebih besar lagi di tahun – tahun berikutnya. Hingga saat ini cukup banyak operator yang menyediakan layanan internet seperti operator telekomunikasi dan operator yang mengkhususkan pada layanan internet saja. Koneksi internet yang disediakan oleh operator yang ada di Indonesia cukup beragam, ada yang berbentuk wireless maupun kabel dengan kecepatan yang bervariasi dan harga yang terjangkau.

Di Indonesia, kita dapat menemukan segala hal yang kita inginkan untuk dicari dari internet seperti mencari informasi, shopping, menulis blog, menggunakan email, bermain situs pertemanan seperti facebook, friendster, tweeter, dll. Berbicara mengenai blog, saya sendiri sudah 2 tahun lebih berkecimbung dalam dunia blogger untuk menulis sebuah artikel yang saya dapat di internet dan kemudian menyajikan kembali dalam kata – kata saya di blog yang saya buat seperti di bunli.blogspot.com, bunli.com dan bunlijuni.blogspot.com. bunli.blogspot.com merupakan blog pertama yang saya buat dalam perjalanan menulis blog disusul dengan pembelian domain baru dengan nama bunli.com , sebelumnya saya juga bermaksud menggunakan webhosting untuk mendukung penulisan blog saya tersebut, namun karena keterbatasan dana saat itu maka saya mengurungkan niat saya yang kemudian menggunakan layanan webhosting gratis dari blogspot itu sendiri.

Web hosting sama seperti layanan koneksi internet untuk domain yang harus kita bayar tiap bulan ataupun tiap tahun dengan pembayaran sesuai dengan kuota yang dipilih. Cukup banyak situs – situs layanan webhosting yang beredar di internet dengan menawarkan harga dan layanan yang menarik salah satunya adalah www.webhostingfan.com yang memberikan layanan seperti pembelian domain, penyedia hosting, berita industri layanan web hosting, pengenalan CMS, berita mengenai trend terbaru dalam pengembangan web, web security dan blogging software. Di dalam situs tersebut juga terdapat review yang berasal dari penyedia hosting terbaik sehingga kita dapat mengetahui keunggulan dari situs tersebut.

Bagaimana? Cukup menarik bukan? Segera kunjungi situs tersebut dan dapatkan pengetahuan mengenai web hosting review.




Jika artikel ini bermanfaat, silahkan isikan alamat email Anda untuk berlangganan artikel Bunli secara gratis melalui email



Powered by FeedBurner


read more...

Minggu, 21 Februari 2010

Sudah lama sekali saya ingin menulis artikel tutorial blog mengenai cara memasang "Artikel Terkait" pada posting blog.

Salah satu cara untuk meningkatkan trafic dan pagerank adalah memasang Artikel Terkait tersebut agar pengunjung juga dapat membaca artikel yang lain sehingga pengunung blog tersebut lebih lama diblog tersebut.

Berikut cara memasang artikel terkait tersebut:
  1. Buka " Edit HTML " pada blog kemudian centangkan " Expand Widget Templates "
  2. Cari Kata <data:post.body/> dengan cara menggunakan CRTL-F
  3. Kemudian lihat kode ini: <div style='clear: both;'/> <!-- clear for photos floats -->  
  4. Masukan kode dibawah ini diatasnya
  5. <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='similiar'>


    <div class='widget-content'>
    <br/>
    <h3>Related Articles</h3>
    <div id='data2007'/><br/><br/>
    <script type='text/javascript'>

    var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
    var maxNumberOfPostsPerLabel = 4;
    var maxNumberOfLabels = 10;

    maxNumberOfPostsPerLabel = 100;
    maxNumberOfLabels = 3;


    function listEntries10(json) {
    var ul = document.createElement(&#39;ul&#39;);
    var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
    json.feed.entry.length : maxNumberOfPostsPerLabel;
    for (var i = 0; i &lt; maxPosts; i++) {
    var entry = json.feed.entry[i];
    var alturl;

    for (var k = 0; k &lt; entry.link.length; k++) {
    if (entry.link[k].rel == &#39;alternate&#39;) {
    alturl = entry.link[k].href;
    break;
    }
    }
    var li = document.createElement(&#39;li&#39;);
    var a = document.createElement(&#39;a&#39;);
    a.href = alturl;

    if(a.href!=location.href) {
    var txt = document.createTextNode(entry.title.$t);
    a.appendChild(txt);
    li.appendChild(a);
    ul.appendChild(li);
    }
    }
    for (var l = 0; l &lt; json.feed.link.length; l++) {
    if (json.feed.link[l].rel == &#39;alternate&#39;) {
    var raw = json.feed.link[l].href;
    var label = raw.substr(homeUrl3.length+13);
    var k;
    for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
    var txt = document.createTextNode(label);
    var h = document.createElement(&#39;b&#39;);
    h.appendChild(txt);
    var div1 = document.createElement(&#39;div&#39;);
    div1.appendChild(h);
    div1.appendChild(ul);
    document.getElementById(&#39;data2007&#39;).appendChild(div1);
    }
    }
    }
    function search10(query, label) {

    var script = document.createElement(&#39;script&#39;);
    script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
    + label +
    &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
    script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
    document.documentElement.firstChild.appendChild(script);
    }

    var labelArray = new Array();
    var numLabel = 0;

    <b:loop values='data:posts' var='post'>
    <b:loop values='data:post.labels' var='label'>
    textLabel = &quot;<data:label.name/>&quot;;

    var test = 0;
    for (var i = 0; i &lt; labelArray.length; i++)
    if (labelArray[i] == textLabel) test = 1;
    if (test == 0) {
    labelArray.push(textLabel);
    var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
    labelArray.length : maxNumberOfLabels;
    if (numLabel &lt; maxLabels) {
    search10(homeUrl3, textLabel);
    numLabel++;
    }
    }
    </b:loop>
    </b:loop>
    </script>
    </div>

    </div>
    </b:if> 
                 

Sehingga hasilnya akan seperti ini
</b:if>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='similiar'>


    <div class='widget-content'>
    <br/>
    <h3>Related Articles</h3>
    <div id='data2007'/><br/><br/>
    <script type='text/javascript'>

    var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
    var maxNumberOfPostsPerLabel = 4;
    var maxNumberOfLabels = 10;

    maxNumberOfPostsPerLabel = 100;
    maxNumberOfLabels = 3;


    function listEntries10(json) {
    var ul = document.createElement(&#39;ul&#39;);
    var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
    json.feed.entry.length : maxNumberOfPostsPerLabel;
    for (var i = 0; i &lt; maxPosts; i++) {
    var entry = json.feed.entry[i];
    var alturl;

    for (var k = 0; k &lt; entry.link.length; k++) {
    if (entry.link[k].rel == &#39;alternate&#39;) {
    alturl = entry.link[k].href;
    break;
    }
    }
    var li = document.createElement(&#39;li&#39;);
    var a = document.createElement(&#39;a&#39;);
    a.href = alturl;

    if(a.href!=location.href) {
    var txt = document.createTextNode(entry.title.$t);
    a.appendChild(txt);
    li.appendChild(a);
    ul.appendChild(li);
    }
    }
    for (var l = 0; l &lt; json.feed.link.length; l++) {
    if (json.feed.link[l].rel == &#39;alternate&#39;) {
    var raw = json.feed.link[l].href;
    var label = raw.substr(homeUrl3.length+13);
    var k;
    for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
    var txt = document.createTextNode(label);
    var h = document.createElement(&#39;b&#39;);
    h.appendChild(txt);
    var div1 = document.createElement(&#39;div&#39;);
    div1.appendChild(h);
    div1.appendChild(ul);
    document.getElementById(&#39;data2007&#39;).appendChild(div1);
    }
    }
    }
    function search10(query, label) {

    var script = document.createElement(&#39;script&#39;);
    script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
    + label +
    &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
    script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
    document.documentElement.firstChild.appendChild(script);
    }

    var labelArray = new Array();
    var numLabel = 0;

    <b:loop values='data:posts' var='post'>
    <b:loop values='data:post.labels' var='label'>
    textLabel = &quot;<data:label.name/>&quot;;

    var test = 0;
    for (var i = 0; i &lt; labelArray.length; i++)
    if (labelArray[i] == textLabel) test = 1;
    if (test == 0) {
    labelArray.push(textLabel);
    var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
    labelArray.length : maxNumberOfLabels;
    if (numLabel &lt; maxLabels) {
    search10(homeUrl3, textLabel);
    numLabel++;
    }
    }
    </b:loop>
    </b:loop>
    </script>
    </div>

    </div>
    </b:if>


    <div style='clear: both;'/> <!-- clear for photos floats -->

    NB: Kode yang berwarna Biru bisa diubah angkanya seusai dengan kebutuhan dan hasilnya akan seperti dibawah ini. Selamat Mencoba



    Jika artikel ini bermanfaat, silahkan isikan alamat email Anda untuk berlangganan artikel Bunli secara gratis melalui email


    Delivered by FeedBurner

    Powered by FeedBurner

    read more...

    Senin, 18 Januari 2010

    Mengatur Jadwal Posting Artikel Di Blogger


    Membuat sebuah artikel tiap hari memang tidak cukup sulit, namun yang membuat kita sulit unutk melakukan posting setiap hari adalah waktu dan mood kita unutk menulis artikel setiap hari. Padahal untuk mendapatkan traffik dan terindeksnya blog kita pada Google salah satunya adalah melakukan posting setiap hari.

    Namun untuk mengatasi hal tersebut, blogger juga telah menyediakan schedule post yang memungkinkan kita untuk mengatur jadwal penayangan artikel tersebut untuk di publikasikan..

    Untuk dapat mendapatkan layanan tersebut yang harus dilakukan adalah masuk ke halaman draft blogger yang dapat di akses di http://draft.blogger.com

    Cara melakukan pengaturan waktu posting:
    1. terlebih dahulu kita melakukan login pada blogger
    2. membuka http://draft.blogger.com
    3. pada area posting, pilih "pilihan posting" atau "post options"
    4. arahkan pada pengaturan waktu posting dengan memilih "schedule at" atau " penjadwalan"
    5. masukan tanggal dan waktu untuk ditampilkan posting yang akan dibuat
    6. pada saat kita menekan tombol publikasi maka artikel secara otomatis akan melakukan penayangan sesuai jadwal yang sudah diberikan.
    Dengan metode ini maka artikel kita bisa terus uptodate walaupun kita tidak sedang dalam kondisi memungkinkan untuk menulis artikel
    read more...

    Minggu, 08 November 2009

    Cara Membuat Tombol Share / Bookmark pada Blog

    Setelah berkeliling mencari tombol share dan bookmark untuk blog saya akhirnya saya menemukan situs yang dapat memberikan layanannya pada blog saya. Bisa kalian lihat pada saat ini tampilan pada setiap posting blog sudah tersedia tombol share yang bisa di tujukan ke berbagai macam situs seperti:


    1. Facebook
    2
    . Twitter
    3. Digg

    4. Google
    5. Dll.


    Untuk cara memasangkan blog tersebut pada blog bisa melakukannya dengan mengikuti tahap – tahap di bawah ini:

    1. Masuk ke situs www.addthis.com

    2. Lalu pada tampilan di bawahnya terdapat 3 pilihan yaitu
    • Select your service ( pilih sesuai jenis platform kamu )
    • Select a button style ( pilih sesuai selera )
    • Do you want analytics ( pilih No, just give me the button.)
    • Lalu GET YOUR BUTTON

    3. Pada tampilan bawah kalian akan menemukan kode seperti ini:
    <!-- AddThis Button BEGIN --> <div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4af6b0ae7f29e982"></script></div> <!-- AddThis Button END -->

    4. Lalu kalian masukan kode tersebut pada blog kamu misalnya Blogger, caranya:

    5. Buka EDIT HTML

    6. Klik Expand Widget Templates

    7. Lalu cari kata <div class='post-footer'>. (Jika susah mencarinya gunakan saja ctrl-F lalu isi dengan kata tersebut)

    8. Lalu masukan kode di atas, di bawah kata <div class='post-footer'>.

    9. Dan akan terlihat seperti ini
    <div class='post-footer'>.
    <!-- AddThis Button BEGIN -->
    <div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4af6b0ae7f29e982"></script></div>
    <!-- AddThis Button END -->

    10. Lalu save dan lihat perubahan yang terjadi.

    Pada kode yang saya beri tanda merah bisa kalian ubah dengan kalimat seperti <div align='center'> yang artinya tombol berada di tengah

    Selamat mencoba
    read more...

    Minggu, 01 November 2009

    Paid To Upload


    Ada cukup banyak situs yang memberikan uang gratis dari aktivitas sebagai blogger. Dari yang berbentuk PTC ( Paid To Click ), PPC ( Pai Per Click ), PPR ( Pay Per Review ), PPP ( Pay Per Play ), PPI ( Pay Per Impretion ), Paid Redirect, Paid To Upload , dan masih banyak lagi istilah – istilah lain yang pada intinya memberikan dolar secara gratis.

    Dari sekian istilah – istilah yang ada, mungkin Paid to Upload yang sering kita jumpai karena Paid to Upload adalah sebuah program bisnis internet yang menawarkan untuk setiap file yang anda upload lalu di download oleh orang lain.

    Kok bisa di bayar? Bagaimana caranya? Pada dasarnya setiap file yang kita upload ( upload file ) lalu di download oleh orang lain situs tersebut menampilkan iklan yang merupakan penghasilan mereka untuk membayar kita.

    MissUpload.com adalah salah satu situs Paid To Upload yang memberikan uang $10 atau sekitar Rp.90.000 setiap 1000 download total file. Hasil dari pendapatan tersebut biasanya di bayar melalui paypal lalu bisa kita transfer ke Bank yang ada di Indonesia seperti Mandiri dan BCA. Situs tersebut memberikan free registrasi atau dengan kata lain free upload file, tidak seperti beberapa situs Paid to upload yang mengharuskan membayar untuk menjadi anggota. Kita juga dapat melakukan sharing file yang kita upload dengan menuliskan alamat email pada tempat yang sudah tersedia.

    Tapi untuk mensukseskan kita dalam bisnis tersebut yang paling penting adalah traffic yang tinggi, karena dengan traffic yang tinggi maka penghasilan kita semakin besar dan untuk menghasilkan traffic yang tinggi kita harus melakukan teknik SEO ( Search Engine Optimization ) dengan baik.
    Selamat Mencoba^^

    read more...

    Jumat, 25 September 2009

    Istilah - Istilah SEO

    1.Anchor Text
    Definisi : Teks atau hyperlink yang terlihat.
    Kegunaan dalam SEO : Anchor teks yang tampak pada link yang menunjuk ke Website Anda sangat penting dalam proses SEO. Misalnya, jika situs Anda tentang „Webhosting‟ maka anchor teks "Situs Webshosting" akan membantu menaikkan ranking lebih baik daripada anchor teks

    "Sebuah Situs tentang Sesuatu".
    Contoh : Anchor teks untuk The-Exploration adalah "The-Exploration"

    2.Unique Visitor
    Definisi : Komputer atau seseorang yang masuk ke Website Anda
    Kegunaan dalam SEO : Jumlah dari unique visitor akan meningkatkan popularitas halaman Web Anda.
    Contoh : Anda adalah unique visitor dari halaman ini.

    3.Algorithm
    Definisi : Rumus yang digunakan oleh mesin pencari untuk menentukan bagaimana ranking
    halaman Web dalam hasil pencarian.
    Kegunaan dalam SEO : Memahami algoritma mesin pencari akan membantu Anda
    meningkatkan ranking dalam hasil pencarian.
    Contoh : Algoritma Google tergantung pada banyaknya link yang masuk ke dalam sebuah
    halaman.

    4.Bot
    Definisi : Kependekan dari robot (sering juga disebut spider). Bot merujuk pada program yang memindai Web.
    Kegunaan dalam SEO : Cara bot mesin pencari melihat halaman Web Anda mempengaruhi
    ranking halaman Web Anda.
    Contoh : Nama dari bot milik Yahoo adalah inktomi slurp.

    5.Back Link
    Definisi : Link dari halaman lain yang menunjuk pada halaman judul. Juga disebut inbound links atau IBLs.
    Kegunaan dalam SEO : Jumlah dari IBLs ke suatu halaman akan meningkatkan popularitas di mesin pencari.
    Contoh : Jika Anda me-link halaman ini dengan frase Rank maka itu adalah IBL dari halaman Anda kepada kami.

    6.Blind Traffic
    Definisi : Kualitas trafik jelek yang didapat dari promosi yang salah/ kurang tepat atau karena melakukan spam ke mesin pencari.
    Kegunaan dalam SEO : Mengidentifikasi situs dimana Anda mendapatkan blind traffic akan membantu menghemat uang untuk promosi yang salah.
    Contoh : Jika Anda adalah vendor software dan seseorang mengunjungi situs Anda melalui link yang dia lihat di sebuah situs masakan, itulah yang disebut dengan blind traffic.

    7.Clustering
    Definisi : Fenomena dimana mesin pencari mendata dua atau lebih halaman sebuah Web dengan sebuah query pencari.
    Kegunaan dalam SEO : Semakin banyak halaman Web Anda yang didata oleh query pencari
    semakin bagus kesempatan Web Anda untuk dikunjungi.

    8.Cloaking
    Definisi : Praktek SEO non-etis dengan cara menggunakan halaman Web yang berbeda-beda
    versi dan setiap halaman ditujukan untuk bot mesin pencari tertentu (memanfaatkan kelemahan setiap mesin pencari).
    Kegunaan dalam SEO : Anda bisa diberi penalti dengan berat jika melakukan hal ini, maka jangan lakukan!
    Contoh : Sebuah halaman Web yang ditujukan untuk bot milik Yahoo akan dioptimisasi untuk bot milik Yahoo.

    9.Doorway Page / Gateway Page
    Definisi : Sebuah doorway page atau gateway page bertujuan mengalihkan trafik ke halaman lain. Doorway page biasanya didesain dan dioptimisasi untuk frase kata kunci tertentu dan umumnya bukan ditujukan untuk manusia melainkan bot.
    Kegunaan dalam SEO : Menggunakan doorway page atau gateway page merupakan pelanggaran
    TOS (Terms Of Services) di sebagian besar mesin pencari dan dapat dihukum dengan banning.

    10.Directory
    Definisi : Sebuah direktori adalah situs yang berisi daftar kategori link-link dari seluruh Web.
    Kegunaan dalam SEO : Mesin pencari menggunakan informasi yang terdapat di dalam direktori untuk mengevaluasi halaman.
    Contoh : Direktori DMOZ digunakan oleh Google.

    11.Ethical SEO
    Definisi : Melakukan teknik-teknik SEO dengan benar dan legal sehingga tidak membuat situs Anda terdaftar dalam blacklist oleh mesin pencari.
    Kegunaan dalam SEO : unEthical SEO dapat membuat situs Anda di-banned oleh mesin pencari selamanya.

    12.Filter Words/ Stop Words
    Definisi : Kata-kata seperti : is, am, an, for, do, was, the, di, ke, dari, untuk, dan kata-kata lain yang dianggap tidak relevan oleh mesin pencari.
    Kegunaan dalam SEO : Sedikit menggunakan kata-kata tersebut sebagai keyword di dalam situs Anda akan membantu meningkatkan kepadatan keyword dari keyword asli Anda.

    13.Google Dance
    Definisi : “Google Dance” adalah istilah tidak formal yang merujuk pada periode atau saat dimana Google melakukan update pada indexnya.
    Kegunaan dalam SEO : Selama update berlangsung, hasil pencarian untuk setiap datacenter milik google berbeda. Hal ini dapat membuat lonjakan ranking Anda di Google.

    14.Hits
    Definisi : Request/ permintaan kepada server situs Anda.
    Kegunaan dalam SEO : Semakin banyak hit semakin populer Anda.

    15.Keyword
    Definisi : Kata yang mempunyai tujuan tertentu dari suatu tema sebuah situs. Sebagai contoh, jika sebuah Website memberikan informasi tentang Kendaraan, maka keyword yang digunakan sebaiknya : mobil, sepeda, sepeda motor, Honda, Yamaha, dan semacamnya.
    Kegunaan dalam SEO : SEO adalah proses mengoptimasi halaman Web untuk keyword dan
    frase kata sehingga halaman tersebut mempunyai ranking tinggi di hasil pencarian dari suatu query pencarian.
    Contoh : Keyword dari halaman ini adalah : SEO.

    16.Keyphrases
    Definisi : Grup dari keyword.
    Kegunaan dalam SEO : SEO adalah proses mengoptimasi halaman Web untuk keyword dan
    frase kata sehingga halaman tersebut mempunyai ranking tinggi di hasil pencarian dari suatu query pencarian.
    Contoh : Keyphrase dari halaman ini adalah : Terminologi SEO.

    17.Keyword Density
    Definisi : Jumlah berapa kali sebuah keyword yang spesifik muncul dalam sebuah halaman dibandingkan dengan jumlah kata-kata di halaman tersebut.
    Kegunaan dalam SEO : Semakin tinggi density/ kepadatan suatu keyword, semakin besar
    kesempatan untuk memenangkan keyword tersebut dalam hasil pencarian dari situs lain.

    18.Keyword Research/ Analysis
    Definisi : Proses menganalisa sebuah topik/ situs yang bertujuan untuk mengidentifikasi keyword yang mampu mendeskripsikan topik/ situs tersebut dengan baik.
    Kegunaan dalam SEO : Mengidentifikasi keyword yang mempunyai tingkat pencarian tinggi
    dapat membantu mengoptimasi halaman Web dengan baik.
    Contoh : Wordtracker.com dan Oveture.com menyediakan tool keyword yang berguna.

    19.Keyword Stuffing/ Spamming
    Definisi : Proses menjejali halaman Web dengan keyword baik berhubungan maupun tidak
    berhubungan dengan tema dengan jumlah banyak yang bertujuan untuk memperdaya mesin
    pencari.
    Kegunaan dalam SEO : Walaupun tidak secara langsung melanggar TOS dari mesin pencari,
    setidaknya saat keyword-keyword tersebut tampak bagi pengunjung, hal ini memungkinkan
    mesin pencari mengurangi/ memotong teks yang tidak sesuai dengan struktur grammar.
    Contoh : Wordtracker.com dan Oveture.com menyediakan tool keyword yang berguna.

    20.Link Farm
    Definisi : Grup dari situs yang saling me-link yang bertujuan untuk menaikkan popularitas link.
    Kegunaan dalam SEO : Menggunakan link farm merupakan pelanggaran TOS (Terms Of
    Services) di sebagian besar mesin pencari dan dapat dihukum dengan banning.

    21.Link Popularity
    Definisi : Popularitas dari situs Anda di mata mesin pencari bergantung pada kualitas dan kuantitas dari link ke dan dari situs Anda.
    Kegunaan dalam SEO : Semakin tinggi popularitas link Anda, semakin tinggi ranking Anda.

    22.Mirror
    Definisi : Dalam konteks SEO, mirror adalah situs atau halaman yang nyaris sama/ identik. Mirror umumnya digunakan untuk mengincar keyword/ keyphrase berbeda.
    Kegunaan dalam SEO : Menggunakan mirror merupakan pelanggaran TOS (Terms Of Services)
    di sebagian besar mesin pencari dan dapat dihukum dengan banning.

    23.META Tags
    Definisi : META Description Content, Keywords, dan Title digunakan di bagian head dari Website. Ada sekitar 50 sampai 60 jenis tag yang lain tetapi 3 tag ini yang sering digunakan. Tujuan dari tag ini adalah menyediakan informasi tambahan mengenai sebuah halaman Web, misal metadata. Tag yang paling berpengaruh untuk ranking mesin pencari adalah keyword dan description tag.
    Kegunaan dalam SEO : Tag-tag ini sangat penting untuk mendata situs Anda di mesin pencari.

    24.Natural Links
    Definisi : Link yang menunjuk suatu Website yang dibuat oleh seseorang karena Website
    tersebut berguna/ bagus dan memutuskan untuk membuat link ke situs itu.
    Kegunaan dalam SEO : Jenis link ini sangat bagus dalam popularitas link karena berarti situs yang di-link memang pantas dan mempunyai sumber informasi yang berkualitas. Untuk meningkatkan kesempatan mendapatkan link natural, pastikan situs Anda mempunyai konten/ isi yang lebih berkualitas dari situs saingan Anda.

    25.Off-Page Factors/ Elements
    Definisi : Elemen yang tidak berada dalam kontrol langsung dari developer suatu situs dan berpengaruh dalam menentukan ranking mesin pencari.
    Kegunaan dalam SEO : Mesin pencari semakin bergantung pada elemen-elemen ini saat
    menentukan ranking karena kebal dari spamming dan penyalahgunaan.
    Contoh : Link yang menunjuk ke suatu situs dan anchor text dalam link yang menunjuk suatu situs.

    26.On-Page Factors/ Elements
    Definisi : Elemen yang berada dalam kontrol langsung dari developer suatu situs dan
    berpengaruh dalam menentukan ranking mesin pencari.
    Kegunaan dalam SEO : Elemen-elemen ini cenderung menuju spamming keyword dan
    semacamnya sehingga mesin pencari tidak “melihat” elemen ini seperti off-page elemen saat menentukan ranking.
    Contoh : META tags, page text, title tag text, site link structure

    27.OutBound Links
    Definisi : Link dalam sebuah situs yang menunjuk ke luar situs.
    Kegunaan dalam SEO : Tidak berpengaruh popularitas link tetapi waspadalah untuk tidak melink ke situs yang memungkinkan situs Anda di-banned.

    28.One-way Links
    Definisi : Link ke suatu situs yang tidak berbalas.
    Kegunaan dalam SEO : Jenis link ini sangat bagus dalam membangun popularitas link.

    29.Page Rank
    Definisi : Pengukuran popularitas link milik Google untuk halaman Web.
    Kegunaan dalam SEO : Google mengklaim kalau PR (Page Rank) memegang peranan penting
    untuk rankingnya.

    30.Query
    Definisi : Pencarian suatu kata atau istilah di mesin pencari.

    31.Ranking
    Definisi : Posisi di hasil pencarian mesin pencari yang dicapai Website untuk keyword/ keyphrase tertentu.

    32.Reciprocal Links
    Definisi : Reciprocal link terjadi ketika situs A me-link ke situs B dan sebagai balasannya, situs B juga me-link situs A.
    Kegunaan dalam SEO : Hal ini membantu meningkatkan trafik dan bisa juga menambah
    popularitas link.

    33.Robots.txt
    Definisi : File yang akan dibaca spider/ bot untuk menentukan bagian mana dari Website yang boleh dikunjungi oleh spider/ bot tersebut.
    Kegunaan dalam SEO : Anda bisa menentukan halaman mana yang boleh terindeks atau mesin pencari mana yang boleh mengindeks Website Anda. Misal, Anda bisa menentukan bahwa spider milik Google boleh mengindeks situs Anda tetapi tidak untuk spider milik Yahoo. File ini berguna untuk menghentikan situs agar tidak diindeks secara tidak sengaja saat dalam proses maintenance atau Anda ingin beberapa bagian situs Anda untuk tersembunyi oleh spider.

    34.Search Engine
    Definisi : Database Informasi yang didapat dari mengindeks seluruh halaman web yang ada.
    Contoh : Google, Yahoo, MSN, Search.io

    35.Search Engine Optimization
    Definisi : Proses memodifikasi konten, struktur, dan popularitas link suatu situs untuk memaksimalkan kemungkinan mendapatkan ranking tinggi dalam hasil pencarian mesin pencari.

    36.SERPS
    Definisi : Singkatan dari Search Engine Result PageS.
    Kegunaan dalam SEO : Semakin tinggi ranking situs Anda di SERPS untuk keyword tertentu yang Anda gunakan, semakin banyak pengunjung yang Anda dapatkan.

    37.Site Map
    Definisi : Halaman khusus di suatu situs yang berisi representasi struktur link dari situs yang berbentuk tree-like.
    Kegunaan dalam SEO : Halaman ini memungkinkan spider mesin pencari untuk mengindeks
    halaman-halaman penting dari situs dengan mudah karena bisa dengan mudah diakses dalam satu halaman. Link menuju site map sebaiknya mudah diakses dan diindeks.

    38.Spam
    Definisi : Dalam konteks SEO, spam merujuk pada teknik manipulasi yang melanggar TOS dari mesin pencari dan didesain untuk memperoleh ranking tinggi dari suatu halaman Web.
    Kegunaan dalam SEO : Melakukan spam akan berakibat pada banning.

    39.Title Tag
    Definisi : Title tag digunakan untuk menentukan teks yang muncul di bagian atas dari jendela browser saat mengunjungi halaman Web. Title tag juga muncul sebagai teks link ketika situs muncul dalam hasil pencarian.
    Kegunaan dalam SEO : Title tag berpengaruh dalam ranking situs. Pastikan bahwa title tag adalah teks yang cocok dan relevan dengan tema halaman Web Anda.
    Contoh : Title tag dari halaman ini adalah Terminologi SEO.

    40.Title Text/ Attribute
    Definisi : Teks yang dilampirkan pada tag HTML mana saja dan muncul saat mouse diposisiskan di atas konten tag yang relevan.
    Kegunaan dalam SEO : Jika digunakan dengan benar dapat berpengaruh bagi ranking mesin
    pencari. Title Text/ Attribute bekerja seperti ALT Text/ Attribute.
    Contoh : Ini adalah foto <A href=”http://someplace.com/neatstuff.gif” title=”Me scuba diving(ini
    adalah title text)”>me scuba diving last summer</A>…blablabla…

    41.UnEthical SEO
    Definisi : Melakukan teknik-teknik SEO dengan tidak benar dan ilegal sehingga membuat situs Anda terdaftar dalam blacklist oleh mesin pencari.
    Kegunaan dalam SEO : Praktek ini dapat membuat situs Anda di-banned oleh mesing pencari selamanya.
    Contoh : Cloaking, gateway page, dan semacamnya.

    Sumber : rankquest.com , MR-AMATEUR.CO.CC
    read more...

    Rabu, 12 Agustus 2009

    How much is your website worth?


    Mau tahu berapakah harga Website yang kamu miliki??. Dengan Biz information kamu bisa mengetahui harga dari website yang kamu miliki beserta keterangan secara detail mengenai kondisi situs kamu..

    Seperti blog ini:

    Website saya nilai
    Rp 19.58 Juta



    Ingin mencobanya?? coba aja kunjungin di www.bizinformation.org dan temukan hasilnya, selamat mencoba
    read more...

    Jumat, 17 Juli 2009

    Membuat tulisan atau text kedap - kedip

    Sebelumnya saya sempat ditanya oleh beberapa rekan saya. Bagaimana cara membuat text / tulisan yang bisa kedap - kedip.

    Berikut beberapa cara untuk menampilkan tulisan / text kedap - kedip:

    Pertama:
    Memasukan <blink> disamping text seperti ini:
    <blink>Tuliskan text yang kamu mau</blink>

    dan hasilnya seperti ini:Tuliskan text yang kamu mau

    Kedua :
    Menggabungkan dengan alamat URL yang akan digunakan seperti dibawah ini
    <a href="alamat URL" target="_blank"><blink>nama link</blink></a>

    dan hasilnya seperti ini : Bunli

    Bagaimana? mudahkan..Selamat mencoba..



    read more...

    Minggu, 21 Juni 2009

    E-BOOK Gratis

    read more...

    Rabu, 10 Juni 2009

    Cara Membuat Spoiler pada Posting Blog

    Sebelumnya saya akan menjelaskan bagaimana cara membuat spoiler pada posting blog yang ditanya oleh Yoga Adhi Pratama.

    Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari konten blog kita. Spoiler juga bermanfaat agar konten yang berat seperti gambar dalam ukuran besar dan video tidak diload sebelum menekan tombol show. Dengan kata lain spoiler membantu kita mengurangi waktu load konten blog dan memberikan pilih kepada pembaca blog untuk membuka atau tidak isi spoiler. (berlaku juga untuk web)

    Berikut adalah kode javascipt yang harus ditambahkan dalam posting:

    <div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>JUDUL></b> : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>

    Keterangan:
    • Warna merah yang ada dapat diganti sesuai dengan keinginan
    • "isi spoiler" dapat di ganti dengan text, gambar, musik, atau video
    • Untuk musik dan video yang dimasukan adalah embed kode
    • Apa bila spoiler berupa gambar maka di upload terlebih dahulu lalu di ambil linknya di "edit HTML" atau mengambil link upload seperti di photobucket, bannerbreak dll seperti ini:
    • <a href="http://bunli.blogspot.com"><img border”0” width="200" src="http://bannerbreak.com/banners/2/403/123030631272792456.gif" height="50"/></a>
    • dan hasilnya seperti ini:
    • Banner :



      Semoga artikel ini dapat menjawab pertanyaan yang telah diajukan.selamat mencoba^^
    Sumber: http://www.tips-fb.com , http://pandu-an.blogspot.com
    read more...

    Jumat, 15 Mei 2009

    Memeriksa dan Memasang Pagerank Secara Cepat

    Sebelumnya saya pernah menpostingkan artikel mengenai tukaran link antar blog atau web yang dapat mempengaruhi popularitas blog dan dapat diketahui melalui suatu pagerank.

    Untuk mengetahui pagerank web atau blog kamu, kamu dapat memasukan alamat web atau blog kamu disini




    Check Page Rank of any web site pages instantly:




    This free page rank checking tool is powered by Page Rank Checker service

    atau kamu ingin memasukan alat ini di dalam blog atau web, kamu bisa mengcopy pastekan kode html yang ada di kotak dibawah ini:





    Sumber:www.prchecker.info




    read more...

    Kamis, 14 Mei 2009

    Pagerank Ku Naik Menjadi 1

    PageRankAkhirnya pagerank untuk blog saya naik menjadi 1, Lumayan walau cuma 1 tapi ini menjadi motivasi saya untuk terus meningkatkan informasi, edukasi dan komunikasi serta terima kasih juga kepada semua pengunjung dan kawan-kawan yang mendukung saya^^


    read more...

    Senin, 13 April 2009

    Cara Memberi Background Pada Jendela Windows Explorer

    Pernahkah teman-teman melihat sebuah gambar backgraund pada jendela windows explorer? Mungkin di antara teman-teman sudah tahu cara membuat backgraund pada jendela windows explorer.. Namun menanggapi pertanyaan dari seorang teman, maka saya akan menjelaskan cara membuat background pada jendela windows explorer..

    Secara default layar pada jendela windows explorer adalah berwarna putih polos yang terkadang dapat membuat kita bosan untuk melihatnya, sehingga untuk mengatasi kebosanan ini kita dapat memasangkan gambar background pada jendela windows explorer sehingga tampilannya akan tampak variatif, berbeda, dan tidak membosankan.

    Langkah-langkah membuat background pada windows explorer:

    # Buka program notepad
    # Siapkan gambar yang akan digunakan sebagai background
    # Tulis teks berikut ini ke dalam notepad

    [extshellfolderviews]
    {BE098140-A513-11D0-A3A4-00C04FD706EC}={BE098140-A513-11D0-A3A4-00C04FD706EC}
    [{BE098140-A513-11D0-A3A4-00C04FD706EC}]
    Attributes=1
    Iconarea_Image=NAMA GAMBAR ANDA.JPG
    Iconarea_Text=0x012c071d

    [.shellclassinfo]
    Confirmfileop=0

    Pada kalimat "NAMA GAMBAR ANDA.JPG" teman-teman bisa mengubahnya dengan nama file gambar yang telah di siapkan tadi sebelumnya, sedangkan ".JPG" adalah format file gambar yang di persiapkan, jadi jika nantinya bentuk format filenya adalah .BMP maka tinggal menganti teks .jpg menjadi .bmp

    # Jika sudah simpan notepad tersebut dengan nama "destop.ini"
    # Setelah itu letakan file notepad beserta dengan file gambar pada tempat yang akan di jadikan background
    # Sembunyikan file destop.ini dan file gambar dengan mengubah propertisnya menjadi hidden
    # Jika sudah refresh jendela explorer Anda, lalu perhatikan hasilnya

    Jika tidak terjadi perubahan cek kembali penulisan isi notepad, save dengan nama destop.ini , file gambar anda

    Apa bila masih belum bisa silakan download disini ( 1KB)
    read more...

    Senin, 16 Februari 2009

    Cara Memasang Icon Yahoo!Messenger (YM) pada BLOG

    Salah satu teman saya pernah bertanya:"bagaimana cara memasang status Yahoo!Messenger (YM) di blog?". Oleh karena itu saya akan menjelaskan bagaimana cara untuk membuat status tersebut.

    Caranya cukup mudah yaitu dengan menuliskan code ini di blog kamu:

    <a href="ymsgr:sendIM?IDKAMU"><img border="0" src="http://opi.yahoo.com/online?u=IDKAMU&m=g&t=StyleID"/></a>

    IDKAMU adalah id yang biasanya kamu tuliskan pada saan ingin login di YM

    StyleID adalah code dari icon yang dapat kamu masukan angka dari 1 sampai dengan 16


    misalnya:

    jika id ym kamu adalah "nobody@yahoo.com", maka kamu hanya tinggal memasukkan kata "nobody" saja, sedangkan jika kamu mau memilih icon dengan angka 16, maka hasilnya akan seperti ini:

    <a href="ymsgr:sendIM?nobody"><img border="0" src="http://opi.yahoo.com/online?u=nobody&m=g&t=16"/></a>

    dan gambar iconnya akan seperti ini:

    mudahkan...silakan bervariasi^^

    berikut beberapa gambar icon YM:



    read more...

    Minggu, 04 Januari 2009

    Blogroll

    Apa itu Blogroll?

    Blogroll atau di sebut juga Link Exchange atau kata orang bandung sih tukeran link antar blog atau website adalah menyimpan link address milik orang lain pada blog/website milik kita.

    Apa manfaat dari blogroll?

    Mungkin secara sekilas para sobat berpikir bahwa memasang link address milik orang lain pada blog/website milik kita akan merugikan, sebab dengan itu tentu saja kita memberikan jalan kepada para pengunjung untuk meninggalkan blog kita. Alasan itu mungkin ada benarnya, akan tetapi tidak seutuhnya benar. Dengan adanya blogroll banyak sekali manfaat yang kita dapatkan, antara lain yaitu mempererat tali silaturahmi atau tali persaudaraan diantara pemilik blog/website. selain itu semakin banyak blog kita di link oleh blog lain maka semakin baik pula posisi rangking blog kita pada Search Engine semacam Google, Yahoo, Msn serta teman-temannya. Tentu saja sama-sama kita ketahui bahwa setiap pemilik blog/website berkeinginan bahwa blog/website miliknya mempunyai rangking yang baik pada search engine. Makanya budayakan tukeran link jangan pelit, karena kalau kita pelit memberi link ya tentu saja tidak akan ada yang mau pasang link addres milik kita pada blog mereka.

    Bagi para sobat yang baru membuat blog dan baru memiliki blogroll hanya beberapa saja mungkin tulisan ini tidak terlalu bermanfaat, tapi mungkin barangkali nanti setelah link sobat jumlahnya sampai ratusan atau bahkan ribuan informasi ini bisa jadi bermanfaat. Memang seperti yang tadi saya katakan di awal bahwa bertukar link atau link Exchange sangat bermanfaat, tapi...ada tapinya nie sobat..kalo link sobat sudah mencapai ratusan atau bahkan ribuan tentu saja akan menemui masalah, yaitu tentu saja link ini akan memakan tempat yang banyak dan jadi tidak enak untuk di pandang mata para pengunjung. Nah jika sobat mempunyai masalah demikian, maka saya akan memberikan alternatif jalan keluarnya Yaitu :

    Blogroll dengan marquee

    yang paling banyak di gunakan oleh para blogger untuk menghemat space pada blog adalah dengan menggunakan perintah marquee.

    Contoh membuat blogroll dengan perintah marquee :

    <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" >

    <a href="http://bunli.blogspot.com" target="_blank">bunli</a>
    <br/><br/>

    <a href="http://kolom-tutorial.blogspot.com" target="_blank">blog kang rohman</a>
    <br/><br/>

    <a href="http://rohman-freeblogtemplate.blogspot.com" target="_blank">free Blog Template</a>
    <br/><br/>

    <a href="http://mylearningdays.com/" target="_blank"><img border="0" alt="My Learning Days" src="http://i300.photobucket.com/albums/nn16/ningtyasindri/MyLadyBanner.jpg"/></a>
    <br/><br/>

    <a href="http://bunli.blogspot.com"><img border”0” width="200" src="http://bannerbreak.com/banners/2/403/123030631272792456.gif" height="50"/></a>
    <br/><br/>

    </marquee>




    Maka nanti yang akan tampil pada blog kita adalah seperti ini :



    bunli




    blog kang rohman




    free Blog Template




    My Learning Days











    Sedikit clue biar agak jelas. Kode diatas tidak baku harus di tuliskan persis seperti di atas, tapi bisa di sesuaikan dengan kondisi dan keinginan sobat. Kode yang bisa di rubah adalah :

    scrollamount="2" --> angka "2" adalah menunjukan kecepatan gerakan, jika ingin lebih cepat silahkan ganti nilainya dengan yang lebih tinggi. Misal : scrollamount="3" ,scrollamount="4" , scrollamount="5"

    direction="up" --> tulisan "up" menunjukan arah gerakan keatas, kalau ingin di rubah tinggal ganti kata "up" menjadi "down,left,right" . Misal : direction="down" , direction="left" , direction="right" .

    width="50%" --> tulisan "50%" menunjukan lebar dari marquee sebesar "50%" dari tempat dimana perintah ini ditempatkan, jika ingin di rubah tinggal ganti dengan nilai yang di inginkan. contoh : width="30%" , width="70%" , width="100%"

    height="200" --> tulisan "200" menunjukan tinggi dari marquee sebesar 200px, jika ingin di ganti tinggal di rubah nilai angkanya. Misal : height="100" , height="300" , height="400" , height="250" .

    dah ngerti kan....selamat mencoba^^



    Sumber: kolom_tutorial.blogspot.com


    read more...