Tuesday, 28 May 2013

Tips Membuat Artikel yang Baik dan Berkualitas

Artikel Berkualitas
Bagaimana cara membuat artikel yang baik dan berualitas seo? Jawabannya tentu saja masih berkaitan tentang postingan sebelumnya yaitu dengan cara memasukan kata kunci yang sudah kita pilih sebelumnya. Jika belum mengetahu tentang cara memilih kata kunci bisa baca artikel sebelumnya CARA MEMILIH KATA KUNCI

Setelah memdapatkan banyak kata kunci dan akan di buatkan artikel kita harus memperhatikan faktor-faktor penting berikut:

1# Memilih Judul Artikel

  • Jika anda sudah mahir memilih kata kunci pasti anda bisa memvariasikan kata kunci tersebut untuk dibuat judul artikel. Sebaiknya panjang judul artikel sekirtar 5-7 kata. Karna semakin panjang akan semakin berkurang kualitas kata kunci didalamnya. Jika anda akan membuat judul artikel yang heboh jangan sampai mengorbankan kata kunci di dalamnya. Sebagai contoh, jika judul artikelnya “Harga sepatu olahraga turun lagi diskon sampai 50 persen” cukup diganti “Heboh! Sepatu Olahraga Diskon 50%”.

2# Memilih URL Artikel

  • Jika anda perhatikan di halaman untuk membuat artikel di sebelah kanan ada menu bernama Tautan Permanen, itu fungsinya adalah menentukan URL artikel yang anda buat tetapi jika judul artikel anda terlalu panjang maka biasanya judul tidak akan dimuat semua, anda bisa merubah url artikel anda dengan cara mengklik menu tautan permanen dan akan terbuka seperti gambar berikut:

Permalink
  • Anada cukup mengetikan bagian terahir dari URL atau judul arikel yang sangat panjang. Jangan lupa dihubungkan tengan tanda (-). Dengan begitu URL akan lebih SEO.

3# Tandai Setiap Artikel Dengan Label

  • Jika blog anda memiliki beberapa bahasan gunakan label sesuai jenis artikel yang anda buat untuk mengelompokannya. fungsinya agar membantu aliran page rank ke halaman-halaman artikel blog anda.

4# Membuat Artikel Yang Teroptimalisasi

  • Sebaiknya dalam membuat artikel ikuti aturan-aturan berikut ini:
          •  Panjang artikel minimal 500 kata.
          •  Setiap kata kunci minimal diulangi sebangayak tiga kali (pembuka, isi, penutup).
          •  Kata kunci yang paling awal di tebalkan atau di miringkan.
          •  Gunakan bahasa yang baku agar jika di terjemahkan kedalam bahasa lain bisa terindex

5# Menambahkan  Gambar Didalam Artikel.

  • Artikel yang bagus biasanya menggunakan gambar yan sesuai dengan tema artikel tersebut dan juga menggambarkan artikel tersebut. Pastikan gambar anda tidak terlalu besar, karena bisa mempengaruhi loading halaman. Bagi pemakai blogspot, gambar diupload saat menulis artikel, dan jangan dihosting di image hosting yang lain. Karena kadang hosting lain tidak bisa mengimbangi kecepatan laoding gambar dari blogspot pada jam-jam sibuk.

6# Memasang Link Didalam Artikel

  • Jika ada artikel yang berkaitan antara satu dan yang lainnya anda bisa memasang link dan ikuti tips berikut:
  • Pastikan semua link terbuka di tab baru
  • Usahakan minimal ada dua link yang menuju ke artikel anda yang terkait.

7# Pastikan Artikel Anda Mampu Menjawab masalah Atau Memberikan Informasi Yang Sedang Di Cari Pembaca

  • Ini bertujuan agar pembaca tertarik membaca artikel yang lainnya karna artikel anda mampu membearikan informasi yang mereka cari dan mereka anak datang berkali-kali ke blog anda.ini sangat baik agar page rank blog anda meningkat.

8# Memasang Meta Tag Title

  • Pasanglah meta tag titel sehingga artikel anda akan terindeks oleh search engine.
Poin-poin di atas dapat membantu anda untuk meningkatkan kualitas artikel-artikel yang akan anda buat, dan muda-mudahan bisa membuat artikel blog anda terindeks lebih baik lagi. Selanjutnya setelah anda membuat artikel yang baik dan berkualitas maka anda perlu membaca TIPS AGAR ARTIKEL CEPAT TERINDEX OLEH GOOGLE

Begitulah kurang lebihnya cara membuat artikel yang berkualitas SEO semoga bermanfaat.
salam blogger.

Monday, 27 May 2013

Kenapa Tab Earning di Blog Tidak Ada?

Tab Earning Tidak ada
Kenapa Tab Earning di Blog Tidak Ada? Mungkin pertanyaan itu juga menjadi pertanyaan para sahabat bloger semua. Apa lagi sahabat blogger semua ingin mendapatkan pecahan-pecahan dollar melalui menu earning tersebut.

Ketika itu saya mencari di mbah Google cara daftar adsense, setelah memahami semua saratnya saya coba masuk ke dashboard blog saya tetapi saya bingung ketika tidak ada menu Earning di blogspot, padahal menurut saya blog yang akan saya daftarkan memenuhi semua persaratan google adsense. Setelah mutar-muter mencari di mbah Goggle penyebab kenapa sih menu Earning di Blogspot gk muncul tapi saya tidak menemukan jawaban yang pasti. Ahirnya saya mencari alternatif adsense lain deh.

Setelah sekian lama berlalu ahirnya saya menemukan jawaban kenapa tidak ada menu earning di Blogspot.
Jawabannya sepele banget karna pada saat membuat akun google dan registrasi blog pakai bahasa selain bahasa Inggris, Cuma itu penyebabnya.

Ketika saya membuatkan teman saya blog, saya menggunakan bahasa inggris dari proses daftar Gmail sampai daftar blog ternyata menu earning terpampang jelas.

Catatan: Walaupun anda mengubah bahasa dashboard blog anda, tetap saja menu earning tidak akan mencul kecuali anda memulai dari awal lagi dengan memakai bahasa inggris sebagai bahasa pengantar.

Itulah penjelasan kenapa tab earning tidak ada.
semoga tutorial ini bermanfaat, Salam Blogger,!!

Sunday, 26 May 2013

Tutorial Bisnis Clickbank dengan Blogspot/Blogger

Tutorial Bisnis Clickbank dengan Blogspot/Blogger - Salah satu cara menghasilkan income dari internet adalah melalui bisnis Program Affiliasi atau Affiliate Program. Banyak program affiliate luar negeri yang bisa anda ikuti untuk mendapatkan komisi dari program tersebut, salah satu diantaranya adalah Affiliate Program Clickbank.

Program Clickbank kini banyak diminati oleh para internet marketer indonesia karena Clickbank telah "membuka pintu" bagi para marketer indonesia untuk mendaftar menjadi affiliate dengan alamat indonesia sejak bulan Maret 2009 lalu. Karena sebelumnya para marketer asal indonesia harus menggunakan alamat virtual office di luar negeri untuk berbisnis di Clickbank.

Sekarang ini adalah kesempatan emas bagi anda para pelaku bisnis internet indonesia untuk bisa meraup dollar dari bisnis Affiliate Clickbank ini. Income dari Clickbank dapat anda raih baik sebagai Affiliates (reseller dari produk orang lain yang terdaftar di Clickbank), atau sebagai vendor/ publisher (pemilik produk digital yang terdaftar di Clickbank).
Bisnis di Clickbank, baik sebagai affiliates (reseller) maupun sebagai publisher (pemilik produk) keduanya berhubungan dengan Produk Infomasi Digital, dimana produk digital adalah salah satu dari bisnis yang sangat menguntungkan di dunia antara lain karena:
  • Tidak Ada Biaya Produksi & Overhead (hanya satu kali)
  • Tidak Ada Tagihan (semua cash)
  • Profit Margin 90%+
  • Tidak Ada Resiko Rugi/Kalah
Tetapi sampai sekarang banyak marketer indonesia yang belum mengetahui bagaimana menjalankan bisnis affiliate Clickbank ini.

Berikut langkah-langkah dasar cara mengikuti bisnis affiliate di Clickbank:

    1. Buka Account Clickbank di http://www.clickbank.com
    2. Cari Produk di Marketplace (ada 23 Kategori besar)
    3. Cari Produk yang nilai sale nya minimal $30
    4. Cari Produk yang gravity nya dibawah 20-75
    5. Create hoplink untuk mendapatkan nomor reseler anda (hoplink)
    6. Promosikan affiliate link anda (melalui traffic gratis atau berbayar)
    7. Cek account Clickbank anda secara rutin untuk mengecek penjualan/ sales

Gampang kan ,,,, :D ?

Namun demikian pada prakteknya tidak sesederhana itu, ada tahap-tahapan lain yang perlu anda pahami supaya bisa mendapatkan profit, karena apabila anda menginginkan profit yang besar maka anda harus menjalankan bisnis ini juga dengan maksimal dan tidak setengah-setengah.

Dipostingan berikut kami akan berikan cara mendaftar sebagai Affiliate Clicbank dan Tutorial Bisnis Clickbank dengan Blogspot/Blogger

Tutorial Mencari Uang Lewat Amazon dan Adsense Pakai Blogspot/Blogger

Tutorial Mencari Uang Lewat Amazon dan Adsense Pakai Blogspot/Blogger - Buat anda yang sedang memulai belajar bisnis online pasti melirik bisnis Amazon dan Google Adsense, Kanapa tidak !!! Karena tanpa memiliki produk sendiri anda bisa menghasilkan dollar $$$ hanya dari membuat blog/website saja.

Bagi Anda yang ingin belajar bagaimana cara Membuat Blogspot, bermain afiliasi Amazon dan belajar Google Adsense, kali ini saya mau memperkenalkan sebuah panduan lengkap berupa video-video tutorial yang akan memandu Anda untuk memulai bisnis afiliasi Amazon dan Google Adsense. Nama produk ini adalah Blogspotmaster.com. Seperti namanya, produk ini akan membuat Anda menjadi seorang master Blogspot yang bisa menghasilkan uang dari internet baik itu dari afiliasi Amazon atau Google Adsense. Selain itu, di panduan ini Anda juga akan mendapatkan tutorial Blogspot dasar yang akan digunakan sebagai media untuk menjalankan bisnis afiliasi Amazon dan Google Adsense.



Bagi Anda yang selama ini mungkin ingin mencoba Blogspot untuk bisnis afiliasi Amazon dan menjalankan Google Adsense, maka panduan ini adalah yang Anda cari selama ini. Bagi yang awam dalam menggunakan Blogspot tidak perlu bingung karena dalam panduan ini sudah ada materi-materi cara membuat Blogspot yang lengkap. Apalagi dengan menggunakan Blogspot ini setidaknya Anda akan lebih menghemat modal yang harus dikeluarkan karena platform Blogspot adalah gratis namun Anda bisa menggunakan nama domain sendiri.

Berikut ini materi-materi lengkap panduan Blogspotmaster yang sudah tersedia saat saya menulis review ini:

Panduan Dasar Blogspot :
  • Membuat Blog dengan Blogspot
  • Membuat Content di Blogspot
  • Membuat Blogspot Menggunakan email selain GMAIL
  • Persiapan Mengganti Template blogspot
  • Mengganti Template blogspot
  • Custom Domain blogspot
  • Optimasi Blogspot
Panduan Amazon :
  • Membuat akun amazon
  • Panduan riset keyword amazon
  • Panduan Scrap Asin amazon
  • Membuat manual blog amazon dengan blogspot
  • Trik agar blog tidak didelete blogspot
  • Membuat autoblog amazon dengan blogspot Bagian 1 dan 2
  • Cookies 90 hari amazon untuk blogspot bagian 1
  • Cookies 90 hari amazon untuk blogspot bagian 2
  • Find and Replace affiliate id amazon di blogspot
Panduan Adsense :
  • Membuat akun adsense dengan blogspot
  • Membuat autoblog High Traffik dengan blogspot (AGC Blogspot)
  • Membuat Landing page adsense high CTR dengan blogspot
  • Panduan Dasar Account Google Adsense
  • Panduan spin nama akun google adsense
  • Persiapan membuat akun adsense 1 jam approve
  • Teknik membuat akun adsense 1 jam approve
  • Tips mengahasilkan duit dari adsense
  • Update cara membuat akun adsense 1 jam full approve - UPDATE
Panduan SEO Praktis :
  • Panduan Dasar SEO
  • Riset Keyword SEO
  • On Page dan Off Page SEO
  • Cara Praktis Membangun Backlink
  • Trik Broadcast Backlink
Oh..ya, materi-materi di atas akan terus ditambah dengan update terbaru sesuai dengan perkembangan trik dan teknik tutorial blogger/blogspot terbaru, cara bermain Afiliasi Amazon maupun Google Adsense yang selalu berubah setiap waktu. Jika Anda member premium panduan blogspot master, maka Anda juga akan mendapatkan update terbaru materinya GRATIS.

Setelah melihat semua materi-materi Blogspotmaster, maka saya sangat merekomendasikan untuk Anda yang ingin belajar Afiliasi Amazon dan Belajar Google Adsense menggunakan Blogspot. Ok, jika Anda ingin tahu lebih lanjut serta ingin memiliki produk ini, langsung saja KLIK DI SINI.

Trik Baru Daftar Google Webmaster Tools

Google webmaster Tool
Google webmster tools  adalah salah satu fitur gratis yang di berikan google untuk memaksimalkan website atau blog kita, fitur yang bisa di gunakan antara lain: untuk mengamati top search Keyword, dominasi keyword di blog, masalah brokn link, crawls eror dll.  sebagai blogger baru anda wajib mendaftarkan blog anda kepada Google webmaster karena ini adalah salah satu hal penting untuk blog anda.

jika blog anda menggunakan flatform blogger atau blogspot berbahagialah karena anda akan mundah dalam pendaftaran google web master. anda cukup menggunakakn gmail anda untuk login.

Melakukan Site Verivication

  • Setelah anda login maka pada halaman beranda webmaster akan tampil blog anda meliputi nama url blog dan gambar blog anda >> Pilih MANAGE SITE atau KELOLA SITUS di sebelah kanan.
  • selanjutnya klik ADD OR REMOVE USER atau TAMBAHKAN ATAU HAPUS PENGGUNA. Umumnya jika blog anda mengunakan blogger secara otomatis sudah terverivikasi.
  • Silahkan cari Link VERIFY USING A DIFFERENT METHOD atau VERIVIKASI MENGGUNAKAN METODE LAIN.
  • Pilih Add a meta tag on your site's home page atau tambahkan tag meta ke beranda situs anda >>  kopy dan simpan kode html yang di berikan.
  • Silahkan letakan kode yang anda kopy tadi tepat dibawah <Head> template anda.
  • simpan template anda.
  • jika sudah tersimpan kembali ke jendela google webmaster dan klik VERIFY di bagian bawah halaman.
  • jika anda melakukan dengan benar maka akan ada pemberitahuan SUCCESS.

Submit Sitemap/peta situs

  • kembali ke halaman beranda Google webmaster
  • Klik pada link url atau alamat blog anda
  • pilih peta situs
  • pada halaman peta situs pilih tambahksan/uji peta situs
  • masukan peta situs dibawah ini:
feeds/posts/default
feeds/posts/default?alt=rss
/atom.xml?redirect=false&amp;start-index=1&amp;max-results=500

submit site map

  • setelah anda submit biasanya akan tampil seperti gambar di atas
  • selesai
Baca cara membuat peta situs untuk blogspot agar blog anda amemiliki sitemap
pelajari selengkapnya cara membuat sitemap untuk blog anda,
silahkan klik link cara membuat sitemap atau peta situs untuk blogspot
blog anda sudah memiliki site map dan sudah terdaftar di google webmaster.

demikian cara mendaftar google webmaster tools untuk blog anda, mudah-mudahan bisa membantu blog anda agar lebih cepat terindex

Thursday, 23 May 2013

DOWNLOAD SOAL UN SMA BIOLOGI


Biologi adalah salah satu mata pelajaran yang di UN-kanoleh pemerintah dan menjadi salah satu mata pelajaran yang terfavorit bagi para siswa apalagi siswa yang sangat berkeinginan untuk melanjutkan ke fakultas kedokteran. Tetapi tidak jarang pula ada siswa yang kurang atau lemah dalam pelajaran ini karena pelajaran ini banyak hafalan. Untuk itu disini akan diberikan gambaran berupa prediksi soal UN yang khusus biologi sehingga dapat menjadi gambaran bagi para siswa menempuh Ujian Nasional

Jenis : soal UN sma biologi Program IPA

Untuk downloadsilahkan klik link di bawah ini:
                Prediksisoal UN biologi sma
                Kumpulansoal UN biologi Sma

TIPS AGAR ARTIKEL CEPAT TERINDEX GOOGLE

Submit Artikel Anda
Tips Agar Artikel Cepat Terindex Google - Pada Umumnya setelah kita membuat posting artikel baru kita tidak terindex langsung oleh google. jika teman-teman tidak percaya silahkan saudara cek sendiri dengan cara ketik "site:url anda" di kolom search google, temukan apakah artikel yang barusan anda posting apakah sudah terindex atau belum jika tidak ada berarti artikel anda belum terindex.

Butuh Berapa lama agar artikel baru terindex?

setiap artikel memiliki waktu untuk di index berbeda-beda, yang paling cepat adalah satu jam setelah postingnan baru di buat. bahkan ada juga yang sampai satu minggu blum terindex.

berdasarkan hal di atas maka kita perlu mendaftarkan atau memberi tau google bahwa kita mempunyai artikel baru dengan cara submit artikel kita.  untuk mendaftarkan artikel baru kita ikuti langkah-langkah berikut ini.

Tips Agar Artikel Cepat Terindex Google

1. Buka Google add url atau klik Google Crawl URL agar lebih mudah.

Google Crawl URL

2. Pada kolom URL masukan url artikel baru anda.

3. Masukan Kode CAPTCHA yang di berikan

4. Terahir klik Kirim Permintaan>> Selesai

Ket:
  • Artikel anda akan terindex skitar dua sampai lima jam.
  • Lakukanlah langkah-langkah ini setiap anda membuat artikel baru agar artikel anda cepat terindex.
Agar hasilnya maksimal silahkan submit sitemap atau peta situs pada google webmaster

Sekian dulu tentang tips agar artikel cepat terindex google, semoga bisa membantu anda dan trimakasih telah mampir.

Tuesday, 21 May 2013

CARA EDIT TEMPLATE BLOG AGAR SEO FRIENDLY

Cara edit template blog agar seo
Cara edit template blog agar seo friendly - Banyak sekali penyedia - penyedia template blog gratis yang ada di dunia maya, tetapi masalahnya adalah templatenya gak seo-friendly walaupun ada yang menyediakan template seo yang gratis tetapi tidak sesuai dengan selera dan harapan kita.

Untuk mengatasi masalah di atas kita bisa mencoba salah satu opsi yaitu edit sendiri template yang kita suka agar menjadi seo friendly. tentu saja ada beberapa hal yang harus diperhatikan untuk membuat template menjadi seo. untuk merubah template yang kita suka memerlukan beberapa tahapan yang tidak begitu sulit tetapi tentu saja harus jeli.

karena untuk edit template agar menjadi seo tidak sulit maka kita bisa langsung saja mulai edit template kita. disini saya akan memberikan penjelasan serinci mungkin jadi ikuti langkahnya satu persatu.

Cara Edit Template Blog Menjadi SEO


Memasang Setelan Dynamic Heading Agar SEO-Friendly

Umumnya template biasa belum di lengkapi dengan dynamic heading atau masih standar, anda harus merubahnya sehingga artikel-artikel disetiap halaman anda mudah di kenali oleh mesin pencari. Silahkan baca artikel cara membuat dynamic heading untuk lebih jelasnya.

Edit Title Tag dan Meta Descriptions

Semua template sudah dilengkapi tag title tetapi masalahnya tidak seo sehingga kita harus edit tag title agar sesuai setandar seo. untuk edit tag title dan meta descriptions silahkan pelajari di cara pasang meta description dan title tag

Pasang Breadcrumbs

Ini trik seo lama yang sampai saat ini masih berlaku dan dipakai karena berfungsi sebagai navigasi atau petunjuk untuk blog kita. untuk cara membuatnya silahkan baca artikel trik seo cara membuat breadcrumbs

Memasang Related Post/artikel terkait

fungsinya adalah untuk mempermudah pengunjung blog menemukan topik yang masih ada hubungannya dengan artikel yang sedang dibaca. karena biasanya para pengunjung blog akan mencari hal yang masih terkait dengan tema yang dia baca sehingga itu kan menambah atau membuat arikel-artikel kita dibaca pengunjung. untuk cara membuatnya silahkan baca cara membuat artikel terkait / related post untuk blogger

Setelah anda menerapkan keempat hal diatas pada blog anda template anda sudah seo friendly, agar lebih maksimal, buatlah postingan yang berkualitas (slahkan baca TIPS MEMBUAT ARTIKEL YANG SEO  . dan hindari pemasangan-pemasangan widget yang didak pelu, pasang widget yang penting saja.

dengan demikian cara edit template blog agar seo selesai sudah, semoga bermanfaat untuk anda dan trimakasih telah mampir untuk membaca.

CARA MEMBUAT ARTIKEL TERKAIT / RELATED POST UNTUK BLOGGER

Artikel terkait / Related post sangat bermanfaat untuk para pengunjung blog anda, karena akan memudahkan pengunjung untuk membaca artikel-artikel yang masih mempunyai topik yang sama. Bahkan jika anda perhatikan ketika anda menggunakan google search di bagian bawah ada beberapa saran pencarian yang masih berhubungan  dengan artikel atau sesuatu yang sedang anda cari, saya berkesimpulan itu adalah sesuatu yang hampir sama fungsinya dengan related post atau artikel terkait tetapi mungkin beda penamaan saja.

setelah mengetahui beberapa hal diatas jadi saya setuju dengan para master seo bahwa memasang related post atau artikel terkait adalah salah satu tehnik seo yang disarankan, karena google pun menggunakan hal yang sama.

Selanjutnya jika anda tertarik untuk memasang artikel terkait / related post ikuti langkah-langkah yang saya berikan. Gambar di bawah adalah contoh related post yang akan saya jelaskan cara memasangnya.
Cara membuat artikel terkait untuk blogger

Cara membuat related Post


1. Masuk ke Blogger >> Template

2. Pilih EDIT HTML >> Tunggu sampai Kode HTML terbuka

3. Temukan kode ]]></b:skin> dan letakan kode dibawah tepat di atasnya.
/* Belajar blog dan seo Related Posts --- */
    .related-post .post-thumbnail {
    z-index: 1;
    position: relative;
    width: 98px;
    height: 98px;
    margin: 0;
    display: block;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 2px 2px 5px #444;
    -moz-box-shadow: inset 2px 2px 5px #444;
    box-shadow: inset 2px 2px 5px #555;
    }
    .related-post {
    float: left;
    position: relative;
    width: 98px;
    height: 98px;
    margin: 0 10px 10px 0;
    background: #F6F6F6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    .related-post .related-post-title {
    display: none;
    float: left;
    background: #000;
    color: #fff;
    text-shadow: none;
    font-weight: bold;
    padding: 10px;
    position: absolute;
    top: -20px;
    left: 40px;
    z-index: 2;
    width: 200px;
    -webkit-box-shadow: 0 0 2px #444;
    -moz-box-shadow: 0 0 2px #444;
    box-shadow: 0 0 2px #444;
    }
    .related-post:hover .related-post-title {display: block;}

4. Selanjutnya cari kode yang mirip dengan kode dibawah >> cari kode yang pertama dan jika tidak ada cari kode-kode selanjutnya.
<div class='post-footer'>
        <div class='post-footer-line post-footer-line-1'/>
          <div class='post-footer-line post-footer-line-2'/>
          <div class='post-footer-line post-footer-line-3'/>
        </div>
      </div>
5. Jika anda sudah menemukan kode yang mirip dengan kode diatas, copy kode dibawah tepat dibawah kode di atas.
<div id='related-posts'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script type='text/javascript'>//<![CDATA[
    var ry='<h3>Related Posts</h3>';rn='<h3>&nbsp;&nbsp;&nbsp;No related post available</h3>';rcomment='comments';rdisable='disable comments';commentYN='no';
    var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjWBOhUjlI8SF1lGjrXZrs5wDd1OqtOg22idLnFTrh1M7XT3sHFTXTdSGj3mxErAj9DCbdPkSJUZt1iYyAB-Jtm1FCaB886ObfdrA8dtMnjIQu9LOBGGmEniZdcNnnUP-_TftX75C6GK69/'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<div class="clear"/></div><ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<div class="related-post"><div class="related-post-title">'+titles[c]+'</div><a href="'+urls[c]+'" rel="nofollow"><img border="0" class="post-thumbnail" alt="'+titles[c]+'" src="'+thumb[c]+'"/></a></div></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
    //]]></script>
    <b:loop values='data:post.labels' var='label'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
    </b:loop>
    <script type='text/javascript'>var maxresults=6;removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);</script>
    </b:if>
    </div>
    <div class='clear'/>
Keterangan:
  • Warna Orange Bisa anda sesuaikan dengan ukuran template anda
  • warna Merah Jumlah artikel yang akan anda tampilkan.
6. Simpan Template anda >> Selesai

Sekarang template anda sudah memeliki artikel terkait atau related post untuk memudahkan pengunjung menjelajahi blog anda.

semoga bermanfaat trimakasih telah mampir ke blog ini.

Monday, 20 May 2013

Cara Membuat Buku Tamu Auto Hide di Blog


buku tamu cbox Auto hide Shuotbox adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di lewati pointer mouse ), hanya beda sedikit dengan buku tamu show / hide. Sobat yang tertarik memasang widget ini, silahkan masukkan kode berikut di HTML/Javascript blog sobat.






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

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
KODE CBOX SOBAT
<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://problogiz-tech.blogspot.com/2013/04/cara-membuat-buku-tamu-auto-hide-di-blog.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

Caranya :

  1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
  2. Masukkan kodenya di kotak yang di sediakan.
  3. Klik Save 
Tambahan :
Ganti kode yang berwara MERAH dengan kode buku tamu milik sobat. Sobat yang belum punya buku tamu silahkan buat terlebih dahulu di cbox ( seperti blog ini) , fibox, shoutchamp atau pada penyedia chatbox gratisan lainnya.

membuat slide show photo

Sebuah halaman blog yang tidak ada sentuhan foto atau gambar akan terasa membosankan. Jika sudah bosan, maka pengunjung blog tidak akan lama bertahan. Bukan hanya sebagai pernak-pernik, sebuah foto juga bisa memberikan kesan tersendiri. Orang akan lebih hafal dengan gambar daripada tulisan.

Sekarang, kita akan belajar untuk membuat slide show, yaitu foto-foto yang ditampilkan secara bergantian dengan otomatis. Slide show bisa digunakan untuk menampilkan banyak foto tanpa menyita banyak space. Karena foto akan diputar layaknya sebuah video, sehingga lebih menarik dan hemat tempat.

Slide show bisa digunakan untuk menampilkan foto liburan yang banyak, atau memajang foto-foto produk untuk toko online. Cara untuk membuat slide show ini sangat mudah, tidak perlu pintar photoshop atau flash. Kita tinggal menyiapkan foto yang sudah diupload (dihosting). Kita bisa memanfaatkan post blogger, Picasa, Photobucket, dan lain-lain.

Cara Mudah Membuat Slide Show Foto di Blog
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />
</div>

5. Ganti URL Foto 1 dengan URL foto yang sudah dihost (upload)
6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
7. Simpan jika sudah selesai.

Cara Membuat Kotak Iklan Di Blog





 1. Silahkan login ke ID/akun blogger Anda
2. Pada menu dropdown klik "template" lalu klik "Edit HTML"
3.Kemudian cari kode ]]></b:skin> (gunakan ctrl+f atau F3 untuk mempermudah pencarian kode). Setelah dapat, masukkan kode berikut ini tepat diatasnya.


/** Kotak Iklan **/
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin: 0px 5px 5px 0px;padding: 5px;text-align: center;border: 1px solid #ddd;}
.kotak_iklan  img:hover {border: 1px solid #333}


4. Selanjutnya save/simpan template
5. Kemudian lihat menu disebelah kiri layar lalu klik Tata Letak > Tambah Gadget >  Pilih HTML/JavaScript
6. Langkah berikutnya silahkan masukkan kode berikut ini ke dalam form yang disediakan.


<div class="kotak_iklan">
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>

<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a> 
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a> 
</div>


Perhatikan kata yang saya beri warna pada kode iklan diatas, rubah sesuai urutannya dan begitupula dengan kode yang dibawahnya.
7. Jika sudah selesai, silahkan simpan/save dan lihat hasilnya