Cara Membuat tombol balas atau reply di komentar pada blog.

 

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

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 :)

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' )

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.

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