Memasukkan kode html di posting anda

Setiap kita posting tulisan, blogspot akan otomatis menerjemahkan semua tulisan kita. Jika kita menuliskan bahasa HTML di posting tersebut misal <br> yang tampil bukan tulisan <br> melainkan tulisan anda akan ganti baris.
Untuk menuliskan kode html apa adanya, pergunakan apilkasi kecil di web http://www.htmlconvert.net/ . Pertama pilih radio button conver tags. Kemudian Masukkan kode HTML anda, kemudian klik convert. Dan masukkan hasil convert tersebut di dalam posting anda.
Mudah bukan ^^
Readmore → Memasukkan kode html di posting anda
di 20.27 - Label: - Post komentar

Menambahkan Komentar Facebook pada blogspot

Jika anda perhatikan pada akhir artikel di blog saya http://www.plasakeluarga.blogspot.com terdapat kotak komentar untuk facebook!, ini yang akan kita kupas,
dengan memasang kotak komentar ini akan lebih memudahkan pengunjung untuk berkomentar pada blog kita,
Pada dasarnya kebanyakan dari kita ketika komputer/laptop kita terhubung keinternet yang pertama
kita kunjungi pasti jejaringan sosial yang satu ini Facebook
Kemudian barulah kita menuju ke situs-situs lainnya
Nah, jika mereka-mereka ini berkunjung ke blog kita dan ingin berkomentar(bertanya..dsb)
jika di blog kita terpasang plugin ini
akan sangat memudahkan melihat notifikasinya. di sisi pemberi komentar dan pemilik blog
Lalu bagaimana cara memasang plugin ini ke blog kita?? Berikut caranya :

1. Silahkan Masuk KE SINI
=> silahkan anda isi data-data yang di minta sesuai dengan keinginan anda.
URL(isi dengan alamat blog anda)
Number Of Post(berapa banya jumlah komentar yang akan di tampilkan)
Width(ukuran kotak komentar )
Color(warna katak komentar yang anda inginkan).

2. Jika sudah selesai, klik "get code"
=> silakan anda copy kode yang anda dapat itu dan pastekan sementara ke notepad.

3. Login ke blogger, lalu klik "rancangan" lalu masuk ke menu "edit html".
=> beri centang pada expand template widget, kemudian cari kode ini :

<data:post.body/>

4. Silahkan paste kode yang kita dapat tadi di bawah kode di atas..
=> jika anda menggunakan "readmore", dan ingin comment facebook ini,
muncul di bawah postingan sesudah diklik readmore, maka tambahkan kode ini :

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

Tepat di bawah <data:post.body> kemudian lanjutkan dengan script yang kita dapat
dari facebook tadi.dan lalu tutup dengan </b:if>

5. Jika sudah selesai, pilih save...tarraaa comment facebook anda sudah siap di gunakan..

Contohnya scriptnya seperti di bawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/id_ID/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script><div class='fb-comments' data-colorscheme='dark' data-href='http://NAMA-BLOG-ANDA.blogspot.com' data-num-posts='8' data-width='380'/>
</b:if>

Pada (NAMA-BLOG-ANDA) ganti dengan nama blog anda, lalu Pastekan tepat di bawah

Semoga Bermanfaat....!
Readmore → Menambahkan Komentar Facebook pada blogspot
di 20.21 - Label: - Post komentar

Read More di template baru XML

Setelah berhari hari utak atik read more di blogspot tidak berhasil akhirnya selesai juga ^^ http://www.o-om.com thanks ya akan tutorialnya. Untuk Template yang saya gunakan real estate dari Ezwpthemes.com. template Real estate, Template basicnya XML . Tidak bisa menggunakan read more yang biasa digunakan untuk template klasik. Template ini bisa menggunakan read more otomatis. Tetapi, jika menu anda tetap menggunakan tautan laman seperti yang saya gunakan di plasakeluarga.blogspot.com , menu tersebut akan ikut pengaruh fungsi readmore.

Untuk membuat readmore ikuti langkah dibawah ini :

Langkah Pertama:

Buka Template - Edit HTML - Berikan tanda centang pada "Expand widget template"

Langkah Kedua:

Jangan Lupa backup blogger dengan mengklik "dowlnoad template lengkap"

Langkah Ketiga:

Cari kode dibawah ini:



<div class='post-header-line-1'/> <div class='post-body'>

Tips : Untuk mempermudah pencarian kode diatas sebaiknya ikuti tips berikut ini. pertama kamu buka program text editor misalnya notepad.exe ( Pada MS Windows tekan menu Start -> Proggram -> Accessories -> Notepad) kemudian kopy/paste kode HTML tadi ke notepad. kemudian pada notepad pilih Menu Edit -> Find. pada box find masukan kode ini <div class='post-header-line-1'/> kemudian klik tombol Find next. (jika masih gak ketemu terpaksa kita melakukan pencarian secara manual)

Jika sudah menemukan kode diatas, Copy-Paste kode dibawah ini kemudian letakan kode tersebut dibawah kode diatas.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

Kemudian dibawah kode diatas kita akan menemukan kode:

<p><data:post.body/></p>

Lakukan Copy-Paste kode dibawah ini dibawah code diatas

<a expr:href='data:post.url'>Readmore »»</a>
</b:if>

Tips: Kode Readmore diatas bisa ganti dengan kalimat sendiri (contoh "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya")

Kode selengkapnya jika dilihat akan tampak sebagai berikut:

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore »»</a>
</b:if>
<div style='clear: both;'/>

Jika kita mengedit langsung pada halaman blogger Edit HTML dan semua kode diatas sudah dilakukan perubahan, jangan lupa disimpan ya :)


Ini jika kita menggunakan Text Editor Notepad : Setelah melakukan pengeditan kode pada notepad, lalu hapus semua kode yang ada pada halaman edit blogger, kemudian masukan seluruh kode pada notepad tadi dengan cara copy/paste) Sampai disini pengeditan kode selesai, jangan lupa disimpan.


Langkah Empat

Setelah kode diatas disimpan kita kembali dan masuk ke tab Pengaturan -> Format -> cari "Post Template" Kemudian pada kotak masukan kode dibawah ini

<div class="fullpost">
</div>

Jangan lupa disimpan :)


Langkah Kelima :

Disini saya akan menjelaskan cara penggunaan readmore pada halaman posting. Ketika kita melakukan posting pertama kali kita akan melihat kode:

<div class="fullpost">
</div>

ingat jangan hapus kode diatas karena kode tersebut merupakan kode yang akan kita gunakan dalam pemenggalan posting nantinya.
Readmore → Read More di template baru XML
di 20.21 - - Post komentar

membuat read more otomatis

Template yang digunakan real estate dari
 http://www.ezwpthemes.com/?s=real+estate&x=0&y=0

Cara Membuat Read More Otomatis dengan Thumbnail di Blogger adalah sebagai berikut :

  • Silahkan Login dan masuk 
  • lalu klik Rancangan dan klik  Edit HTML
  • Centang Expand Template Widget
  •  Untuk mempermudah pencarian kode HTML nya anda tekan aja ( CTRL + F )
  • Cari kode </head> dan kalau sudah ketemu
  • Tambahkan kode dibawah ini tepat nya diatas 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, version 2.0 (for blogspot)

      (C)2008 by Fais

      visit http://en.vietwebguide.com to get more cool hacks
      ********************************************/
      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>


      Jika ingin merubah ukuran read more nya anda ubah aja di bagian bagian kode di bawah ini Ubah angka nya sesuai kebutuhan :

      summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar
      summary_img = 340; adalah tinggi potongan artikel dengan gambar
      img_thumb_height = 100; adalah ukuran tinggi thumbnail
      img_thumb_width = 120; adalah ukuran lebar thumbnail
  • langkah Selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script di bawah ini :
      <b:if cond='data:blog.pageType != "item"'>
      <div style=' text-align: justify;' 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>



Kata READ MORE anda ubah saja sesuai dengan kebutuhan kita kayak kata selanjutnya,seterus nya,atau yang lain nya.

  • Tahap terakhir setelah selesai pengeditan simpan Templete dan lihat aja hasil nya.
Readmore → membuat read more otomatis
di 17.48 - - Post komentar

mengganti menu blogspot

Mengganti menu blogspot
1. memulai mengganti menu dengan template baby shop
template bisa didownload di

http://www.zoomtemplate.com/2010/06/baby-shop.html
2. buka file yang dizip, copykan isi file xml ke dalam
Readmore → mengganti menu blogspot
di 14.39 - Label: , - Post komentar

Penjelasan menu yang ada di blogspot



Menu POSTING
Entri baru : digunakan untuk memasukkan posting anda yang baru
Lihat entri : melihat tampilan dari posting yang telah anda masukkan
Edit entri : mengedit posting yang telah anda masukkan
Readmore → Penjelasan menu yang ada di blogspot
di 13.10 - Label: , - Post komentar

Belajar membuat blog

cara membuat blog
Pastikan anda memiliki akun email gmail.
buka blogger.com dengan akun gmail anda

1. klik buat blog
2. namai blog anda,cekketersediaan url yang anda ketikkan
3. jika tersedia ,masukkan validasi kata dan klik lanjutkan
4. pilih template
pilih tempate yang anda inginkan, misal template jendela gambar. kemudian klik lanjutkan
akan tampil "blog anda sudah jadi"
Klik mulai blogging.
Readmore → Belajar membuat blog
di 13.01 - Label: , - Post komentar