TER AKTUAL
TER UPDATE
Tampilkan postingan dengan label TUTORIAL BLOG. Tampilkan semua postingan
Tampilkan postingan dengan label TUTORIAL BLOG. Tampilkan semua postingan
18.51
Banyak orang berpikir untuk memulai bisnis web hosting. Mungkin tampak seperti cara yang mudah untuk menjadi kaya, tetapi sebagai orang-orang yang telah mencoba mengetahui bahwa bisnis web hosting bukanlah hal yang mudah. Ini harus jelas bagi Anda bahwa bisnis web hosting bukanlah bisnis untuk cepat kaya.
Tutorial Bisnis Hosting Domain di lengkapi ebook panduan
Written By Admin Web on Minggu, 23 November 2014 | 18.51
Memulai Bisnis Web Hosting
Bisnis hosting BUKAN sebuah bisnis yang mudah dijalankan. Jika Anda berpikir demikian, maka saatnya untuk merubah pikiran Anda. Dibutuhkan banyak kesabaran, dan pengetahuan teknis untuk memulai dan menjalankan bisnis hosting web.
Bila Anda ingin memulai Bisnis jualan Domain dan web hosting, berikut adalah beberapa tips sederhana yang WAJIB anda perhatikan:
- Bisnis Plan.
Buat Bisnis Plan Anda. Cari data sebanyak-banyaknya tentang bisnis web hosting, para penyedia reseller hosting dan domain, serta buat anggaran bisnis Anda untuk satu tahun ke depan. - Reseller Hosting.
Beli paket reseller hosting sehingga Anda dapat menjual paket hosting kepada klien Anda. Anda dapat mulai dengan 1 ~ 5 Gigabiyte paket reseller dan upgrade kemudian, ketika klien Anda bertambah. Harga paket reseller bervariasi pada beberapa perusahaan hosting. Silakan cari perbandingan, dan tentukan kualitas dan harganya. - Reseller Domain Name.
Beli juga paket reseller domain untuk memulai bisnis Anda. Anda bisa menjadi reseller dengan deposit terlebih dahulu. Pilih reseller dengan harga yang murah, sehingga Anda bisa mengambil margin keuntungan yang lebih banyak. - Buat Website Anda.
Anda harus membuat website Anda sendiri untuk menjual produk web hosting dan domain Anda. Anda bisa mendesain sendiri website Anda, atau menyewa desainer profesional untuk mebuat website Anda. Beberapa perusahaan hosting tertentu juga kadang-kadang ada yang memberikan gratis template hosting dengan paket reseller hosting mereka sehingga Anda hanya dapat mengedit kembali template dan Anda sudah siap untuk digunakan kemudian. - Billing Software .
Anda harus memiliki billing software diinstal pada situs web hosting web Anda sehingga Anda dapat mengetahui ketika ada klien yang memesan web hosting atau domain name, juga agar mereka bisa memesan dan memperbarui pesanan tepat waktu. Billing sofware memungkinkan Anda untuk mengelola klien dan pembelian. Anda dapat mengintegrasikan alat pembayaran online juga di perangkat lunak tersebut sehingga Anda dapat menerima pembayaran melalui transfer bank lokal, kartu kredit, paypal atau yang lain. Beberapa script penagihan populer adalah Account lab pro, Modernbill, Clientexec, Whmautopilot, WHMCS, WHMBill, BoxBilling, WhoisCart. Beberapa penyedia reseller memberikan billing sofware gratis Jika Anda membeli paket reseller hosting yang Anda dapat instal kontrol cPanel. - Payment Gateway (Sarana Pembayaran).
Selain menerima pembayaran melalui bank lokal Anda, Anda juga bisa menerima pembayaran online dengan kartu kredit atau online bank lainnya. Menerima pembayaran online adalah wajib bagi setiap perusahaan hosting. Anda harus mendaftar untuk account anda di online bank sehingga Anda bisa menerima pembayaran online. Beberapa pembayaran yang populer gateway adalah 2CheckOut, Ccavenue, Authorise.net, Worldpay dll. Selain itu Anda dapat mendaftar juga dengan paypal sehingga Anda dapat menerima pembayaran dari orang-orang yang memiliki account paypal. - Dukungan perangkat lunak.Untuk memberikan dukungan yang tepat untuk pelanggan hosting Anda sangat sangat penting agar mereka tidak akan beralih ke kompetitor Anda. Sebaiknya Anda memiliki dukungan sofwtare diinstall pada website Anda, sehingga pelanggan dapat mengirim pesan ketika mereka memiliki masalah atau pertanyaan. Beberapa script dukungan populer adalah box billing,php coinKayako Esupport, Cereberus, Perldesk, Deskpro dll.
- Iklan dan Pemasaran.Setelah Anda telah menyiapkan segala sesuatu dan situs Anda sedang online Anda harus mengiklankan bisnis Anda di direktori, mesin pencari, google, yahoo, facebook, dan situs-situs populer lainnya, dll.
DOWNLOAD EBOOK PANDUAN BISNIS HOSTING
18.53
Cara membuat wiged yang terlihat pengunjung online di di sisi kanan
Written By Admin Web on Senin, 28 Oktober 2013 | 18.53
Nampaknya baru-baru ini di blog sahabat banyak sekali yang menggunakan widget user online di sisi kiri atau kanan blog, sekarang bagi para blogger widget ini seperti wajib berada di blog, karena fitur-nya bisa mengetahui user online, sebernarnya sekarang banyak widget yang bisa mengetahui user online seperti ini seperti histats.com, radar.com, tapi menurut saya widget whos.amung.us inilah yang paling banyak di gunakan di blog-blog dan web-web.
Kali ini saya akan nge-share soal Cara membuat Widget user online. apa sih widget user online ini? yap, widget user online adalah suatu widget yang bisa mendeteksi berapa orang yang online dalam blog kita. menarik bukan? dengan ini kita bisa mengetahui berapa orang yang aktif online dalam blog/web kita. sebernarnya pilihan widget user online ini juga beragam pilihanya, tapi kali ini saya memilih widget yang berasal dari Whos.Amung.us, saya pun sudah memakai widget ini coba lihat di sisi kiri blog kami, yang berwarna merah itu adalah salah satu widget dari whos.amung.us, pasti sobat mau mencobanya juga kan.
2. Masuk Dashboard.
3. Pilih Tata Letak/Layout
4. Pilih Add Gadget.
5. Pilih HTML/JavaScript.
6. Letakkan salah satu kode berikut ini kedalamnya.
Kali ini saya akan nge-share soal Cara membuat Widget user online. apa sih widget user online ini? yap, widget user online adalah suatu widget yang bisa mendeteksi berapa orang yang online dalam blog kita. menarik bukan? dengan ini kita bisa mengetahui berapa orang yang aktif online dalam blog/web kita. sebernarnya pilihan widget user online ini juga beragam pilihanya, tapi kali ini saya memilih widget yang berasal dari Whos.Amung.us, saya pun sudah memakai widget ini coba lihat di sisi kiri blog kami, yang berwarna merah itu adalah salah satu widget dari whos.amung.us, pasti sobat mau mencobanya juga kan.
Membuat Widget Pengunjung Online di Kiri atau Kanan1. Login Ke Blogger.
2. Masuk Dashboard.
3. Pilih Tata Letak/Layout
4. Pilih Add Gadget.
5. Pilih HTML/JavaScript.
6. Letakkan salah satu kode berikut ini kedalamnya.
- MELAYANG KIRI<script id="_wauxy3">var _wau = _wau || [];
_wau.push(["tab", "7enscrlmg4tj", "xy3", "left-middle"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/tab.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script> - MELAYANG KANAN
<script id="_wauxy3">var _wau = _wau || [];
7. Klik "Save/Simpan", dan selesai.
_wau.push(["tab", "7enscrlmg4tj", "xy3", "right-middle"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/tab.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>
Demikian informasi terbaru seputar tutorial dan tips trik blogging tentang Cara Membuat Widget User Online di Sisi Kiri atau Kanan Blog, semoga bermanfaat, dan selamat mencoba.
07.37
Tips Triks Cara Membuat Widget Like Box Facebook Fanpage Halaman bisnis facebook di Web Atau Blog
Written By Admin Web on Senin, 15 Juli 2013 | 07.37
Manfaat widget Like Box Facebook di web atau Blog adalah pengunjung pada Web Blog sobat tau bahwa Blog tersebut juga mempunyai halamanya di Facebook dan pengunjung dapat menyukai halaman Blog sobat di Facebook dengan sekali klik.
Sebelum membuat Widget Like Box Facebook di Blog, sobat terlebih dahulu harus mempunyai halaman Blogspot sobat di Facebook. Jika sobat belum punya halaman Blogspot di Facebook, sobat bisa baca panuduan ini, Cara Membuat Halaman Blog di Facebook. Baca juga untuk tampilan lebih sederahana yaitu Tombol Like Facebook di Blog. Jika sobat telah mempunyai halaman Blogspot sobat di Facebook, maka membuat Like Box Facebook di Blog dapat dimulai.
OK, mulai saja sob. Cara membuat Like Box Facebook di Blog:
1. Login ke Facebook dengan akun sobat.
2. Isikan URL http://developers.facebook.com/docs/reference/plugins/like-box/ dan langsung kunjungi URL tersebut.
3. Atur Tampilan.
Masukan URL halaman Web Atau Blogspot sobat di Facebook.
Width, atur lebar Widget.
Height, atur panjang Widget.
Show Faces, menampilkan foto Profil Likers atau tidak.
Color Scheme, pilih antara dark atau light.
Stream, tampilkan ringkasan halaman Facebook atau tidak.
Border Color, tentukan warna garis luar.
Show header, tampilkan header atau tidak.
4. Setelah selesai klik Get Code untuk mendapatkan kode HTML widget Like Box.

5. Mendapatkan kode html Like Box, agar lebih mudah masuk pada bagian iFrame. Coppy seluruh kodenya.

6. Selanjutnya, masuk pada akun web atau Blogger sobat.
7. Masuk pada bagian Tata Letak.
8. Kllik tambah gadget, pilih posisi mana yang sobat inginkan untuk memasang Widget Like Box.
9. Pilih HTML/Javascript.
10. Pastekan kode iFrame dan klik simpan.
Sebelum membuat Widget Like Box Facebook di Blog, sobat terlebih dahulu harus mempunyai halaman Blogspot sobat di Facebook. Jika sobat belum punya halaman Blogspot di Facebook, sobat bisa baca panuduan ini, Cara Membuat Halaman Blog di Facebook. Baca juga untuk tampilan lebih sederahana yaitu Tombol Like Facebook di Blog. Jika sobat telah mempunyai halaman Blogspot sobat di Facebook, maka membuat Like Box Facebook di Blog dapat dimulai.
OK, mulai saja sob. Cara membuat Like Box Facebook di Blog:
1. Login ke Facebook dengan akun sobat.
2. Isikan URL http://developers.facebook.com/docs/reference/plugins/like-box/ dan langsung kunjungi URL tersebut.
3. Atur Tampilan.
Masukan URL halaman Web Atau Blogspot sobat di Facebook.
Width, atur lebar Widget.
Height, atur panjang Widget.
Show Faces, menampilkan foto Profil Likers atau tidak.
Color Scheme, pilih antara dark atau light.
Stream, tampilkan ringkasan halaman Facebook atau tidak.
Border Color, tentukan warna garis luar.
Show header, tampilkan header atau tidak.

5. Mendapatkan kode html Like Box, agar lebih mudah masuk pada bagian iFrame. Coppy seluruh kodenya.

6. Selanjutnya, masuk pada akun web atau Blogger sobat.
7. Masuk pada bagian Tata Letak.
8. Kllik tambah gadget, pilih posisi mana yang sobat inginkan untuk memasang Widget Like Box.
9. Pilih HTML/Javascript.
10. Pastekan kode iFrame dan klik simpan.
08.27
Post adalah isi/konten dari sebuah blog. Sebuah post dapat memuat bermacam tipe data dari plain text/teks biasa, musik, gambar, video, script, dan lainnya yang didukung oleh kode web.
Di dalam postingan blogger kita dapat menggunakan kode-kode HTML dan Javascript untuk menampilkan postingan
Langkah Pertama login dulu ke akun anda di SINI
akan tampak seperti ini
kemudian masukan email dan paswod.
setelah itu anda akan di bawa halaman seperti gambar di bawah

kalau setingan bahasa anda pakai bahasa inggris maka pilih new post atau bisa tekan tombol pencil
stelah itu anda akan di bawa pada halaman kosong postingan seperti gambar di bawah
pada form post isikan judul postingan atau artikel anda pada halaman kosong di bawahnya
Nah setelah selesai jangan lupa berikan label atau kategori
suatu misal anda menulis postingan tentang facebook atau twitter maka label atau kategori gunanya untuk mengelompokan artikel tersebut biar pembaca mudah mencari
selesai semua tinggal tinggal tekan publikasikan caranya seperti gambar di bawah

sebelum mempublikasikan anda juga bisa melihat dulu untuk di edit dengan pratinjau
sementara begitu artikel
Cara Posting Di Web atau Blog CMS cloud Google Suport HTML 5 Di sertai gambar part 1
Cara Posting Di Web atau Blog CMS cloud Google Suport HTML 5 Di sertai gambar
Written By Admin Web on Minggu, 02 Juni 2013 | 08.27
Di dalam postingan blogger kita dapat menggunakan kode-kode HTML dan Javascript untuk menampilkan postingan
Langkah Pertama login dulu ke akun anda di SINI
akan tampak seperti ini
kemudian masukan email dan paswod.
setelah itu anda akan di bawa halaman seperti gambar di bawah

kalau setingan bahasa anda pakai bahasa inggris maka pilih new post atau bisa tekan tombol pencil
stelah itu anda akan di bawa pada halaman kosong postingan seperti gambar di bawah
pada form post isikan judul postingan atau artikel anda pada halaman kosong di bawahnya
Nah setelah selesai jangan lupa berikan label atau kategori
suatu misal anda menulis postingan tentang facebook atau twitter maka label atau kategori gunanya untuk mengelompokan artikel tersebut biar pembaca mudah mencari
selesai semua tinggal tinggal tekan publikasikan caranya seperti gambar di bawah

sebelum mempublikasikan anda juga bisa melihat dulu untuk di edit dengan pratinjau
sementara begitu artikel
Cara Posting Di Web atau Blog CMS cloud Google Suport HTML 5 Di sertai gambar part 1
00.25
Cara Setting Domain Dot.Tk Keblogger
Written By Admin Web on Jumat, 19 April 2013 | 00.25
Berikut cara setting domain dot.tk keblogger :
Langkah 1
Login ke dot.tk >>> Pilih Domain Panel dan klik konfigurasi.
Langkah 2
Setelah itu pilih opsi Use Dot Tk Free DNS Service.
Langkah 3
Silahkan pada kolom anda pilih Type CNAME Record, isikan kolom tersebut seperti ini :
Host Name : www.domainanda.tk
IP Address : ghs.google.com
Sebenarnya sampai ditahap ini, proses setting sudah selesai. Hanya saja bila nama domain anda diketikan tanpa www maka akan terjadi error, untuk menghindari hal seperti itu bisa dilakukan dengan cara seperti dibawah ini.
Langkah 4
Klik "Add another hostname" lalu pilih Type A Record, isikan kolom tersebut seperti ini :
Host Name : domainanda.tk (di isi tanpa www)
IP Address : 216.239.32.21
Langkah 5
Silahkan anda ulangi sama seperti langkah ke-4, hanya saja yang diganti pada kolom IP Address-nya.
216.239.34.21
216.239.36.21
216.239.38.21
Nahhh...pada langkah ini kita sudah selesai membuat setting costum di dot.tk, maka proses selanjutnya yaitu membuat settingan di blogger saja.
Caranya yaitu sebagai berikut :
Langkah 1
Login keblogger >>> Klik Setelan >>> Pilih Publikasi.
Langkah 2
Klik domain ubah sesuai >>> Lalu klik beralih kesetelan lanjutan.
Langkah 3
Pada kolom, silahkan masukan domain dot.tk milik anda
Langkah 4
isi verifikasi kata yang sesuai.
Langkah 5
Simpan
Setelah melakukan proses ini dengan benar, maka anda tinggal menunggu beberapa menit atau beberapa jam tergantung seberapa cepat domain anda terresolve oleh DNS anda. semoga saja postingan kali ini bisa bermanfaat untuk anda
Label:
DOMAIN,
TIPS TRIKS,
TUTORIAL BLOG
16.13
Dengan menambahkan artikel terkait pada blog, kita bisa mengurangi tingkat bounce rate di blog kita. Dan tentunya membuat pengunjung di blog kita betah untuk membaca artikel-artikel kita yang lainnya. Biar artikel yang sudah kita buat susah-susah di blog kita ada yang baca.
Cara Membuat Related Post Keren
Langkah 1 : Masuk ke akun Blogger >> Dashboard
Langkah 2 : Pilih Template >> Edit HTML ( Centang Expand Widget Template )
Langkah 3 : Cari kode di bawah ini (Gunakan CTRL + F untuk mempermudah):
]]></b:skin>
Jika sudah ketemu kode di atas, kemudian masukkan kode CSS di bawah ini tepat di atas kode ]]></b:skin>
/* Related Post Dengan Tooltips Membuat Blog Keren --- */
.related-post .post-thumbnail {
z-index: 1; position: relative;
width: 108px;
height: 108px;
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: 108px;
height: 108px;
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: #00B366;
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;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.related-post:hover .related-post-title {display: block;}
Langkah 4 : Carilah kode yang kira kira seperti yang ada di bawah ini :
<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
Langkah 5 : Kemudian kalau sudah ketemu kode seperti di atas masukkan kode HTML di bawah ini di bawah <div class='post-footer-line post-footer-line-1'/> atau di bawah <div class='post-footer-line post-footer-line-2'/>.
<div id='related-posts'>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>//<![CDATA[
var ry='<h3>Related Posts</h3>';rn='<h3> 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/AVvXsEjL6uQ55DiSy8eFyQrUwnWvXaZwmshFf15rKPYzHyM8s8dPB-BEIzATp0AX5tvk1rsI5lqQ2ndLzz5icg9FOT5WwQ92KxL8TzIP1Zd-klHyZe_Iy83fKhEmuh-PtWDA6fuJzlsCr65euSSp/'};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='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=5;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script>
</b:if>
</div>
<div class='clear'/>
Untuk mengeditnya baca keterangan di bawah ini :
Untuk menampilkan jumlah artikel yang terkait, kita cukup untuk mengganti angka 5 pada maxresults=5 dengan jumlah yang kita inginkan.
Untuk mengganti tinggi dan lebar dari gambar yang muncul cukup ganti 108px dengan lebar atau tinggi yang kita inginkan
Nah, itu saja sudah selesai. Sekarang silahkan klik "Save Template" kemudian lihat hasilnya. Bagaimana sobat? Apa kamu ada kesulitan?
Cara membuat artikel terkait di sertai gambar tumbnail
Written By Admin Web on Senin, 15 April 2013 | 16.13
Dengan menambahkan artikel terkait pada blog, kita bisa mengurangi tingkat bounce rate di blog kita. Dan tentunya membuat pengunjung di blog kita betah untuk membaca artikel-artikel kita yang lainnya. Biar artikel yang sudah kita buat susah-susah di blog kita ada yang baca.
Cara Membuat Related Post Keren
Langkah 1 : Masuk ke akun Blogger >> Dashboard
Langkah 2 : Pilih Template >> Edit HTML ( Centang Expand Widget Template )
Langkah 3 : Cari kode di bawah ini (Gunakan CTRL + F untuk mempermudah):
]]></b:skin>
Jika sudah ketemu kode di atas, kemudian masukkan kode CSS di bawah ini tepat di atas kode ]]></b:skin>
/* Related Post Dengan Tooltips Membuat Blog Keren --- */
.related-post .post-thumbnail {
z-index: 1; position: relative;
width: 108px;
height: 108px;
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: 108px;
height: 108px;
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: #00B366;
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;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.related-post:hover .related-post-title {display: block;}
Langkah 4 : Carilah kode yang kira kira seperti yang ada di bawah ini :
<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
Langkah 5 : Kemudian kalau sudah ketemu kode seperti di atas masukkan kode HTML di bawah ini di bawah <div class='post-footer-line post-footer-line-1'/> atau di bawah <div class='post-footer-line post-footer-line-2'/>.
<div id='related-posts'>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>//<![CDATA[
var ry='<h3>Related Posts</h3>';rn='<h3> 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/AVvXsEjL6uQ55DiSy8eFyQrUwnWvXaZwmshFf15rKPYzHyM8s8dPB-BEIzATp0AX5tvk1rsI5lqQ2ndLzz5icg9FOT5WwQ92KxL8TzIP1Zd-klHyZe_Iy83fKhEmuh-PtWDA6fuJzlsCr65euSSp/'};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='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=5;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script>
</b:if>
</div>
<div class='clear'/>
Untuk mengeditnya baca keterangan di bawah ini :
Untuk menampilkan jumlah artikel yang terkait, kita cukup untuk mengganti angka 5 pada maxresults=5 dengan jumlah yang kita inginkan.
Untuk mengganti tinggi dan lebar dari gambar yang muncul cukup ganti 108px dengan lebar atau tinggi yang kita inginkan
Nah, itu saja sudah selesai. Sekarang silahkan klik "Save Template" kemudian lihat hasilnya. Bagaimana sobat? Apa kamu ada kesulitan?
Label:
TIPS TRIKS,
TUTORIAL BLOG,
TUTORIALS
15.51
Salah satu cara untuk optimasi blogspot adalah dengan cara memasang meta tag pada blog kita. Untuk memasang meta tag sendiri bukanlah hal yang sulit, namun bagi kita yang tidak tahu pasti juga akan kesulitan ketika ingin memasang meta tag di blog kita. Untuk apa sih kita melakukan ini? Iya jelas untuk optimasi blog kita agar mendapatkan banyak pengunjung dari mesin pencari.
Untuk optimasi blogspot sendiri memang susah-susah gampang. Mengapa saya bilang demikian? Karena kita tidak pernah tahu apakan blog yang kita buat ataupun artikel yang kita buat sudah SEO Friendly atau tidak. Berbeda ketika kita menggunakan wordpress. Ada banyak plugins seo wordpress yang bisa kita gunakan untuk membantu mengoptimasi blog kita.
Cara Memasang Meta Tag Di Blogspot
Anda bisa memasang meta tag dengan mengikuti beberapa langkah mudah di bawah ini. Saya harap anda berkenan untuk membacanya dengan pelan-pelan karena ini sebenarnya mudah tapi kalau salah akan terjadi error dalam pengeditan template anda.
Langkah 1 : Silahkan Login ke akun blogger anda.
Langkah 2 : Masuklah ke Dashboard >> Template >> Edit HTML
Langkah 3 : Cari kode di bawah ini (gunakan Ctrl + F untuk membantu pencarian) :
<b:include data='blog' name='all-head-content'/>
Langkah 4 : Silahkan letakkan code di bawah ini di bawah kode yang anda temukan di atas.
<meta content=' Deskripsi blog kamu' name='description'/>
<meta content='keyword 1 ,keyword2 ,keyword3 ...' name='keywords'/>
<meta content='Nama Anda' name='Author'/>
<meta content='Alamat email Anda' name='Email'/>
<meta content='global' name='distribution'/>
<meta content='5 days' name='revisit'/>
<meta content='5 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='language'/>
<meta content='id' name='country'/>
Sudah anda masukkan? sekarang waktunya untuk menggantinya sesuai dengan kebutuhan blog yang anda miliki. Sekarang kita akan mencari tahu cara mengeditnya. Ganti yang berwarna merah sesuai kebutuhan anda.
Note : Untuk meta deskripsi jangan sampai lebih dari 156 karakter. Karena kalau lebih juga akan sia-sia.
Cara pasang Meta Tag untuk opmtimis blog dan web part 3
Salah satu cara untuk optimasi blogspot adalah dengan cara memasang meta tag pada blog kita. Untuk memasang meta tag sendiri bukanlah hal yang sulit, namun bagi kita yang tidak tahu pasti juga akan kesulitan ketika ingin memasang meta tag di blog kita. Untuk apa sih kita melakukan ini? Iya jelas untuk optimasi blog kita agar mendapatkan banyak pengunjung dari mesin pencari.
Untuk optimasi blogspot sendiri memang susah-susah gampang. Mengapa saya bilang demikian? Karena kita tidak pernah tahu apakan blog yang kita buat ataupun artikel yang kita buat sudah SEO Friendly atau tidak. Berbeda ketika kita menggunakan wordpress. Ada banyak plugins seo wordpress yang bisa kita gunakan untuk membantu mengoptimasi blog kita.
Cara Memasang Meta Tag Di Blogspot
Anda bisa memasang meta tag dengan mengikuti beberapa langkah mudah di bawah ini. Saya harap anda berkenan untuk membacanya dengan pelan-pelan karena ini sebenarnya mudah tapi kalau salah akan terjadi error dalam pengeditan template anda.
Langkah 1 : Silahkan Login ke akun blogger anda.
Langkah 2 : Masuklah ke Dashboard >> Template >> Edit HTML
Langkah 3 : Cari kode di bawah ini (gunakan Ctrl + F untuk membantu pencarian) :
<b:include data='blog' name='all-head-content'/>
Langkah 4 : Silahkan letakkan code di bawah ini di bawah kode yang anda temukan di atas.
<meta content=' Deskripsi blog kamu' name='description'/>
<meta content='keyword 1 ,keyword2 ,keyword3 ...' name='keywords'/>
<meta content='Nama Anda' name='Author'/>
<meta content='Alamat email Anda' name='Email'/>
<meta content='global' name='distribution'/>
<meta content='5 days' name='revisit'/>
<meta content='5 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='language'/>
<meta content='id' name='country'/>
Sudah anda masukkan? sekarang waktunya untuk menggantinya sesuai dengan kebutuhan blog yang anda miliki. Sekarang kita akan mencari tahu cara mengeditnya. Ganti yang berwarna merah sesuai kebutuhan anda.
Note : Untuk meta deskripsi jangan sampai lebih dari 156 karakter. Karena kalau lebih juga akan sia-sia.
Label:
SEO,
TUTORIAL BLOG,
TUTORIALS
15.46
Meta Tag Description dan Meta Tag Keyword Sangat berpengaruh dalam SEO, karena kita para blogger harus berusaha mendapatkan halaman pertama dan paling atas yaitu urutan nomer 1 untuk setiap keyword yang pengunjung kita gunakan. Karena blog kita akan menjadi sumber penghasilan jika pengunjung kita banyak. Karena semakin banyak pengunjung maka semakin bnayak pula tawaran iklan yang memakai jasa blog kita sebagai media promosi
Meta Tag Description di blog merupakan salah satu SEO Onpage yang harus dilakukan pemilik blog supaya hasil postingan cepat terindeks di search engine. Bagi Master of Blogger silahkan lewat aja dulu yaa karena Tips SEO ini pasti sudah dihapal mati, Tips SEO ini mungkin sedikit bermanfaat bagi newbie seperti saya yang ingin mengetahui bagaimana Cara Pasang Meta Tag Description dan Meta Tag Keyword di blog
Cara Pasang Meta Tag Description dan Meta Tag Keyword di blog sebenarnya telah saya bahas pada postingan saya terdahulu yang berjudul Tips SEO | Search Engine Optimation, tapi karena seiring dengan waktu Cara lama tersebut kurang maksimal lagi untuk diterapkan, oleh karena itu lewat Tips Seo kali ini saya akan merevisi tentang bagaimana cara pasang Cara Pasang Meta Tag Description dan Meta Tag Keyword di blog.
Untuk memasang Meta Tag Description dan Meta Tag Keyword di blog sobat bisa mengikuti langkah langkah sebagai berikut
1. Masuk template blogger, Dasbor kemudian pilih Rancangan kemudian Edit HTML
2. Cari kode seperti dibawah ini
<Metacontent=’list deskripsi’ name=’Description’/>
<Metacontent=’list keyword’ name=’Keywords’/>
3. Silahkan hapus kode diatas kemudian ganti dengan kode dibawah ini
<b:if cond=’data:blog.pageType != "item"’>
<meta content=’list deskripsi‘ name=’Description’/>
<meta content=’list keyword‘ name=’Keywords’/>
<b:else/>
<meta expr:content=’data:blog.pageName + " – list deskripsi"’
name=’description’/>
<meta expr:content=’data:blog.pageName + ", list keyword"’
name=’keywords’/>
</b:if>
4. Untuk memasang Meta Tag Description di blog silahkan sobat perhatikan tulisan yang berwarna hujau diatas
5. Ganti kata list deskripsi dengan deskripsi blog milik sobat masing masing, misalnya cara membuat blog di blogspot plus Tutorial blog dan free template blogger
6. Ganti list keyword dengan keyword sobat masing masing juga misalnya blog, blogger, blogspot, tutorial blog dan sebagainya.
7. Selesai pasang meta tag description di platform bloganda, silahkan segera melapor ke google dengan cara ping blog milik sobat seperti di mypagerank.net atau feedburner.com
8. Pemasangan Meta Tag Description dan Meta Tag Keyword telah selesai
Cara Pasang Meta Tag Description danMetaTag Keyword di blog
Meta Tag Description dan Meta Tag Keyword Sangat berpengaruh dalam SEO, karena kita para blogger harus berusaha mendapatkan halaman pertama dan paling atas yaitu urutan nomer 1 untuk setiap keyword yang pengunjung kita gunakan. Karena blog kita akan menjadi sumber penghasilan jika pengunjung kita banyak. Karena semakin banyak pengunjung maka semakin bnayak pula tawaran iklan yang memakai jasa blog kita sebagai media promosi
Meta Tag Description di blog merupakan salah satu SEO Onpage yang harus dilakukan pemilik blog supaya hasil postingan cepat terindeks di search engine. Bagi Master of Blogger silahkan lewat aja dulu yaa karena Tips SEO ini pasti sudah dihapal mati, Tips SEO ini mungkin sedikit bermanfaat bagi newbie seperti saya yang ingin mengetahui bagaimana Cara Pasang Meta Tag Description dan Meta Tag Keyword di blog
Cara Pasang Meta Tag Description dan Meta Tag Keyword di blog sebenarnya telah saya bahas pada postingan saya terdahulu yang berjudul Tips SEO | Search Engine Optimation, tapi karena seiring dengan waktu Cara lama tersebut kurang maksimal lagi untuk diterapkan, oleh karena itu lewat Tips Seo kali ini saya akan merevisi tentang bagaimana cara pasang Cara Pasang Meta Tag Description dan Meta Tag Keyword di blog.
Untuk memasang Meta Tag Description dan Meta Tag Keyword di blog sobat bisa mengikuti langkah langkah sebagai berikut
1. Masuk template blogger, Dasbor kemudian pilih Rancangan kemudian Edit HTML
2. Cari kode seperti dibawah ini
<Metacontent=’list deskripsi’ name=’Description’/>
<Metacontent=’list keyword’ name=’Keywords’/>
3. Silahkan hapus kode diatas kemudian ganti dengan kode dibawah ini
<b:if cond=’data:blog.pageType != "item"’>
<meta content=’list deskripsi‘ name=’Description’/>
<meta content=’list keyword‘ name=’Keywords’/>
<b:else/>
<meta expr:content=’data:blog.pageName + " – list deskripsi"’
name=’description’/>
<meta expr:content=’data:blog.pageName + ", list keyword"’
name=’keywords’/>
</b:if>
4. Untuk memasang Meta Tag Description di blog silahkan sobat perhatikan tulisan yang berwarna hujau diatas
5. Ganti kata list deskripsi dengan deskripsi blog milik sobat masing masing, misalnya cara membuat blog di blogspot plus Tutorial blog dan free template blogger
6. Ganti list keyword dengan keyword sobat masing masing juga misalnya blog, blogger, blogspot, tutorial blog dan sebagainya.
7. Selesai pasang meta tag description di platform bloganda, silahkan segera melapor ke google dengan cara ping blog milik sobat seperti di mypagerank.net atau feedburner.com
8. Pemasangan Meta Tag Description dan Meta Tag Keyword telah selesai
Label:
SEO,
TIPS TRIKS,
TUTORIAL BLOG
15.32
CARA MEMASANG META TAG YANG SEO FRIENDLY adalah satu komponen yang harus ada di blog. Sedangkan untuk Meta Tag memang bermacam-macam cara ada Meta Tag tipe klasik,ada juga Meta Tag spind. Kebetulan ada satu teman yang minta kepada saya agar memposting tentang Meta Tag pada dasarnya semua meta tag bagus namun tinggal kita saja yang memilih mana yang terbaik. Dan dikesempatan kali ini saya akan coba menyampaikan Meta Tag yang sering digunakan para blogger. Adapun Meta Tag yang akan bagi ini ada 2 tipe yang pertama meta tag klasik dan yang kedua adalah meta tag spind. Yang pertama Meta Tag Klasik sampai sekarang masih dipergunakan oleh sebagian para blogger dikarenakan meta tag tersebut bisa sangat diandalkan dan itu juga saya terapkan disebagian blog dummy saya. Sedangkan yang kedua meta tag spind yang nota bene sekarang lagi ramai dipakai oleh pengguna Blogspot padahal meta tag tersebut juga sudah lama digunakan oleh blogger. Memang untuk membikin agar blog Seo Friendly bermacam-macam cara dan tidak salahnya kita coba dan bagi yang masih ragu coba kalian terapkan saja diblog dummy atau di blog percobaan bikin satu artikel lalu diterbitkan setelah itu kalian ping di Webmaster dan ping dari pihak kedua tunggu beberapa saat lalu kalian cari disearch engine postingan kalian tersebut nangkring diposisi keberapa artikel kalian itu kalau artikel tersebut diposisi paling jauh berarti Meta Tag kita belum maksimal cara kerjanya,tapi dengan satu catatan bahwa artkel kalian itu ASLI BUKAN HASIL COPAZ. Baiklah mari kita pelajari sama-sama tentang META TAG SEO FRIENDLY yang terbagi 2 yaitu meta tag klasik dan meta tag spind.
Pertama meta tag klasik itu seperti ini :
<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/>|<data:blog.title/></title></b:if>
Kalau kalian mau dirubah sedikit dengan cara kalian cari code ini <title><data:blog.title/></title> atau kalian cari seperti ini <title><data:blog.pagetitle/></title>
Setelah ketemu kalian ganti code tersebut dengan code meta yang ini :
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'/>
<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/>|<data:blog.title/></title></b:if>
Lalu kalian save.
Nah itu dalah Meta Tag Klasik sekarang untuk meta tag spind bagaimana? Kalau untuk meta tag spind mari sama-sama kita pelajari lagi.
Pertama kalian coba pasang code meta tag ini seperti biasa dibawah <head> adapun code meta tag tersebut seperti ini :
<link expr:href='data:blog.url' rel='canonical'/>
<meta content='MASUKKAN CODE VERIFIKASI PUNYA KALIAN' name='google-site-verification'/>
<meta content='MASUKKAN CODE DARI BING' name='msvalidate.01'/>
<meta content='https://plus.google.com/CODE DARI GOOGLE PLUS PUNYA KAMU ' name='author'/>
<meta content='IE=EmulateIE9' http-equiv='X-UA-Compatible'/>
<meta content='document' name='resource-type'/>
<meta content='no-cache' http-equiv='cache-control'/>
<meta content='no-cache' http-equiv='pragma'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='text/html charset=iso-8859-1' http-equiv='Content-Type'/>
<meta content='document' name='resource-type'/>
<meta content='-5;120' name='geo.position'/>
<meta content='1, 2, 3, 10, 11, 12, 13, ATF' name='serps'/>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | TULIS JUDUL BLOG KALIAN atau DESCRIPTIONS</title>
</b:if>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='text/html; charset=ISO-8859-1' http-equiv='Content-Type'/>
<meta content='http://NAMA BLOG KAMU.blogspot.com' id='e_vb_meta_bburl' name='vb_meta_bburl'/>
<meta content='vBulletin 4.1.10' name='generator'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'/>
<meta content='blogger' name='generator'/>
<meta content='ISI TERSERAH KALIAN ' name='description'/>
<meta content='ISI SUKA-SUKA KAMU ' name='keywords'/>
<meta content='ISINYA SAMAKAN DENGAN DESCRIPTION ' name='subject'/>
<meta content='ISINYA SAMAKAN DENGAN KEYWORD ' name='abstract'/>
Setelah itu simpan....!!!
Nah jadi kalian sekarang sudah tahukan perbedaan Meta tag klasik dengan Meta tag Spind. semoga bisa berguna dan bermanfaat artikel saya tentang CARA MEMASANG META TAG YANG SEO FRIENDLY apa bila ada yang tidak jelas silahkan tanyakan semoga saja saya bisa jawab.
CARA MEMASANG META TAG YANG SEO FRIENDLY
CARA MEMASANG META TAG YANG SEO FRIENDLY adalah satu komponen yang harus ada di blog. Sedangkan untuk Meta Tag memang bermacam-macam cara ada Meta Tag tipe klasik,ada juga Meta Tag spind. Kebetulan ada satu teman yang minta kepada saya agar memposting tentang Meta Tag pada dasarnya semua meta tag bagus namun tinggal kita saja yang memilih mana yang terbaik. Dan dikesempatan kali ini saya akan coba menyampaikan Meta Tag yang sering digunakan para blogger. Adapun Meta Tag yang akan bagi ini ada 2 tipe yang pertama meta tag klasik dan yang kedua adalah meta tag spind. Yang pertama Meta Tag Klasik sampai sekarang masih dipergunakan oleh sebagian para blogger dikarenakan meta tag tersebut bisa sangat diandalkan dan itu juga saya terapkan disebagian blog dummy saya. Sedangkan yang kedua meta tag spind yang nota bene sekarang lagi ramai dipakai oleh pengguna Blogspot padahal meta tag tersebut juga sudah lama digunakan oleh blogger. Memang untuk membikin agar blog Seo Friendly bermacam-macam cara dan tidak salahnya kita coba dan bagi yang masih ragu coba kalian terapkan saja diblog dummy atau di blog percobaan bikin satu artikel lalu diterbitkan setelah itu kalian ping di Webmaster dan ping dari pihak kedua tunggu beberapa saat lalu kalian cari disearch engine postingan kalian tersebut nangkring diposisi keberapa artikel kalian itu kalau artikel tersebut diposisi paling jauh berarti Meta Tag kita belum maksimal cara kerjanya,tapi dengan satu catatan bahwa artkel kalian itu ASLI BUKAN HASIL COPAZ. Baiklah mari kita pelajari sama-sama tentang META TAG SEO FRIENDLY yang terbagi 2 yaitu meta tag klasik dan meta tag spind.
Pertama meta tag klasik itu seperti ini :
<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/>|<data:blog.title/></title></b:if>
Kalau kalian mau dirubah sedikit dengan cara kalian cari code ini <title><data:blog.title/></title> atau kalian cari seperti ini <title><data:blog.pagetitle/></title>
Setelah ketemu kalian ganti code tersebut dengan code meta yang ini :
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'/>
<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/>|<data:blog.title/></title></b:if>
Lalu kalian save.
Nah itu dalah Meta Tag Klasik sekarang untuk meta tag spind bagaimana? Kalau untuk meta tag spind mari sama-sama kita pelajari lagi.
Pertama kalian coba pasang code meta tag ini seperti biasa dibawah <head> adapun code meta tag tersebut seperti ini :
<link expr:href='data:blog.url' rel='canonical'/>
<meta content='MASUKKAN CODE VERIFIKASI PUNYA KALIAN' name='google-site-verification'/>
<meta content='MASUKKAN CODE DARI BING' name='msvalidate.01'/>
<meta content='https://plus.google.com/CODE DARI GOOGLE PLUS PUNYA KAMU ' name='author'/>
<meta content='IE=EmulateIE9' http-equiv='X-UA-Compatible'/>
<meta content='document' name='resource-type'/>
<meta content='no-cache' http-equiv='cache-control'/>
<meta content='no-cache' http-equiv='pragma'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='text/html charset=iso-8859-1' http-equiv='Content-Type'/>
<meta content='document' name='resource-type'/>
<meta content='-5;120' name='geo.position'/>
<meta content='1, 2, 3, 10, 11, 12, 13, ATF' name='serps'/>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | TULIS JUDUL BLOG KALIAN atau DESCRIPTIONS</title>
</b:if>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='text/html; charset=ISO-8859-1' http-equiv='Content-Type'/>
<meta content='http://NAMA BLOG KAMU.blogspot.com' id='e_vb_meta_bburl' name='vb_meta_bburl'/>
<meta content='vBulletin 4.1.10' name='generator'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'/>
<meta content='blogger' name='generator'/>
<meta content='ISI TERSERAH KALIAN ' name='description'/>
<meta content='ISI SUKA-SUKA KAMU ' name='keywords'/>
<meta content='ISINYA SAMAKAN DENGAN DESCRIPTION ' name='subject'/>
<meta content='ISINYA SAMAKAN DENGAN KEYWORD ' name='abstract'/>
Setelah itu simpan....!!!
Nah jadi kalian sekarang sudah tahukan perbedaan Meta tag klasik dengan Meta tag Spind. semoga bisa berguna dan bermanfaat artikel saya tentang CARA MEMASANG META TAG YANG SEO FRIENDLY apa bila ada yang tidak jelas silahkan tanyakan semoga saja saya bisa jawab.
Label:
SEO,
TIPS TRIKS,
TUTORIAL BLOG
02.39
Cara memasang google Translate di website Paling mudah Power by Google
Written By Admin Web on Rabu, 03 April 2013 | 02.39
1. Masuk ke Rancangan --> Edit Laman
2. Tambah Gadjet pilih HTML Javascript
3. Masukan kode dibawah ini:
Demikian cara pemasangan Google Translate pada blog anda. Mudah2an tutorial singkat ini dapat memberikan manfaat. Salam
2. Tambah Gadjet pilih HTML Javascript
3. Masukan kode dibawah ini:
<div id="google_translate_element"></div>4. Simpan gadjet anda
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script>
Demikian cara pemasangan Google Translate pada blog anda. Mudah2an tutorial singkat ini dapat memberikan manfaat. Salam
Label:
TIPS TRIKS,
TUTORIAL BLOG,
Wiged
14.58
cara cepat dan mudah membuat favicon bergerak
Written By Nusantara Voice on Sabtu, 16 Februari 2013 | 14.58
Capek mutar - mutar keliling dunia maya namun yang dicari tidak juga bertemu, beberapa jam berikutnya saya berhasil menemukan website untuk membuat favicon yaitu http://www.favicongenerator.org.
Pencarian ini berakhir setelah memasukkan key dengan bahasa inggris, hasil search engine mbahgoggle.com memang cukup banyak hasil yang ditemukan, namun tidak ada yang memberikan cara mudah, selalu menyarankan menggunakan photoshop, padahal belum tentu semua blogger bisa menggunakanaplikasi photoshop.
Oke kita akan mencoba membuat favicon yang bisa bergerak atau istilah kerennya favicon animasi, caranya sebagai berikut :
- Untuk lebih mudahnya kita akan gunakan Favicon generator dari situs http://www.favicongenerator.org/
- Pada bagian bawah terdapat kolom untuk mengisi image anda tadi dan scrolling text bisa anda isi dengan tulisan yang sudah anda siapkan tadi.
- Tekan generate favicon
- Anda akan diberikan favicon yang statis dan favicon animasi. Karena disini kita belajar membuat favicon animasi, maka silahkan anda pilih animated favicon.gif dengan melakukan klik kanan icon yang mempunyai image bergerak dan simpan.
- Upload favicon animasi ke dalam hosting image
- Setelah tersimpan copy alamat gambar dan pasang pada templete anda
Label:
TUTORIAL BLOG












