Cara Membuat Buku Tamu Di Blog

Cara Membuat Buku Tamu Di Blog
 membuat buku tamu di blog sangat diperlukan, disamping agar pengunjung atau pembaca dapat meninggalkan pesan buku tamu juga bisa menambah cantik blog kamu, cara membuat buku tamu bisa dilakukan dengan berbagai macam cara, banyak juga website yang menyediakan script buku tamu secara gratis juga, dan shoutmix juga cbox adalah sedikit dari website yang menyediakan buku tamu dan paling banyak penggunanya. nah bagaimana cara membuat buku tamu di blog? infonetmu sudah menulisnya di artikel-artikel yang terdahulu.

Cara Membuat Buku Tamu Di BlogCara yang paling banyak digunakan adalah membuat buku tamu melayang di blog, tutorialnya baca dibawah ini!

  1. Login pada blogger atau blogspot kamu.
  2. Klik rancangan.
  3. Add gadget atau tambahkan widget dan pilih html/javascript.
  4. Copy dan paste kode berikut:
    <!-- right hidden chatbox by http:infonetmu.blogspot.com/ START -->
    <style>
    #hcr {
    position:fixed;
    top:100px;
    z-index:+1000;
    }
    * html #hcr {position:relative;}
    .hcrtab {
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://b.imagehost.org/0611/buku-tamu.png') no-repeat;
    }
    .hcrcontent {
    float:left;
    border:2px solid #003e82;
    background:#f3f6f7;
    padding:10px;
    }
    .hc-credit {font-size:9px}
    .hc-credit a {text-decoration:none}
    </style>
    <script type="text/javascript">
    function showHidehcr(){
    var hcr = document.getElementById("hcr");
    var w = hcr.offsetWidth;
    hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
    hcr.opened = !hcr.opened;
    }
    function movehcr(x0, xf){
    var hcr = document.getElementById("hcr");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    hcr.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="hcr">
    <div class="hcrtab" onclick="showHidehcr()"> </div>
    <div class="hcrcontent">
    masukan kode shoutbox/buku tamu sobat di sini
    <br />
    <div class="hc-credit">
    <span style="float:left">

    </span>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    var hcr = document.getElementById("hcr");
    hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
    </script>
    <!-- right hidden chatbox by http://infonetmu.blogspot.com/ END -->
  5. Klik simpan.
  6. Selesei.

sumber : http://infonetmu.blogspot.com/2012/02/cara-membuat-buku-tamu-di-blog.html 

membuat link terbuka di tab baru


membuat link terbuka di tab baru
di dalam membuat suatu artikel di Blogger terkadang kita perlu menyisipkan satu atau beberapa tautan atau link. Cukup mudah untuk membuat link di Blogger. Kita hanya perlu meng-highlight teks yang akan disisipi link kemudian mengisi alamat URL-nya. Bila dilihat di Edit HTML, maka bentuk link tersebut secara umum terlihat seperti ini <a href="URL">Teks</a>.

Bentuk link di atas jika diklik maka akan membuka di tab yang sama. Hal ini bisa saja mengganggu kenyamanan pengunjung yang sedang membaca artikel kita. Agar pembaca tidak kehilangan halaman blog kita, maka solusinya adalah dengan membuatkanlink yang membuka di tab yang baru. Lalu, bagaimana cara membuatnya?


Untuk membuat link yang membuka di tab baru, kita perlu menambahkan kode target="_blank" atau target="_new" atau target="_up" setelah kode "URL".


Contoh:


<a href="http://lanoblog.blogspot.com/2011/09/tukar-link.html" target="_blank">Tukar Link</a>


Maka hasilnya seperti di bawah ini.


Tukar Link


<a href="http://lanoblog.blogspot.com/2011/09/daftar-isi.html" target="_new">Daftar Isi</a>


Maka hasilnya seperti di bawah ini.


Daftar Isi


<a href="http://lanoblog.blogspot.com/2011/10/kode-warna.html'' target="_up">Kode Warna</a>


Maka hasilnya seperti di bawah ini.


Kode Warna

Baca Selengkapnya disini : http://lanoblog.blogspot.com/2011/10/cara-membuat-link-terbuka-ditab-baru.html#ixzz1pLY5RUSn

CARA MEMBUAT DAFTAR ISI BLOG


CARA MEMBUAT DAFTAR ISI BLOG

Cara Membuat Daftar Isi Blog kali ini berbeda cara nya dengan artikel saya terdahulu tentang tutorial cara Membuat Daftar Isi Blog. Beda nya disini adalah mudah, dan lebih tertata rapi. Selain itu yang lebih menarik adalah setiap artikel posting kita yang baru akan terdapat kata new !!. Saya sendiri juga memakai daftar isi tutorial yang ini.
daftar isi blog sangat berfungsi juga untuk seo, karena saya newbie masalah seo saya belum bisa menjelaskan secara detail fungsinya.
Cara membuat daftar isi blog ini terdapat dua cara, cara pertama daftar isi blog ini di dalam box yang terdapat scroll box nya dan di tampilkan di widget blog. Dan cara yang kedua daftar isi blog akan tampil secara keseluruhan tanpa scroll.
Cara Membuat Daftar Isi Blog I :
Masuk blogger > rancangan > Elemen Laman > Tambah Gadget > HTML/Javascript
Pada Kotak Judul beri nama DAFTAR ISI, dan kotak bawahnya isi script di bawah ini
<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://antigaptek.googlecode.com/files/daftarisi.js"></script><script src="http://Blogkamu.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
perhatikan  http://Blogkamu.blogspot.com <<< ganti dengan nama blog anda.
width:430px;height:120px <<< ukuran scroll box bisa di ubah dan di atur sesuai dengan keinginan
simpan dan lihat hasilnya.
Cara Membuat Daftar Isi Blog II :
Masuk Blogger > Entri Baru
Beri Judul beri nama DAFTAR ISI, pada kotak di bawahnya copy kan script di bawah ini
Kemudian di bawah nya lagi pada Post Option, Komentar Pembaca pilih jangan di izinkan.
Masih di post option, pada Post tanggal dan waktu pilih dijadwalkan pada. Kemudian isikan tanggal dan tahun yang lama dari postingan terlama anda. Agar nantinya tidak tampil pada halaman pertama.
Langkah selanjutnya Terbitkan Entri.
Kemudian lihat urlnya simpan di navigasi blog anda, contohnya bisa di lihat disini.
Jangan lupa http://Blogkamu.blogspot.com <<< ganti dengan alamat blog kamu.

memasang Yahoo messenger di blog


memasang Yahoo messenger di blog
sudah tahu kan gambar apa yang ada di samping ini? Ya, gambar di samping merupakan icon yang menandakan status Yahoo Messenger sedang online. Gambar ini sering dijumpai pada banyak blog atau situs di internet. Dengan adanya gambar status YM ini di blog, maka para pengunjung dapat mengetahui apakah Yahoo Messenger sang pemilik blog sedang online atau tidak.berikut cara memasang status yahoo messenger.tapi sebelumnya anda harus memilik akun yahoo.


1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Elemen laman Tambah Gadget.

3. Di Dasar-dasar pilih HTML/JavaScript.

4. Beri judul sesuai keinginan Anda.

5. Copy kode di bawah ini dan paste di kotak Konten.

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

6. Ganti YahooID dengan ID Yahoo Anda dan angka 14 pada t=14 dengan angka icon status YM pilihan Anda. Pilihan icon status YM dapat dilihat disini.


Baca Selengkapnya disini : http://lanoblog.blogspot.com/2011/10/cara-memasang-status-yahoo-messenger.html#ixzz1pLVNRX3I

Cara Memasang Emoticon pada Blogger


Cara Memasang Emoticon pada Blogger

Apakah teman - teman suka dengan tampilan emoticon di blog, seperti telah memasang emoticon di kotak komentar dll, jika ya maka di sini ada tambahan untuk emoticon. Kali ini emoticon akan dipasang dalam halaman blogger. Karna blogger tidak terdapat layanan untuk ini maka kita  harus membuatnya sendiri, berikutCara Memasang  Emoticon pada Blogger :

1. Masuk ke template lalu edit HTML
2. Beri tanda pada Expand Widget Templates 
3. Setelah itu cari kode dibawah ini (Ctrl + f) :

]]></b:skin>

4. Jika sudah ketemu copy code javascript di bawah, dan letakan dibawah kode ini ]]></b:skin>

<script src='http://louislim2.googlepages.com/addSmiley.js ' type='text/javascript'/>

5. Lalu Simpan

Standar kode smile yang bisa digunakan :

:) or :-) 
:D or :-D 
:$ or :-$ 
:( or :-( 
:p or :-p 
;) or ;-) 
:k or :-k 
:@ or :-@ 
:# or :-# 
:x or :-x 
:o or :-o 

Sumber : http//bloggingsecret.net
Selamat mencoba Cara Memasang  Emoticon pada Blogger Anda. 
Terimakasih sudah mengunjungi blog ini... :D 

Cara Memasang Iklan di Bawah Read More


Cara Memasang Iklan di Bawah Read More

Bingung gimana mempromosikan iklan, terutama jika temen - temen telah mengikuti PPC, Banyak temen - temen mengeluh sudah berhari - hari, bermingu - minggu, berbulan - bulan tapi koq iklanya ngak ada yang mengklik. Nah sebetulnya ngak sulit - sulit tapi juga gak gampang, he. Jika temen - temen mengamati blog atau web dengan visit yang bejibun, coba perhatikan peletakan iklannya. Karna dulu saya juga belajar dari melihat yang sudah ada, ya intinya kita pintar - pintar membuat jebakan. Dan yang paling penting dalam pemasangan iklan yaitu Tata letaknya dan warna link teks iklan tersebut. Kali ini kita akan membahasbagaimana memasang iklan dibawah read more, ada yang belum membuatnya jika belum silahkan buat temen - temen bisa memilih read more versi lamaread more plus judul artikel, atau read more otomatis(New). Berikut Contoh Pasang Iklan di Bawah Read More :

Misal saya pasang iklan dengan code berikut :
<!-- Begin: http://adsensecamp.com/ -->
<script src="http://adsensecamp.com/show/?id=jduRim8kGRk%3D&cid=1mKE6FR8OXo%3D&chan=wgcObKAgXeU%3D&type=11&title=006699&text=000000&background=FFFFFF&border=FFFFFF&url=FFFFFF" type="text/javascript">
</script>
<!-- End: http://adsensecamp.com/ -->
Sekarang bagaimana cara memasukan iklannya, berikut langkah - langkahnya :

Langkah-langkahnya adalah sebagai berikut :
  • Klik Tata Letak
  • Pilih Edit HTML.
  • Jangan Lupa Beri tanda centang pada tulisan Expand Template Widget 
  • Jika semua sudah sekarang kita tinggal memasang secriptnya.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<strong><a expr:href='data:post.url'>Baca Selanjutnya  &#8220;<data:post.title/>&#8221; &#160;&#187;&#187; </a></strong>
</b:if>
  • Jika sudah sekarang sisipkan code iklannya, seperti berikut (taruh code iklanya di atas </b:if>) :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<strong><a expr:href='data:post.url'>Baca Selanjutnya  &#8220;<data:post.title/>&#8221; &#160;&#187;&#187; </a></strong>

<!-- Begin: http://adsensecamp.com/ -->
<script src="http://adsensecamp.com/show/?id=jduRim8kGRk%3D&cid=1mKE6FR8OXo%3D&chan=wgcObKAgXeU%3D&type=11&title=006699&text=000000&background=FFFFFF&border=FFFFFF&url=FFFFFF" type="text/javascript">
</script>
<!-- End: http://adsensecamp.com/ -->

</b:if>
Selesai dah, langsung simpan template dan lihat hasilnya. Semoga sukses Pasang Iklan di Bawah Read Morenya.

Cara Membuat Elemen "Gadget" di bawah Header


Cara Membuat Elemen "Gadget" di bawah Header

Gimana ya nambah Gadget, kadang temen - temen sering bertanya? Untuk membuat kolom baru atau yang sering di sebut Gadget ini mudah asal temen - temen sudah mengenal sedikit aja kode kode CSS dan HTML, karna kode ini yang akan di gunakan untuk membuat Elemen tersebut : 

1.Klik Klik Tata Letak
2. Klik tab Edit HTML
3. backup lah template temen - temen (wajib dilakukan)
4. Cari Code  ]]></b:skin> lalu copy pastekan code di bawah ini di atas code ]]></b:skin> 

#under_header{ 
margin:10px 0; 
padding:1%; 
width:98%; 
}

5. Cari kode dibawah ini (jika tidak ada cari yang hampir sama karna setiap temp berbeda - beda) :

<div id='header-wrapper'>  
<b:section class='header' id='header' maxwidget="1" showaddelement="no"> 
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/> 
</b:section></div>

6. Copy kode berikut lalu paste di bawah kode di atas

<div id="under_header"> 
<b:section class='header' id='underheader' preferred='yes'/> 
</div>

7. Klik tombol SIMPAN TEMPLATE

8. Klik tab Tata Letak, maka hasilny aakan seperti dibwah ini :

Klik Untuk Memperbesar

image Cara Membuat Elemen

Selamat Mencoba Cara Membuat Elemen "Gadget" di bawah Headersukses selalu. 
Terimakasih sudah mengunjungi blog ini... :D 

Cara Pasang Widget Lintas Berita Pada Blog

Cara Pasang Widget Lintas Berita Pada Blog
Tutorial ini saya ambil dari blog kang musa yaitu Bagaimana Cara Memasang Widget Lintas Berita Di Blog - Ada banyak web layanan social bookmarking untuk submit artikel, baik dalam maupun luar negeri. Salah satu web layanan sosial bookmark terbaik di Indonesia adalah lintasberita.com. Salah satu fasilitas yang diberikan oleh lintasberita.com adalah Kontribusi Berita. Yaitu widget untuk mengirim berita ke Lintas Berita. Normalnya, untuk berkontribusi sebuah berita ke Lintas, Anda harus login, memasukkan Judul Berita, URL dan Deskripsi, namun dengan widget ini, langkah untuk berkontribusi berita menjadi lebih singkat dan mudah.

Apa saja keuntungan memasang widget lintas berita untuk blog anda?
  • Memberi kemudahan dan kenyamanan bagi Anda untuk mempublikasikan tulisan atau berita Anda.
  • Lintas Berita merupakan tujuan utama untuk para pembaca yang ingin mencari berita berita bagus dan penting.
  • Mempublikasikan artikel ke Lintas Berita merupakan tanda bahwa Anda percaya bahwa tulisan Anda berkualitas dan berguna bagi para pembaca.
  • Memberi kemudahan kepada para pengguna internet untuk menemukan berita Anda.
  • Memudahkan pengunjung website Anda untuk menyebarkan tulisan Anda ke Lintas Berita.

Jika Anda berminat memasang widget lintas berita ini, berikut langkah-langkahnya.
  • Login Blogger -> Setting -> Edit HTML -> Expand Widget Template.
  • Copy paste kode berikut ini dan letakkan tepat di bawah <data:post.body/>.

<a expr:href='&quot;http://www.lintasberita.com/kirimmedia/url:&quot; + data:post.url' rel='nofollow' target='_blank'><img src='http://www.lintasberita.com/buttons_lb/lintasberita-32x32.gif' alt='lintasberita'/></a>

lintasberita

<a expr:href='&quot;http://www.lintasberita.com/kirimmedia/url:&quot; + data:post.url' rel='nofollow' target='_blank'><img src='http://www.lintasberita.com/buttons_lb/lintasberita-32x32-2.gif' alt='lintasberita'/></a>

lintasberita

<a expr:href='&quot;http://www.lintasberita.com/kirimmedia/url:&quot; + data:post.url' rel='nofollow' target='_blank'><img src='http://www.lintasberita.com/buttons_lb/lintasberita-80x15.gif' alt='lintasberita'/></a>

lintasberita

<a expr:href='&quot;http://www.lintasberita.com/kirimmedia/url:&quot; + data:post.url' rel='nofollow' target='_blank'><img src='http://www.lintasberita.com/buttons_lb/lintasberita-100x20.gif' alt='lintasberita'/></a>

lintasberita

<a expr:href='&quot;http://www.lintasberita.com/kirimmedia/url:&quot; + data:post.url' rel='nofollow' target='_blank'><img src='http://www.lintasberita.com/buttons_lb/lintasberita-180x35.gif' alt='lintasberita'/></a>

lintasberita

Silahkan pilih salah satu dari widget tersebut dan lihat perubahannya. Sekarang Anda bisa langsung berbagi postingan terbaru Anda ke Lintas Berita. neh yang mau download Font Hancaraka : Hanacaraka font

Read more: Cara Pasang Widget Lintas Berita Pada Blog | HTC Community http://ojelhtc.blogspot.com/2012/03/cara-pasang-widget-lintas-berita-pada.html#ixzz1p5iB3ykY 
Under Creative Commons License: Attribution Non-Commercial Share Alike

pasang alexa rank di blog

pasang alexa rank di blog
Kali ini saya akan menuliskan tutorial pasang widge alexa rank di blogger, keuntungan menggunakanwidget alexa rank ini adalah kita bisa dengan mudah melihat rangking blog kita di alexa.com dan katanya dengan memasang widget alexa ini alexa rank, blog kita akan naik lebih cepat.

Sudah banyak blogger yang menuliskan tips atau cara cepat menaikkan alexa rank sebuah blog dan salah satu dari cara tersebut adalah memasang widget alexa rank pada blog kita.

Ok saya rasa cukup ceritanya, mari kita lanjutkan.

Tutorial Cara Pasang Widget Alexa Rank.

1. Kunjungi dulu situs www.alexa.com
2. Klik menu Site Tools

3. Klik Alexa Site Widgets
Sekarang masukkan alamat lengkap blog teman pada kolom isian yang sudah disediakan

Tekan enter atau klik Build Widget, maka kode widget alexa rank untuk blog kamu akan terlihat. Silakan kopi dan paste widget dengan ukuran yang kamu mau pada widget/sidebar blog teman.

Bagaimana caranya memasukkan widget alexa di blog saya?

Oke lah kalau begitu, agar lebih jelas saya akan sertakan panduan pasang widget alexa rank di blogger.
Panduan Pasang Alexa Rank Widget Di Blogger

Cara Pasang Alexa Rank Untuk Blogspot Baru

1. Klik Tata Letak
Cara Pasang Widget Jam Di Blogger (http://blog.ahmadrifai.net)

2. Klik Tambah Gadget / Add A Gadget
Panduan Pasang Widget Jam Di Blogger (http://blog.ahmadrifai.net)

3. Pilih Gadget Html/JavaScript
Tutorial Pasang Widget Jam Di Blogger (http://blog.ahmadrifai.net)
4. Masukkan kode widget alexa rank di sini
5. Simpan (kamu juga bisa memindahkan letak widget jam tersebut dengan cara menarik gadget tersebut)

Cara Pasang Alexa Rank Untuk Blogspot Lama

1. Klik Menu Rancangan / Design
Panduan Pasang Widget Jam / Clock Di Blogger
2. Klik Tambah Gadget / Add A Gadget
Panduan Pasang Widget Clock Di Blogger (http://blog.ahmadrifai.net)

3. Pilih Gadget Html/JavaScript
Tutorial Pasang Widget Clock Di Blogger (http://blog.ahmadrifai.net)
4. Masukkan kode widget alexa rank di sini
5. Simpan (kamu juga bisa memindahkan letak widget jam tersebut dengan cara menarik gadget tersebut)

Nah itulah panduan cara pasang widget alexa rank, semoga bermanfaat dan mudah-mudahan alexa rank blognya cepat naik.
 

Alexa Site Info

Categories

Blog Archive