CARA MEMBUAT CATATAN KAKI ARTIKEL DI BLOG

CARA MEMBUAT CATATAN KAKI ARTIKEL DI BLOG – Seperti pada umumnya catatan kaki berfungsi untuk menyampaikan catatan-catan yang dianggap penting, tidak jauh berbeda dengan catatan kaki artikel di blog, biasanya catatan kaki pada blog dibuat untuk memberikan atau menyampaikan informasi kepada pengunjung blog tersebut, bisa berupa ucapan terima kasih, pesan-pesan bahkan peringatan terhadap pengunjung blog.  Letak catatan kaki biasanya di ahir dari sebuah artikel.

Selain catatan kaki, biasanya para blogger menyertakan rich snippet sebagai pendamping catatan kaki tersebut. Tidak sedikit blogger yang memasang catatan kaki untuk memberikan peringatan kepada pengunjung blog mereka agar tidak menjiplak artikelnya, sehingga catatan kaki dianggap perlu.

Bagaimana dengan anda, apakah anda tertarik untuk memasangnya untuk berinteraksi dengan pengunjung blog anda? Atau hanya sekedar untuk mengucapkan terima kasih karena sudah berkunjung. Jika anda tertarik jadi mari kita mulai saja cara membuatnya.

Cara membuat Catatan Kaki Artikel

• Pada dashboar blog anda silahkan pilihTEMPLATE


• Klik EDIT HTML


• Ketika halaman html sudah terbuka silahkan klik sembarang didalam template anda dan tekan CTRL + F


• Setelah kotak kecil muncul dipojok kanan atas, masukan kode <data:post.body/> dan klik enter.


• Maka anda akan menemukan kode tersebut, silahkan geser kursor anda kebawah pasti akan ada dua kode <data:post.body/>.


• Setelah itu letakan kode berikut tepat dibawah kode <data:post.body/>.

        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div class='vcard' id='hcard-Riswan-Sucess' style='margin-top: 30px; padding: 10px; font-size: 12px; font-family: Arial; background: #dcdcdc; line-height: 1.3em; color: #777'>
        <span style='color:#777; font-size:18px; margin-top:10px'>Terima Kasih Telah Berkunjung</span><br/>
        Judul: <span itemprop='itemreviewed'><data:post.title/></span><br/>
        Ditulis Oleh <span class='fn n'><span class='given-name'><span itemprop='reviewer'><data:post.author/></span></span></span><br/>
        <span style='text-align: justify'>Jika mengutip harap berikan link DOFOLLOW yang menuju pada artikel <b><a expr:href='data:post.url'><data:post.title/></a></b> ini. Sesama blogger mari saling menghargai. Terima kasih atas perhatian anda</span>
        </div>
        </b:if>

• Simpan atau Save Template anda.

Keterangan:

• Gantilah RISWAN-SUCCESS dengan nama anda.

• Anda bisa mengubah warna backround, jenis font, dan ukuran font berdasarkan keinginan anda.

• Untuk yang sudah membaca artikel saya mengenai cara membuat read more otomatis, anda hanya perlu meletakan kode catatan kaki diatas tepat dibawah kode read more, karena kode <data:post.body/> sudah diganti dengan readmore.

Jika anda berhasil membuatnya maka hasilnya akan seperti gambar dibawah ini:

Demikianlah tutorial tentang cara membuat catatan kaki artikel pada blog, semoga artikel ini bisa membantu dan bermanfaat tentunya.

CARA MUDAH MEMBUAT READ MORE OTOMATIS DI BLOG

Cara Mudah Membuat Read More Otomatis di Blog – banyak para blogger yang masih kebingungan untuk membuat readmore secara otomatis di blog mereka, walaupun banyak sekali artikel-artikel yang mebahas bagaimana cara membuat readmore otomatis. Hal ini disebabkan karena banyaknya artikel yang copas padahal si pemilik blog sendiri tidak faham dengan caranya. Disini saya akan menjelaskan cara membuat readmore otomatis secara detail sehingga blogger pemula sekalipun bisa membuatnya.



Ngomong-ngomong mungkin blogger pemula atau newbie masih bingung apa itu readmore?. Read more adalah penggalan dalam sebuah artikel, biasanya hanya menampilkan beberapa kalimat saja dan biasanya di tandai dengan kata “READ MORE”, “BACA SELENGKAPNYA”, ” LANJUTKAN MEMBACA”, dll.



Manfaat readmore juga untuk mempersingkat atau merapihkan artikel yang panjang, jadi postingan artikel anda akan tersusun rapi dengan hanya menampilkan gambar dan beberapa kalimat saja.



Untuk demonya silahkan klik link dibawah ini.

CONTOH READ MORE

Cara membuat readmore otomatis dengan gambar

• Silahkan buka template anda. Pilih: TEMPLATE >> EDIT.


• Cari Kode </head>.


• Copy paste kode dibawah ini tepat di atas kode </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>   
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, (for blogspot)

by: http://trikseosimple.blogspot.com/

********************************************/
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>

• Save Template anda.


• Kemudian scroll template anda kebawah cari kode seperti berikut:

Ket: Kata kuncinya adalah didalam kotak hitam "BLOG POSTS / POSTINGAN BLOG" jika anda menggunakan bahasa indonesia.

• Jika suda menemukan kode seperti gambar di atas silahkan klik anda panah kecil warna hitam sebelah kiri.


• Setelah tanda panah kecil di klik maka akan ada tampilan seprti gambar berikut

• Cari kode yang di tandai dengan kotak hitam. "POST' VAR='POST'".


• Setelah ketemu klik tanda panah yang lurus dengan kode tersebut.


• selanjutnya akan terbuka kode kode yang lain.


• geser atau scrol ke bawah dan cari kode 

 <data:post.body/>

•  Setelah ketemu hapus kode diatas dan ganti dengan kode dibawah 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>

<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

• Klik SAVE / SIMPAN dan lihat hasilnya.

Terlihat seperti sulit tetapi jika sambil di praktekan pasti bisa karena ini sudah sangat detail, jika saya menjelaskan dengan singkat mungkin para blogger pemula tidak akan mengerti atau kesusahan membuatnya.



sekian dulu sari saya untuk cara membuat readmore semoga bermanfaat dan jika masih ada yang tidak dimengerti anda dipersilahkan untuk bertanya langsung.

CARA MENGHAPUS ANGKA PADA LABEL

Cara Menghapus Angka Pada Label – Seperti pada umumnya setiap masing-masing label mempunyai angka-angka yang menunjukan jumlah artikel pada sebuah label. Label sendiri adalah sebuah tags untuk mengelompokan masing-masing dari setiap jenis atau katagori tertentu.

Para blogger umumnya menyukai label dengan angka karena menunukan jumlah artikel dalam label tersebut tetapi tidak sedikit yang ingin menghilangkan angka tersebut karena beberapa faktor. Jika saudara perhatikan navbar di bawah header dari blog ini adalah label-label yang saya hilangkan angkanya sehingga terlihat seperti navbar, sedangkan navbar yang asli berada di atas header.

Jika sahabat tertarik untuk menghilangkan angka-angka pada label silahkan ikuti tuorial simple berikut ini:

Cara Menghapus Angka Pada Label

• Tentu saja berhubungan dengan template anda, silahkan pilih TEMPLATE dan klik EDIT HTML.


• Setelah kotak HTML terbuka silahkan klik di sembarang tempat selanjutnya tekan Ctrl+F. Kotak kecil akan muncul di pojok kanan kotak HTML.


• Masukan kode (<data:label.count/>) di kotak tersebut dan tekan enter.


• Setelah ketemu hapus kode tersebut.


• Selanjutnya klik SAVE / SIMPAN


• Lihat hasilnya.

Setelah langkah-langkah di atas selesai anda telah berhasil menghilangkan angka pada label, jika anda tertarik angka pada arsip juga bisa di hapus.

Saya ahiri saja tutorial cara menghapus angka pada label semoga bisa membantu anda.