Membuat Readmore Sejajar Dengan Paragrap

1.30.2009 21 komentar
Pelajaran pertama membuat readmore mudah kok sudah saya kasih.peace
Mungkin ada yang berhasil ada juga yang gagal tapi Insya Allah teman-teman semuanya berhasil dengan baik.
Jika teman berhasil silahkan share juga sama teman yang lain, jika gagal silahkan mencobanya kembali.sengihnampakgigi

Pada pelajaran kali ini Cara membuar readmore sejajar dengan paragrap.
Lihat contohnya dibawah ini:

Recent Comments sangat diperlukan di tampilan blogmu karena widget ini gunanya untuk mengetahui pengunjung yang memberi komentar tempat anda.

Selengkapnya...

Jika tulisan Selengkapnya... ingin sejajar.

Recent Comments sangat diperlukan di tampilan blogmu karena widget ini gunanya untuk mengetahui pengunjung yang memberi komentar tempat anda.Selengkapnya...

Baiklah caranya begini.
Pada postingan yang lalu tukang arsip menulis kode begini pada artikel membuat readmore mudah kok :


<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'><b>Selengkapnya.....</b></a>
</b:if>




Agar kode read more atau Selengkapnya... sejajar dengan postingan atau artikel yang anda buat, anda tinggal memindahkan kode yang saya cetak merah </p> , sehingga menjadi seperti ini:


<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/>
<a expr:href='data:post.url'><b>Selengkapnya.....</b></a></p>
</b:if>


Ketika anda posting, jangan memakai kode seperti ini :

<div class="fullpost">


</div>


Tapi pakailah kode seperti ini :

<span class="fullpost">


</span>



Ikuti tutorial di atas , Insya Allah read more nya nanti sejajar dengan postingansengihnampakgigi.
Nanti saya lanjutin lagi dengan read more versi lainihikhik.

Membuat Readmore Dengan Judul Posting

7 komentar
Setelah membuat readmore dengan mudah disini ,membuat read more sejajar dengan paragrap disini. Mari kita coba membuat read more dengan judul posting.
Ikuti langkah-langkahnya sengihnampakgigi :

Pada postingan lama membuat read more mudah kok disini.Saya menulis kode berikut :


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

<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>

</b:if>



Bila anda mau mengganti dengan Readmore Dengan Judul Posting, maka kodenya begini :


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

<strong><a expr:href='data:post.url'>Lanjut membaca &#8220;<data:post.title/>&#8221; &#160;&#187;&#187; </a></strong>

</b:if>



Stelah itu Klik Simpan Template.
Baiklah semoga sobat semua berhasil yapeace

Membuat Read More Mudah Kok !

1.28.2009 24 komentar
Kebanyakan blogger sudah paham cara membuat read more tapi bagi newbie seperti saya siulbelum begitu paham.Mari sama-sama kita saksikan proses pembuatannya Membuat Read More Mudah Kok peace:

Langkah Pertama:
  • Login ke id Blogger anda.
  • Klik Menu Pengaturan.
  • Klik Menu Format.
  • Pada Layar paling bawah ada text area yang kosong:
  • Isi text area tersebut dengan kode berikut:

    <span class="fullpost">


    </span>

  • Klik Tombol Simpan Pengaturan.

Langkah Kedua:
  • Klik Menu Dashboard.
  • Klik Menu Tata Letak.
  • Klik Tab Edit HTML.
  • Klik Tulisan Download Template Lengkap.
  • Back up atau save dulu template tersebut.Dikarenakan bila terjadi kesalahan maka bisa diulang kembali.
  • Beri tanda Centang pada kotak yang disamping tulisan Expand Template Widget.
  • Tunggu proses loadingnya...
  • Silahkan anda cari kode berikut:

    <data:post.body/>

    atau

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


  • Hapus kode di atas ganti dengan kode di bawah ini:

    <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/>
    <a expr:href='data:post.url'><strong>Read More......</strong></a></p>
    </b:if>

  • pada tulisan yang berwarna merah Selengkapnya... bisa kamu ganti menjadi Lebih lengkap lagi dong...,Lanjutkan...,dan sebagainya.
  • Klik Tombol Simpan Template.
  • Selesaipenat

Cara Memposting artikel Menggunakan Read More:
  • Klik Menu Posting.
  • Klik Menu Edit HTML,maka secara otomatis tampak kode yang kita setting tadi:

    <span class="fullpost">


    </span>


  • Tuliskan artikel yang ingin tampak pada blog sebelum kode:

    <span class="fullpost">


  • Tulis Keseluruhan sisa artikel sisa artikel sesudah kode di atas tadi dan sebelum kode:

    </span>


  • Contoh Penulisannya:
    Recent Comments sangat diperlukan di tampilan blogmu karena widget ini gunanya untuk mengetahui pengunjung yang memberi komentar tempat anda.<span class="fullpost">Coba kita pikir nihfikir Misal Artikel kita udah 500 artikel...dan komentar anda 10.000 komentar..mungkin di salah satu artikel kita ada teman yang bertanya...gimana kita melihatnya apakah harus di periksa satu-satu artikel anda sebanyak 500 buah around...</span>
  • Klik Tombol Mempublikasikan Posting atau Terbitkan Entri
Bila anda mengikuti tutorial ini mengalami kegagalan..Jangan khwatir bila templatenya jadi aneh,upload kembali backup templatenya dan akan kembali seperti semula sebelum di edit.sengihnampakgigi

Membuat Recent Comments dengan Berbagai Variasi

1.19.2009 40 komentar
Recent Comments sangat diperlukan di tampilan blogmu karena widget ini gunanya untuk mengetahui pengunjung yang memberi komentar tempat anda...

Coba kita pikir nihfikir Misal Artikel kita udah 500 artikel...dan komentar anda 10.000 komentar..mungkin di salah satu artikel kita ada teman yang bertanya...gimana kita melihatnya apakah harus di periksa satu-satu artikel anda sebanyak 500 buah around...

Nah makanya widget "Recent Comments dengan Berbagai Variasi" diperlukan di blog anda...Mau tahu caranya ikuti saya ajahh....
  1. Login ke Blogger
  2. klik Tata Letak-->Elemen Halaman-->Tambah Gadget-->HTML/JAVASCRIPT
  3. Masukkan kode Yang di bawah ini:
Bila teman ingin memasang recent comments tanpa scroll scriptnya ini:

<script style="text/javascript" src="http://www.geocities.com/ridwanox/recentcomments.js"></script><script style="text/javascript">var a_rc=20;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://nama-blogmu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>


Bila teman ingin memasang recent comments menggunakan scroll scriptnya ini:

<div style="border: 1px dashed #000000 ; overflow: auto; width: 200px; height: 200px; text-align: left; background:#FFFFFF;">
<script style="text/javascript" src=http://www.geocities.com/ridwanox/recentcomments.js"></script><script style="text/javascript">var a_rc=20;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://nama-blogmu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>
</div>


Bila teman ingin memasang recent comments menggunakan scroll dengan background sendiri scriptnya ini:

<div style="border: 1px dashed #000000 ; overflow: auto; width: 200px; height: 200px; text-align: left; background: url(http://i497.photobucket.com/albums/rr334/ridwanox/animasi1.gif);">
<script style="text/javascript" src="http://www.geocities.com/ridwanox/recentcomments.js"></script><script style="text/javascript">var a_rc=20;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://nama-blogmu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>
</div>


Keterangan :
  • Angka 20 merupakan jumlah komentar yang akan muncul.
  • http://nama-blogmu.blogspot.com ganti dengan link blogmu.
  • Silahkan ganti width: 200px; dan height: 200px; sesuai dengan ukuran kehendak kalian.
  • Pada penggunaan Scroll Recent Comments yang scroll maupun yang background #000000 merupakan warna border nya bisa disesuaikan dengan warna yang kalian mau
  • Pada penggunaan Scroll Recent Comments yang scroll #FFFFFF merupakan warna background bisa disesuaikan dengan warna yang kalian mau.
  • Pada penggunaan Scroll Recent Comments yang scroll dengan background sendiri maka kalian ganti dengan alamat background kalian sendiri.
  • Bila kalian ingin mencari kode warna silahkan klik disini
Mungkin itu ajah yang bisa tukang arsip sampaikan lebih kurang saya minta maaf kepada Tuhan saya mohon ampun wkwkwk....peace


You Comment I Follow Untung atau Rugikah?

1.16.2009 45 komentar
Tahukan kalian maksud U Comment I Follow...Istilah ini tak asing lagi di telinganya para blogger..encem
U Comment I Follow adalah suatu tindakan menghilangkan atribut nofollow pada komentar. Ini dimaksudkan agar siapapun yang berkomentar di suatu posting dengan menyertakan linknya maka akan terindeks oleh mesin pencari. Yang berarti semakin banyak anda berkomentar di banyak blog maka anda secara tidak langsung telah mempromosikan web atau blog anda.

Namun sebenarnya nofollow ini dimaksudkan untuk mengurangi spam. Banyak blogger di dunia telah menyebarluaskan gerakan ini dengan memasang penanda banner U Comment I Follow di blog mereka karena berarti dengan menghilangkan nofollow maka anda telah mengundang banyak orang untuk berkomentar di blog anda.


Keuntungan U Comment I Follow Blog anda....Anda dapat membantu para blogger yang ingin mempromosikan blognya secara tidak langsung di blog anda merupakan tindakan yang terpujitepuktangan.
Lihat gambar dibawah ini :
Klik Gambar untuk perbesar:
Ketika anda membuka google..tulis keyword tukang arsip...

Maka akan muncul situs yang bernama Tukang Arsip...telusuri sebentar maka anda akan menemukan tulisan begini...
Klik Gambar untuk perbesar:
Maka anda akan menemukan tulisan tukang arsip di situs web/blog orang...
Saya berkomentar di blog orang maka komentar saya akan terindeks di google..bila Blogger memakai sistem U Comment I Follow .

Kerugian U Comment I Follow di blog anda..Seseorang Yang Sangat dibenci oleh GOOGLEmarah...yaitu SPAMMERmarah yang Hobinya Berpromosi di Web/Blog orang dengan cara TIDAK MANUSIAWI MENGENAL SOPAN SANTUNmarahakan terindeks di Google...Saya tunjukkan SPAMMER YANG SANGAT BEJAT MENJENGKELKAN.
Klik gambar untuk perbesar:

Mau Coba Memakai Sistem U Comment I Follow di blog anda ikuti langkah saya :
  1. Masuk ke account blogger mu
  2. Klik Tata Letak → Edit HTML beri centang pada Expand Widget Template , Sebelum itu jangan lupa Backup Templatemu
  3. Pada comments code, cari kode ini :

    <a href="data:comment.authorUrl" rel="nofollow">

  4. hapus rel=’nofollow'
  5. Sehingga menjadi

    <a href="data:comment.authorUrl">

  6. Simpan template
Setelah itu maka kalian udah bisa masang gambar ini:
Silakan dipasang terserah dehpeace




















Suka dengan artikel ini? Tambahkan pada Blog/Web anda :
Untuk Pengguna Blogger tinggal Copy Code dibawah ini lalu masukkan ke postingan anda
Untuk Wordpress tinggal Copy Code dibawah ini, masuk ke postingan anda gunakan mode "Code" lalu Paste