Showing posts with label TIPS BLOG. Show all posts
Showing posts with label TIPS BLOG. Show all posts

Thursday, 25 August 2011

cara memberi forum simple pada blog

cara memberi forum simple pada blog - kali ini saya akan berbagi ilmu tentang forum pada blog. Forum yang akan saya beritahu ini sangat simple dan cepat pemasangannya. Dengan begitu anda dapat bertukar pikiran dengan visitor anda. Untuk pemasangannya liat di bawah ini:
  • Pertama, bukalah http://tal.ki
  • lalu login, anda dapat menggunakan account facebook, Gmail , dan lain-lain
  • klik GET YOUR EMBEDDABLE FORUM
  • setelah itu klik try it for free
  • setalah itu akan muncul scriptnya, copy lah scriptnya
  • paste scipt tersebut ke tempat yang anda inginkan
sekian tutorial tentang  cara memberi forum simple pada blog, semoga bermanfaat :D



Wednesday, 24 August 2011

Cara membuat read more (baca selengkapnya) di blogspot

Cara membuat read more di blogspot- Sekarang saya akan memberitahukan cara membuat read moredi blog untuk post blog anda. read more adalah salah satu agar tampilan halaman sebuah blog bisa lebih simple dan enak dilihat dengan cara memberi pengalan pada setiap artikel baik secara otomatis atau cara manual mungkin para pembaca sudah banyak yang tahu tentang read more. Read more atau baca selengkapnya adalah sebuah kode atau script yang berfungsi  memotong sebagian artikel untuk menghemat ruangan dan sekaligus memberikan link yang apa bila di klik akan menuju ke artikel/post.
langsung saja tutornya:

  • Pertama masuk ke dasbor blog anda www.blogger.com
  • Lalu masuk ke 'Rancangan' dan pilih menu  'Edit HTML'
  • Klik "EXPAND WIDGET TEAMPLATE"
  • cari kode </head> dengan menggunakan CTRL+F
  • lalu masukkan kode ini dibawah 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[
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>
*tulisan berwarna merah dapat kamu ganti sesuai kesukaan anda 


  • Selanjutnya, cari kode HTML <data:post.body/> atau <p><data:post.body/></p>
  • ganti kode di atas dengan kode berikut :

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

  • finish, save teamplate anda 
*ket:
tulisan yang berwarna merah dapat anda ganti sesuai keinginan anda

    Summary noimg 250 = tinggi artikel terpenggal tanpa image

      Summar img 250 = tinggi artikel terpenggal dengan image
        img_thumb_height = 120;  => Tinggi image
          img_thumb_width = 120;  =>Lebar image
            “Readmore” bisa anda ganti dengan Baca Selengkapnya,[.......],Full read….,Selanjutnya atau apa saja sesuai keinginan anda.

            sekian berbagi ilmu dari saya, terima kasih :D

            Tuesday, 23 August 2011

            Cek posisi blog atau web anda di search engine

            sudah lama saya tidak mengeshare kembali di blog ini, sekarang saya akan memberitahu tentang cara Cek posisi blog atau web anda di search engine. Setelah berputar-putar keliling mbah Google saya mendapatkan cara mengecek urutan blog atau web kita dalam suatu keyword. dengan melihat posisi anda, anda akan mengetahu ketatnya persaingan di search engine.

            Tuesday, 16 August 2011

            Cara membuat daftar isi Blogspot dengan cepat (Index blog)


            Daftar isi merupakan suatu komponen yang penting sebagai denah seorang visitor, mungkin blog saya tidak memiliki navigasi next page maupun previous page yang memudahkan pengunjung untuk memutar-mutar pagenya, tetapi blog saya memiliki daftar isi yang bisa di lihat oleh semua orang. Jadi pengunjung tidak membuang-buang kuota & waktu  untuk mengganti halaman hanya untuk mencari artikel yang di inginkan. Daftar isi harus di tempatkan di tempat yang mudah di lihat oleh pengunjung, seperti yang terdapat di blog saya.

            Saturday, 7 May 2011

            Cara membuat NAVBAR (Navigasi Bar) menjadi auto hidden

            Cara membuat NAVBAR (Navigasi Bar) menjadi auto hidden - Postingan kali ini berkaitan dengan trick blogging dari temen saya. Ada berita bahwa blog yang tidak memiliki navigasi bar akan di banned atau di hapus. Banyak blog yang menghapus navbar nya hanya untuk memperindah tampilan blog, oleh karena itu saya memberikan solusi cara untuk menghidden navbar.

            CARA MEMBUAT TEXT AREA DI BLOG



            Membuat Text Area di Blog - Text area adalah suatu tempat atau area yang digunakan untuk menulis suatu teks atau kode HTML tertentu pada area tersendiri. Text area bisa ditempatkan di dalam suatu page(halaman) atau bisa juga diletakkan dalam suatu widget. Text area akan memudahkan pengunjung utuk copy paste text/HTML.
            Powered by Blogger.