Sponsors

This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Friday, July 20, 2012

Cara Membuat Read More Otomatis


Berikut ini Blog referensi terpercaya akan membahas mengenai Cara Membuat Read More Otomatis yang berada di Homepage Blog. Setelah sebelumnya tadi Blog referensi terpercaya sudah membahas mengenai Membuat Burung Twitter Terbang di Blog maka kali ini saya mengambil judul yang lain.

Dengan Membuat Read More Otomatis di blog, sobat tidak perlu menambah atau mengurangi kode-kode di blog. Widget Read More ini akan tampil di Homepage seperti di Hompage Blog Adexme. Kemarin Blog Adexme sebelum melakukan ganti Template yang baru sempat mengalami masalah tapi akhirnya setelah saya bertanya-tanya dan memberi komentar pada Sahabat blogger Klik Munadi akhirnya dapat Juga.

Tanpa Pikir panjang, mari kita lakukan langkah-langkah Cara Membuat Read More Otomatis, ikuti langkah berikut ini.

     1.  Login dulu di Blogger dengan Akun sobat.

     2.  Pada Dasbor, Klik Rancangan.

     3.  Setelah itu Klik tab Edit HTML.

     4.  Klik Download Template untuk mencegah terjadinya Eror Kode.
     5.  Beri tanda Centang pada Expand Template Widget.
     6.  Cari kode </head>. Untuk mempercepat Pencarian, tekan CTRL + F pada
          Keyboard lalu Paste kode </head>.
     7.  COPAS kode di Bawah ini tepat di atas kode </head>.

<script type='text/javascript'>

var thumbnail_mode = &quot;float&quot; ;

summary_noimg = 230;

summary_img = 140;

img_thumb_height = 100;

img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>

     8.  Setelah selesai, Cari lagi kode <data:post.body/>.

     9.  Ganti kode Tersebut dengan Kode di bawah ini.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
</b:if>
    10. Setelah selesai, Klik Simpan Template.
    11. Lihat Hasilnya pada Homepage Sobat.

Thursday, July 19, 2012

Tutorial Cara Memasang Chatbox atau Buku Tamu Tersembunyi Di Blog

Widget Blog Buku tamu atau chatbox merupakan widget wajib bagi setiap pengguna blog dimana buku tamu ini sangat banyak manfaatnya selain untuk mempercantik tampilan halaman blog chatbot juga berguna sebagai sarana untuk saling berintraksi antara pengunjung blog dengan pemilik blog atau pengunjung blog dengan pengunjung yang lainnya sehingga semuanya akan saling terhubung akhirnya bisa saling mengenal satu sama lainnya, untuk itu sebaiknya sobat bloger Referensi-terpercaya Blogspot yang belum memasang bukutamu pada halaman blognya segera pasang, apabila tidak tau bagaimana caranya bisa baca tutorial Blogspot sebelumnya mengenai Cara Menambah Widget Chatbox atau Buku Tamu Ke Halaman Blog


Namun terkadang Widget chatbox sangat menguasai lokasi pada halaman blog karena ukurannya yang terbilang cukup besar sehingga banyak orang yang mencari cara untuk mempatkan chatbox atau buku tamu ini pada posisi yang se efisien mungkin dan salah satunya dengan cara meletakan Chatbox atau buku tamu tersembunyi pada halaman blog seperti dibawah ini.


buku tamu tersembunyi
img by tutorialuntukblog.blogspot.com
Buat sahabat blogger Refensi-terpercaya Blogspot yang juga ingin memasang bukutamuya seperti pada gambar diatas bisa menerapkan tutorial blog kali ini tetang Tutorial Cara Memasang Chatbox atau Buku Tamu Tersembunyi Di Blog. 

Berikut langkah-langkah nya untuk memasang buku tamu tersembunyi pada halaman blog
  1. Silah sobat login ke akun bloggernya terlebih dahulu
  2. Pilih menu Layout atau Tata Letak
  3. Klik Add a Gadged atau Tambah Gadget
  4. Pilih HTML/JavaScript
  5. Copy Code berikut dan letakan pada Box HTML/JavaScript yang sudah sobat pilih tadi
  6. <style type="text/css">
    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #666666;
    background:#F5F5F5;
    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.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="gb">
    <div class="gbtab" onclick="showHideGB()"> </div>
    <div class="gbcontent">

    KOD SHOUTBOX DISINI

    <div style="text-align:right"><a href="http://tutorialuntukblog.blogspot.com/2011/09/tutorial-sembunyikan-shoutbox-blog.html" target="_blank"><small>tutorial here</small></a>
    <a href="javascript:showHideGB()">
    [close]
    </a>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>
    Keterangan :
    Perhatikan Tulisan KOD SHOUTBOX DISINI silah sobat ganti Dengan kode chatbox atau kode buku tamu sobat

    Sedangkan Kode http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png ini adalah URL Gambat Tap ChatBox

  7. Klik Simpan
  8. Selesai dan lihat hasilnya
Secara Default tampilan tap Chatbok adalah bewarna hijau seperti gambar dibawah ini


Sobat blogger bisa menggantinya dengan mengganti URL gambar tersebut Dengan dengan URL gambar milik anda sendiri. Letak URL gambar pada kode diatas adalah pada bagaian yang berwana Hijau. Apabila Sobat ingin mengganti Tap tersebut agar sesuai dengan halaman blog sobat Dapur Tutorial Ada beberapa koleksi Tap Buku Tamu bisa sobat lihat di Koleksi Tap Chatbox Atau buku tamu Yang Sesuai Dengan Halaman Blog

Demikian Tutorial Blog Tetang Cara Memasang Chatbox atau Buku Tamu Tersembunyi Di Blog ini bisa bermanfaat untuk sahabat blogger Dapur Tutorial semuanya.

Wednesday, July 18, 2012

Cara Mengetahui Blog Dofollow Dan Nofollow

Cara Mengetahui Blog Dofollow Dan Nofollow

Share this article on:

Cara Mengetahui Blog Dofollow Dan Nofollow - Nah untuk sahabat yang ingin mengetahui Apakah Blog milik sahabat merupakan Blog Dofollow atau Blog Nofollow, sekarang sundaboy akan mencoba share bagaimana Cara Mengetahui Blog Dofollow Dan Nofollow.
Sahabat pasti sudah tahu kan Apa itu Blog Dofollow dan Blog Nofollow oleh karena itu sundaboy tidak membahasnya para artikel kali ini, intinya kalau Blog milik sahabat merupakan Blog Dofollow pasti banyak yang akan memburu Blog sahabat untuk mencari keuntungan dari backlink yang diberikan oleh Blog Dofollow tersebut. 
Selanjutnya apabila sahabat ingin mencari Blog Dofollow sebaiknya sahabat cari yang sudah mempunyai pagerank 1,2,3,4 s/d 10. karena dengan mencari dan memberi komentar pada Blog Dofollow yang sudah ber PR maka nilai backlink yang diberikan oleh blog Dofollow tersebut cukup baik. Kalau saya lebih senang memburu Blog Dofollow yang mempunyai pengunjung yang banyak, walaupun pageranknya rendah atau belum mempunyai pagerank sekalipun, tetapi bagi saya itu tidak masalah karena dengan nilai pengunjung yang banyak dan kita berkomentar pada sebuah artikel bidikan kita maka dijamin blog kita juga akan ikut dibanjiri oleh pengunjung.
Baiklah sekarang sudaboy akan share Cara Mengetahui Blog Dofollow Dan Nofollow, silahkan sahabat lakukan langkah dibawah ini :

1. Login ke Blogger

2. Pilih Rancangan

3. Pilih Edit HTML

4. Centang Expand Widget Template

5. Selanjutnya silahkan sahabat cari kode :

 <b:if cond='data:comment.authorUrl'>

untuk memudahan pencarian silahkan sahabat tekan tombol Ctrl+F secara bersamaan pada keyboard

6. Kalau sudah ketemu perhatikan kode selanjutnya. kalau tertulis rel='nofollow' berarti Blog sahabat adalah Blog Nofollow tetapi kalau tertulis rel='dofollow' berarti Blog sahabat adalah Blog Dofollow
Nah itulah  Cara Mengetahui Blog Dofollow Dan Nofollow yang bisa sundaboy share, semoga bermanfaat, kurang lebihnya mohon untuk dimaklumi ya.

Selanjutnya : Bagaimana Cara Mengetahui Blog Dofollow Pada Blog Milik Orang Lain, silahkan sahabat baca selengkapnya DISINI
 

&lt;p&gt;Your browser does not support iframes.&lt;/p&gt;

Sahabat suka dengan artikel "Cara Mengetahui Blog Dofollow Dan Nofollow" atau merasa bermanfaat? Jika ya, Sahabat bisa membagikannya dengan cara meng-klick tombol Plus One yang ada di samping, atau tombol Facebook dibawah ini. Tengkyu

Memasang Gadget Tweet Terbaru di Blog

Memasang gadget tweet terbaru di blog

Widget ini adalah untuk menampilkan tweet terakhir dari postingan blog, yaa semacam update status di facebook lah. Sebetulnya widget ini bisa saja kita dapatkan di twitter namun buat sobat yang belum tau caranya dan gak mau repot silahkan memakai kode-kode dibawah ini untuk menampilkan streaming tweet di blognya. Berbeda dengan widget twitter follower box, yang memnampilkan follower, maka gadget ini menampilkan tweet terbaru dari anda dan postingan blog sobat.

memasang menambah status atau tweet twitter terakhir postingan blog


Cara menambahkan update tweet ini sebagai berikut:

1. Masuk ke blogger

2. Dasbor > Tata Letak > Tambahkan gadget > HTML/Javascript

3. Copy dan paste kode berikut ini di dalam form yang tersedia.

Tuesday, July 17, 2012

Cara Membuat Teks Bergerak Di Blog

Cara Membuat Teks Bergerak di Blog
 
tulisan berjalan(marquee)

Cara Membuat Teks Bergerak di Blog – Cara menjadikan teks di blog bergerak atau cara membuat teks marquee. tulisan berjalan(marquee) Cara membuat teks bergerak merupakan salah satu langkah desain blog yang biasanya dilakukan untuk tek-teks atau kalimat-kalimat yang penting, misalnya ucapan selamat datang, iklan atau judul bagian-bagian tertentu dari blog. Baca juga artikel untuk mempercantik dan mendesain blog berikut: cara membuat judul widget berada di tengah sidebar. Oke, kembali ke permasalahan, Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya. Note: yang akan saya bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti. berikut cara menjadikan teks di blog bergerak: Login ke Blogger Kemudian klik Tata Letak dan Elemen Halaman Ketika sudah berada di Elemen Halaman klik Tambah Gadget Lalu pilih HTML/JavaScript Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

1. Teks berjalan dari kanan ke kiri

Kode:
<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee> 

Contoh Tulisan Berjalan
Hasil:
Contoh Tulisan Berjalan

2. Teks berjalan dari kiri ke kanan

 Kode:
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
Contoh Tulisan Berjalan
Hasil:
Contoh Tulisan Berjalan

3. Teks berjalan bolak balik

 Kode:
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee> 

Contoh Tulisan Berjalan
Hasil:
Contoh Tulisan Berjalan

4. Teks berjalan dari atas ke bawah

Kode:  <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
Contoh Tulisan Berjalan Hasil:
Contoh Tulisan Berjalan

5. Teks berjalan dari bawah ke atas

Kode:  <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
Contoh Tulisan Berjalan Hasil:
Contoh Tulisan Berjalan

6. Teks berjalan mondar-mandir

Kode:  <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

Contoh Tulisan Berjalan Hasil:
Contoh Tulisan Berjalan


7. Teks berjalan zig-zag nembus

Kode:
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>





 
Contoh Tulisan Berjalan
Hasil:
Contoh Tulisan Berjalan

8. Teks berjalan zig-zag mantul

Kode:
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>




 
Contoh Tulisan Berjalan
Hasil:
Contoh Tulisan Berjalan

Langkah Selanjutnya adalah mengganti tulisan Contoh Tulisan Berjalan dengan tulisan atau kata-kata yang anda inginkan.

Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.
# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
 ~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

# Fungsi dari :

<center> ............. </center>




.............
adalah agar tulisan tersebut selalu berada di tengah. Oke, sekian posting saya dengan judul cara membuat teks bergerak di blog. Semoga bisa menjadi informasi yang bermanfaat.. Referensi:

http://adesyams.blogspot.com/2009/09/cara-membuat-tulisan-berjalan-marquee.html »


Saturday, July 14, 2012

Cara Buat Domain Dan Hosting Gratis

Cara Buat Domain Dan Hosting Gratis

domain, gratis, hosting, cara buat domain gratis
Blogger mana sih yang gak mau dapat domain dan hosting?? Apa lagi trik yang akan saya share kali ini adalah cara mendapatkan domain dan hosting gratis. Wah, emang bisa ya??? Bisa dong,. Gimana cara nya??? Yuk lanjut,. Ikuti step by step ya,.
Pertama-tama masuk ke halaman INI (ingat loh halaman INI, Bukan halaman Itu)
Kemudian langsung aja deh kamu daftar di sana, jangan malas ya daftar nya, wong gratis aja kok,.
Gimana?? Udah daftar?? kalo belum daftar mending jangan di lanjutin deh baca nya, kagak bakalan ngerti cuma baca-baca doang, langsung deh di praktekin (lihat gambar di bawah ini).


domain gratis, hosting gratis
Ada banyak pilihan yang di berikan, karena semuanya gratis, ya udah, kita pilih aja yang gratis Pro, kemudian pilih Order, setelah itu akan keluar halaman seperti gambar di bawah ini.
Jika sudah mengisi semua data-data nya dengan benar langsung aja deh di pilih tulisan Submit. Kemudian akan keluar tulisan seperti gambar di bawah ini, kemudian langsung aja deh pilih Create (seperti gambar).



Setelah kamu klik tulisan create tadi maka halaman selanjutnya gak kan terbuka, itu karena kamu harus melakukan activasi melalui link yang sudah di kirim ke email kamu. Kamu login aja dulu ke email yang kamu gunakan untuk mendaftar tadi, kemudian lihat pesan dari Hosting666 yang isinya link aktifasi. Stelah kamu klik akan terbuka halaman baru, kamu isi saja semua data-datanya sesuai keinginan kamu, termasuk juga domain falid yang kamu inginkan. (lihat gambar dibawah).



Nah, setelah selesai di isi semua data-data nya barulah kita pilih create. Kemudian akan keluar pesan bahwa domain kamu akan aktif selama 24 jam. Ya berdoa aja supaya cepat jadi ya, saran aku sih kalo mau buat kayak gini malam aja, soalnya kemarin pernah nyoba buat malam-malam, eh langsung aktif tuh domainnya, tinggal langsung pake deh. Kok jadi ngawur cerita nya??? Kembali ke topik.
Terus gimana lagi dong?? Ya sebelum (sambil nunggu) domain aktif kita mulai aja langsung proses buat web nya. Cara nya klik tulisan Switch yang muncul di halaman tadi, kemudian pilih sub domain tulisan Auto Instalerr, setelah itu akan muncul beberapa web penyedia publishing gratis, kamu pilih aja yang pertama, yaitu wordpress (pilih Instal), kemudian masukkan user name dan fasword kamu yang baru (untuk login ke wordpress tadi). Setelah itu apa lagi?? Setelah itu ya kamu tunggu sampai domain kamu tadi aktif dan dapat di gunakan.
Gimana caranya kita bisa tau kalau domain kita sudah aktif?? Ya rajin-rajin nyoba buka alamat domain kamu tadi aja di internet, kalo emang dah jadi ya bakalan terbuka tuh web. Atau ntar kalo sudah aktif bakal ada pemberitahuan kok dari email kamu.

============
Jika Sudah jadi
============
Kalau domain kamu tadi sudah jadi kamu tinggal melakukan optimasi, estimasi dan publikasi untuk web kamu tadi, untuk semua itu kamu bisa login ke web kamu di alamat www.alamatdomainkamu.com/wp-admin/ kemudian masukkan user dan fasword yang sudah kamu buat sebelumnya. Setelah itu silakan kamu ganti theme (jika perlu) web kamu tadi dengan theme lain yang lebih menarik.
Gimana sobat???
Ternyata ada ya domain dan hosting gratis yang bisa kita gunakan.
Kunjungi web saya ini (hasil cara di atas) : www.beginilah.net