Cara Mudah Membuat Related Post + Thumbnails

Cara membuat related post dengan thumbnails  ~ Sangatlah mudah dilakukan, related post atau artikel terkait dapat membantu meningkatkan pageviews suatu blog karena pengunjung akan cenderung mengklik artikel yang terpasang pada related post tersebut. Nah untuk itu kita akan membahas cara membuat related post tersebut dengan bantuan LinkWithin, suatu situs yang membantu menyediakan widget related post.

Berikut langkah - langkah cara membuat related post :
1. Kunjungi situs www.linkwithin.com dan anda akan langsung menuju layar untuk mengisi formulirnya

2. Isi email , alamat blog anda, platform diisi dengan blogger jika anda menggunakan blogspot, Isi width dengan berapa saja, jika ingin 3 post yang ditampilkan maka isilah 3 stories.

3. Jika background blog saudara adalah berwarna cerah maka tidak usah dicentang. Tetapi jika background blog berwarna gelap maka silahkan anda centang.

4. Klik Get Widget!
5. Klik Install Widget
6. Silahkan ganti judul widget jika mau.

 7. Klik edit kontent, letakkan script di bawah ini di atas kode <script> untuk mengubah you might also like menjadi related post

<script>linkwithin_text='Related Posts'</script>

Jika sobat blogger mau menampilkan widget ini hanya di halaman posting saja maka klik edit template yang di atas  dan ganti teksnya menjadi

<b:includable id='main'><b:if cond='data:blog.pageType == "item"'><data:content/></b:if></b:includable>

8. Klik 'Menambah Widget'
9. Selesai

Demikian artikel cara membuat related post dengan thumbnails semoga dapat bermanfaat.

Baca Selengkapnya..Cara Mudah Membuat Related Post + Thumbnails

Langkah 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.

Baca Selengkapnya..Langkah Mudah Membuat Read More Otomatis di Blog

Langkah Mudah Mendaftar di Blogger.com (blogspot)

Persiapan :

Sebelum membuat blog di blogger.com / blogspot.com, anda harus memiliki alamat email sebagai tempat konfirmasi dan juga memiliki nomor handphone yang bisa dihubungi.

Setelah anda siap, silahkan langsung buka www.blogger.com dengan browser anda

Cara Pendaftaran :

1. Pada situs blogger, klik Get Started. (Bila anda telah memiliki akun Google, Gmail, ataupun akun produk Google lainnya, anda bisa langsung login tanpa perlu mendaftar lagi)
   
   
   
2. Isi form pendaftaran dengan data diri anda.
   Antara lain :
   
   1. Email Address : Isi dengan alamat email anda
      
   2. Retype email address : Ketik ulang alamat email
      
   3. Enter a password : Tentukan kode password yang hanya anda tahu, dan anda juga harus bisa mengingatnya, panjang password minimal 8 karakter dan harus terdiri dari gabungan huruf dan angka. (huruf besar dan kecil tidak sama)
      
   4. Retype password : Ketik ulang password anda sama persis dengan kolom 3
      
   5. Display name : Isi dengan nama atau nama panggilan anda (nick name / username)
      
   6. Email notifications : Beri tanda centang bila anda bersedia menerima email pemberitahuan, saran atau berita dari blogger
      
   7. Birthday : isi dengan tanggal bulan dan tahun lahir anda
      
   8. Word Verification : Verifikasi kata, isi sesuai dengan kata yang tertera pada gambar di atasnya
      
   9. Acceptance of Terms : Beri tanda centang bila anda menyetujui segala persyaratan dan ketentuan (peraturan) blogger
   10. Bila semua formulir pendaftaran telah terisi, klik Continue
   
3. Proses Verifikasi Pembuatan Akun Blog Baru
   Dalam tahap ini, anda akan diminta memilih negara dan memasukkan nomor handphone anda, lalu klik Send Verification Code to ...
   
   Bila anda mengalami kesulitan dalam proses verifikasi, silahkan klik link report your issue untuk melaporkan masalah atau meminta bantuan seputar proses verifikasi yang anda bisa.
   
4. Konfirmasi
   Setelah memasukkan dan mengirimkan nomor handphone, blogger.com akan mengirimkan sms yang berisi nomor verifikasi (bila nomor handphone yang anda masukkan benar, anda akan menerima sms verifikasi dalam waktu kurang lebih 5 menit)
   
   Masukkan nomor verifikasi sesuai dengan kode yang anda terima, klik Verify
   
5. Dashboard
   Setelah proses pendaftaran selesai, setiap login anda akan langsung berada di halaman Dashboard (Beranda), di halaman ini anda bisa mengelola blog-blog yang pernah anda buat maupun membuat sebuah blog baru.
   
   
   
6. Untuk membuat blog baru, pada laman Dashboard klik link Create a Blog
7. Menentukan Nama dan Alamat Blog
   Blog Title : Nama/judul Blog
   
   • Title / Nama usahakan unik dan berhubungan (sesuai) dengan isi blog, misal blog anda berisi artikel seputar pendidikan, maka nama blog juga harus identik dengan dunia pendidikan
     
   • Bisa dirubah lagi kapan saja anda mau
   Blog Address : Alamat Blog
   • contoh : nama-blog.blogspot.com
     
   • Tentukan baik-baik alamat blog, karena anda tidak akan bisa merubahnya lagi
     
   • Alamat blog jangan terlalu panjang, lebih pendek lebih baik
     
   • Alamat blog usahakan sesuai dengan title/nama/judul blog
   
   
   
8. Menentukan Template atau Tema blog
   Pilih tema/template yang anda suka, atau untuk sementara pilih yang mana saja karena anda bisa merubahnya lagi nanti
   
   
9. Mulai Kegiatan Blogging (ngeBlog)
   Setelah sampai ke tahap ini, berarti blog baru anda telah siap diisi, saya sarankan mulailah mencoba membuat satu postingan baru, mengatur template atau settingan blog :)
   
* Karena dalam pembuatan tutorial ini saya tidak sambil membuat akun blogger baru, atau hanya mengingat prosesnya sambil memakai akun blogger yang lama, maka urutan pendaftaran di atas mungkin tidak berurutan, saya mohon maaf, dan silahkan komentar di bawah untuk memperbaiki, terima kasih.
10. Login dan Logout
    Login : Proses masuk kedalam akun
    
    • Setelah memiliki akun Blogger, anda bisa masuk kembali (login) kedalam akun anda di situs www.blogger.com
      
    • Email (username akun google, atau alamat email)
      
    • Password : kata sandi unik yang hanya anda ketahui
    Logout : Proses keluar dari akun
    Bila anda memakai komputer umum (di warnet atau sekolah), sangat saya sarankan untuk klik Logout setiap selesai BLOGGING

Baca Selengkapnya..Langkah Mudah Mendaftar di Blogger.com (blogspot)