Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

Saturday 21 February 2015

Cara Mengetahui Nilai SEO di Blog




Assalamualaikum :)

Selamat malam Bloggers
Kali ini Cyber Empires akan mempost tentang cara mengetahui Nilai SEO di Blog kita
Tapi tahukah anda Apa SEO itu??????
maka dari itu kali ini Cyber Empires akan membahasnya,, langsung saja ini dia cekidot!!!!

Optimisasi mesin pencari (bahasa Inggris: Search Engine Optimization, biasa disingkat SEO) adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung.Hal terpenting dalam pembangunan sebuah website/blog salah satunya adalah SEO (Search Engine Optimization). Meskipun banyak hal lain yang mesti harus diperhatikan, SEO merupakan hal utama yang harus diperbaiki terlebih dahulu. Bagaimanakah cara mengoptimalkan seo di situs anda ?

Berbagai orang banyak yang menilai tentang tujuan mengenai SEO yang terkadang salah pengertian. SEO bukanlah salah satu cara untuk meningkatkan traffik dan memperbanyak pengunjung. Fungsi SEO adalah sebuah metode pengelolaan halaman web yang sesuai dengan kriteria yang dibutuhkan mesin pencari. Sedangkan hasil yang didapat dari penggunaan SEO Friendly ini adalah mendapatkan pengunjung berkualitas, meningkatkan traffik yang organik, membangun situs jangka panjang.

Nah udah tau kan apa itu SEO???
Bagi kalian yang igin mengecek berapakah nilai SEO blog kita, maka dapat dilakukan dengan langkah-langkah yaitu :
2. Setelah itu isi di kotak Check SEO Score nama Blog kita tanpa menggunakan http://
3. Klik Check SEO Score
4. Tunggu beberapa saat,,,,, dan tadaa kita pun dapat mengetahui berapa nilai SEO kita :)

Untuk Promosi nilai SEO saya sekitar 50% gan :D
Semoga bermanfaat.............

Cara Membuat tombol balas atau reply di komentar pada blog.

http://1.bp.blogspot.com/-ZtxfWS2ONZ4/TbEAh0JOEHI/AAAAAAAAAPU/Q3wHaV-rRG0/s320/reply.jpg 

kali ini Cyber Empires akan share Cara Membuat tombol balas atau reply komentar pada blog. terkadang perlu kita lakukan, mengingat adanya beberapa template blog yang ternyata tidak dilengkapi dengan fasilitas yang lengkap. Hal ini seringkali kita temui pada template default bawaan, yang mana terkadang fitur tombol balas komentar atau reply comment tidak kita temui.

Nah pada kesempatan kali ini Cyber Empires akan memberitahu bagaimana langkah-langkahnya untuk membuat tombol reply di blog.

Ikuti langkah berikut untuk membuat tombol reply :


  1. Login ke Blogger
  2. Lalu klik 'Design' -> 'Edit HTML' -> Centang pada 'Expand Template Widget'
  3. Copy Paste kode berikut di bawah kode <b:include data='comment' name='commentDeleteIcon'/> :

    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=9134775968024154276&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img src='http://www.loseyourlife.com/forums/templates/assets/forum_icons/traditional_1/lang_english/fi_bPostReply.png'/></a>

    #Ganti kode berwarna merah dengan Blog ID kalian.. cek angka yang ada di URL saat di design !
    #Ganti kode berwarna biru dengan link gambar tombol reply kalian sendiri

  4. Terakhir 'Save Template' dan cek hasilnya..

    semoga bermanfaat yat ^_^
diambil dari beberapa sumber

Friday 20 February 2015

Cara Menambah Site Links In Di Blog


Caranya sangatlah mudah, anda hanya tinggal copy link yang berada di bawah ini ke post anda
  1. Google
  2. Yahoo
  3. Youtube
  4. Facebook
  5. Gemscool
  6. Alexa
  7. Blogger
  8. Wikipedia
  9. Wikipedia Indonesia
  10. Blog Cyber Empires 
kemudian anda hapus nomor 1 dan anda pindahkan bagian nomor 2 menjadi nomor 1
contoh :

  1. Yahoo
  2. Youtube
  3. Facebook
  4. Gemscool
  5. Alexa
  6. Blogger
  7. Wikipedia
  8. Wikipedia Indonesia
  9. Blog Cyber Empires 
  10. Blog kamu    


    Isi di Tulisan Blog kamu itu nama Blog agan dan kemudian postingkan deh ke blog agan
Keterangan:
Jika anda mampu mengajak lima orang saja untuk mengcopy artikel ini maka jumlah backlink yang akan didapat adalah:
Posisi 10, jumlah backlink = 1
Posisi 9, jumlah backlink = 5
Posisi 8, jumlah backlink = 25
Posisi 7, jumlah backlink = 125
Posisi 6, jumlah backlink = 625
Posisi 5, jumlah backlink = 3,125
Posisi 4, jumlah backlink =15,625
Posisi 3, jumlah backlink = 78,125
Posisi 2, jumlah backlink = 390,625
Posisi 1, jumlah backlink = 1,953,125

Dan nama dari alamat blog dapat dimasukan kata kunci yang anda inginkan yang juga dapat menarik perhatian untuk segera diklik. Dari sisi SEO anda sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung downline mengklik link anda maka anda juga mendapat traffic tambahan.

Saya sarankan anda mencoba cara ini dan silakan copy sebarkan artikel ini atau bisa dengan cara mengkopi kode di bawah ini biar simple tanpa repot kemudian postingan menggunakan menu Edit Html ( agar link ? link nya tidak hilang karena disinilah letak Site Link in Alexa itu ). Hilangkan link nomor 1 dan masukan alamat blog anda pada nomor 10. Buktikan sendiri hasilnya setelah itu baru kementar.
Thanks :)

Saturday 15 November 2014

Cara Membuat Tombol Read More di Blog Blogspot

Mungkin belum banyak yang mengetahui Cara Membuat Tombol Read More di Blog Blogspot, untuk itu disini saya akan mencoba menjelaskan secara singkat Bagaimana Cara Membuat Read More di Blog Blogspot.

Tapi sebelumnya saya ingin memberitahukan bahwa Read More yang akan kita buat ini otomatis, maksudnya kita akan belajar Cara Membuat Read More secara otomatis menggunakan bantuan dari jump link yang ada di blogspot.

Dalam tutorial ini saya menggunakan Template Sederhana (standar) dari Blogger.

Baik, langsung saja kita mulai pembahasan cara membuat tombol read more di blog blogspot.



1. Masuk ke Template dan klik Edit Template

2. Klik CTRL + F, dan cari kode html </head>

3. Letakan kode dibawah ini, tepat diatas kode html </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 275;
summary_img = 275;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

4. Lanjut dan cari kode ini <data:post.body/> dan ubah dengan kode HTML di bawah ini.

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<div class='readmore-link'><span class='arrow'>›</span> <a expr:href='data:post.url'>Read More</a></div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

5. Disini banyak blogger yang bingung, karena ada banyak sekali kode <data:post.body/>, kalau pakai template standar yang diganti adalah yang kode Kedua ( itemprop='description articleBody' )

Monday 30 September 2013

Cara Membuat Emoticon di Kotak Komentar Blogspot

Sahabat blogger, hampir seminggu ini Ane  tidak membuka blog, rasanya kangen ingin cepat - cepat membuat tulisan, nah pada kesempatan kali ini alhamdulillah Ane bisa kembali membuat postingan lagi, kali ini Saya akan coba mempostkan artikel tentang Membuat Emoticon di Kotak Komentar Blogspot.


emoticon komentar blog

Cara Membuat Emoticon di Kotak Komentar Blogspot

1. Login ke blog
2. Masuk ke dasbor/rancangan kemudina pilih Template
3. Pilih Edit HTML *jangan lupa centang expand template widget
4. Cari kode ]]></b:skin>
5. Copy kode dibawah ini dan pastekan diatas ]]></b:skin>
.emoWrap {color:greenyellow;font:bold 12px Tahoma,Arial,Sans-Serif;text-align:center;}
img.emo, input.emoKey {display:inline-block;display:inline;vertical-align:middle;}
input.emoKey {border:1px solid #ccc;background-color:white;font:bold 11px Arial,Sans-Serif;padding:1px 2px;margin:0px 0px 0px 2px;color:black;}

6. Copy kode dibawah ini dan pastekan dibawah tag <b:if cond='data:post.embedCommentForm'> atau pastekan diatas tag </body>

Berikut kodenya:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/><script src='http://codecbd.googlecode.com/files/emotion-coment.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "Beri spasi sebelum memasang emoticon.";
//]]>
</script>
Keterangan: jika dalam template sobat sudah ada kode yang berwarna merah di atas, sobat tidak usah memasang nya lagi.

7. Selanjutnya klik Simpan Template selesai

Silahkan sobat coba berkomentar di blog sendiri dan beri emoticon, dan lihat hasilnya..!!
 
 
Sumber : klik

Cara Membuat Tombol Show - Hide Di Blog


Saatnya posting... kali ini saya akan membahas tentang cara membuat tombol hide-show atau juga lebih dikenal dengan istilah spoiler. manfaat dari tombol hide-show atau spoiler ini adalah untuk menyingkat suatu tampilan fitur atau objek lain. misalnya kalian punya artikel atau widget yang panjang pasti akan banyak memakan tempat bukan?? dan di lihat juga kurang sedap.. hehe..

untuk lebih jelasnya kalian bisa lihat contohnya di bawah ini :
Silahkan diisi apa saja di sini, yang memang dirasa perlu tuk disingkat
     
     
    OK langsung saja ini caranya :
  1. Login to Blog Anda.
  2. Setelah masuk di halaman Dasboard, KLIK link Tata Letak.
  3. KLIK Add Gadget/Tambah Gadget.
  4. KLIK HTML/Javascript.
  5. Pastekan Kode Ini :
<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">
Silahkan diisi apa saja di sini, yang memang dirasa perlu tuk disingkat
</div></div></div></div> 


6. KLIK SAVE/Simpan, kemudian lihat hasilnya dengan membuka blog.


Keterangan
:
-.Biru: Silahkan anda ganti dengan kata-kata yang anda inginkan misal: Munculkan, atau show!
-.Orange: Anda bisa menggantinya dengan kata yang anda inginkan, misal: Hide, atau hilangkan!
-.Hijau: Silahkan disisipi dengan teks atau kode yang memang perlu disingkat.

Good Luck

Thursday 3 January 2013

Cara Mengganti Background Blog


Untuk mempercantik Latar Blog Sobat Mari Test Cara Berikut ini Cekidot >>

chambre-surfer-design-star%5B1%5D

Cara Mengganti Background Blog

Dasbor ->> edit HTML jgn Lupa dicentang, Cari Kode DIbawah ini.


body {

background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

Nah yang berwarna Merah lah yang perlu Anda Ubah dengan Kode HTML Warna BIsa anda
Lihat Disini

Sumber : klik