Cara Memasang Read More Pada Blog

Posted by Rifaiy On 2 komentar

Trutorial ini di khususkan untuk templet yang tidak ada Read More nya, kalau sudah ada yang lebih baik jangan. Tapi bagi yang bisa mengeditnya juga silahkan, barang kali ada yang lupa. Kali ini saya akan memberitahu cara memasang  Read more tanpa .js hanya mengetikan  manual, dan tidak terlalu banyak. Menurut saya ini memang cukup mudah di pasang apalagi tidak memerlukan file .js , jadi kita tisak perlu hosting2 lagi untuk mengupload file .js.



Sebenarnya cara memasangnya cukup bikin pusing, karena ada beberapa yang sama, tapi hasilnya cukup memuaskan. Sebelum kamu mencoba memasang Read More lebih baik kamu Backup dulu templet kamu untuk jaga2 supaya kalau terjadi kesalahan yang cukup parah bisa di kembalikan. Baiklah langsung saja ini dia caranya:
  1. Pertama kamu buka blog kamu / masuk ke blogger.com,
  2. Setelah berada di Dasboad pilih Rancangan,
  3. Setelah kamu berada di Rancangan pilih Edit HTML,
  4. Setelah berada di bagian Edit HTML kamu beri tanda ceklis (v) pada Expand widget template,
  5. Setelah itu cari kode </head> dengan menekan Ctrl+F agar lebih cepat dan ketikan </head>,
  6. Setelah ketemu kamu salin kode di bawah ini dan letakan di atas kode </head>:

<script type="text/javascript">
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 100;
img_thumb_width = 100;
</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>

Masi Melanjutkan:
Masih pada halaman EDIT HTML, Setelah itu temukan kode seperti dibawah ini:
 <data:post.body> dengan cara menekan tombol Ctrl+F dan ketikan <data:post.body> kemungkinan kamuakan menemukan 2 <data:post.body> kemudian kamu ganti kode <data:post.body> dengan semua 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>

Setelah itu Simpan dan lihat hasilnya :)

Keterangan:
var thumbnail_mode = "float" ; (kita dapat memutuskan apakah di read more terdapat gambar thumbnail "float" atau jika tidak menginginkan ada gambar silahkan ganti dengan "no-float"
summary_noimg = 250 ; (Menetapkan berapa banyak karakter texs yang akan ditampilkan di posting tanpa gambar)
summary_img = 250 ; (Menetapkan berapa banyak karakter texs yang akan ditampilkan di posting dengan gambar thumbnail)
img_thumb_height = 100 ; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 100 ; (Thumbnail 'lebar dalam piksel)

Selamat mencoba, Sekian dari saya, semoga bermanfaat...
Read More

Cara Memasang Link Teman / Daftar Link

Posted by Rifaiy On 0 komentar
Sekarang saya akan memberi tau cara memasang link teman / daftar link dengan keunggulan bergerak sendiri keatas dan ke bawah, dan ketika mouse melewati atau berada di area tersebut maka tidak akan bergerak / berhenti. Baiklah langsung aja caranya ini dia:


  1. Pertama kamu masuk ke blog kamu,
  2. Ketika sudah di halaman Dasbor buka / pilih Rancangan,
  3. Terus kamu pilih Tamba Gatget dimana kamu ingin memasangnya,
  4. Setelah itu kamu pilih HTML/Java Script,
  5. Dan salin script di bawah ini ke kolom HTML/Java Script:

<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="1">

<ul>
<li><a title="Blog suka - Suka" href="http://fakry1.blogspot.com/" target="new">Blog suka - Suka</a></li>
<li><a title="Cheater Hackboy21" href="http://www.cheaterhackboy21.blogspot.com/" target="new">Cheater Hackboy21</a></li>
<li><a title="Curious Wanna" href="http://www.curious-wanna.blogspot.com/" target="new">Curious Wanna</a></li>
<li><a title="Cyber Benyo" href="http://cyber-benyo.blogspot.com/" target="new">Cyber Benyo</a></li>
<li><a title="Rifaiy Shere" href="http://rifaiy.blogspot.com/" target="new">Rifaiy Shere</a></li>
<li><a title="IT S'neker" href="http://itsneker.wordpress.com/" target="new">IT S'neker</a></li>
<li><a title="Berbagi: Free Download | Artikel | Tips" href="http://muhamadl.blogspot.com/" target="new">Berbagi</a></li>
<li><a title="D-Hans" href="http://dered.blogspot.com/" target="new">D-Hans</a></li>
<li><a title="SOFTWARE, GAMES AND MOVIE" href="http://roisfaozi.blogspot.com/" target="new">Rois Faozi</a></li>
<li><a title="Tux-Corner: All About Linux" href="http://tuxcorner.wordpress.com/" target="new">Tux-Corner</a></li>
</ul>
</marquee>

Keterangan:
Yang saya tandai dengan warna Merah adalah link teman atau link yang akan kamu pasang di blog kamu, Kemudian yang saya tandai dengan warna Hijau adalah keterangan untuk link itu (ketika mouse kita arahkan ke tulisan / link kamu maka akan muncul keterangan seperti yang kamu tuliskan), Dan yang berwarna Biru adalah Nama tampilan yang dimunculkan. Tambahan tulisan target="new" berfungsi jika kita mengklik kiri link itu maka akan terbuka tab baru pada Browser, Setelanjutnya yang saya tandai dengan warna Pink adalah kecepatan berpindahnya, jika kamu ubah menjadi 2 atau 3 maka kecepatan berpindahnya akan bertambah cepat, Dan yang saya tandai dengan warna Ungu adalah berpindahnya, jika kamu ubah menjadi down maka berpindahnya akan ke bawah.

Lihat di bawah ini adalah link teman / daftar link yang sudah jadi:






Semoga Barmanfaat...................
Read More

Cara Mengendalikan Robot.txt Pada Blog

Posted by Rifaiy On 7 komentar
Hari ini saya akan memberi tau cara mengendalikan Robot.txt, cara ini berfungsi untuk membuat SEO  blog kamu. Mungkin bagi pemula banyak yang tidak tau dengan Robot.txt, dan apa kegunaan dengan Robot.txt. Sebenarnya saya tidak tahubetul dengan kegunan dan kenapa adanya robot.txt.



Tapi menurut pendapat saya Robot.txt ini berfungsi untuk mengendalikan URL atau Link - Link website / blog kita agar bisa terindex oleh mesin pencari seperti google. Lantas bagaimanakah cara mengendalikan Robot.txt? caranya cukup mudah, kita hanya mengedit templet dan menambahkan meta content di dalamnya. Baiklah langsung saja ni dia cara memberi meta content untuk mengendalikan robot.txt:
  1. Paetama tentunya kamu haris masuk dulu ke blog kamu,
  2. Kemudian setelah di Dasbor blog kamu pilih Rancangan pada blog yang ingin kamu edit,
  3. Setelah itu pilih Edit HTML,
  4. Jangan lupa beri tanda V pada
  5. Dan salin kode di bawah ini di bawah <head> :

<meta content='index, follow' name='robots'/>

Di bawah ini adalah contoh dimana kamu meletakan kode di atas kedalah templet kamu:

<head>
<meta content='index, follow' name='robots'/>

Setelah meletakan kodenya seperti kode di atas kemudian kamu Simpan templet.

Semoga bermanfaat.............
Read More

Cara Merubah Mouse / Cursor / Pointer Pada Blog

Posted by Rifaiy On 5 komentar
Kali ini saya akan memberitahu cara merubah mouse / cursor / pointer pada blog. Maksudnya merubah itu ketika ada seseorang yang membuka halaman kamu maka pointer / mouse / cursor nya akan berubah ketika berada di halaman blog kamu. Tapi ketika tidak berada di halaman blog kamu maka



  1. Yang pertama tentunya kamu harus masuk dulu ke Blogger.com
  2. Kemudian jika sudah berada di halaman Dasboard anda pilih Rancangan
  3. Setelah itu klik Edit HTML
  4. Sebelumnya jangan lupa klik atau beri tanda V pada:
  5. Dan salin kode di bawah ini dan letakan diatas kode <head> :

<style type='text/css'>body, a, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-2/spe114.cur), progress;}</style>

Berikut ini adalah contoh gambarannya:

<style type='text/css'>body, a, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-2/spe114.cur), progress;}</style>
<head>

Setelah itu pilih Simpan.

Keterangan:
Yang saya tandai dengan warna Merah adalah link untuk kursor, yang sudah di upload oleh kamu sendiri, atau bisa mengambil dari server2.

Semoga bermanfaat.....
Read More

Membuat Pencarian Sederhana Di Bolg

Posted by Rifaiy On 0 komentar
Heh.... lama banget udah ga update2 blog, kali ini saya mau mempostingkan cara membuat pencarian sederhana pada blog, yang tentunya bekerja dengan baik.



Pencarian ini sangat sederhana tidak menggunakan gambar sama sekali, tentunya bagus untuk yang blog yang  berat. Baiklah langsung saja ke cara membuatnya ini dia:

  1. Pertama kamu masuk atau login ke blog kamu,
  2. Kemudian kamu pilih Rancangan,
  3. Terus kamu pilih Tamba Gatget dimana kamu ingin memasangnya,
  4. Setelah itu kamu pilih HTML/Java Script
  5. Dan salin script di bawah ini:

<form action='/search' id='searchthis' method='get' style='display:inline;'><input id='searchbox' name='q' type='text'/> <input id='searchbutton' type='submit' value='search'/></form>

Penjelasan:
Tulisan yang saya randai dengan warna Biru adalah tulisan untuk tombol, bisa kamu ganti denga Cari atau apapun yang kamu mau.

Lihat di bawah ini adalah aplikasi pencariannya:


Sekian penjelasan dari saya semoga bermanfaat.........
Read More

Memasang MP3 Player Di Blog

Posted by Rifaiy On 0 komentar
Kali ini saya akan mempostingkan bagai mana cara memasang mp3 player di blog. Enaknya mp3 player yang ini kamu bisa upload mp3 kamu sediri. contoh saja musik band kamu atau temen kamu, atau apapun yang kamu mau. Baiklah langsung saja ini caranya:



  1. Kamu masuk terlebih dahulu ke blog kamu,
  2. Kemudian pilih rancangan,
  3. Setelah itu pilih tambah gatget,
  4. Dan Pilih HTML/JavaScript,
  5. Kemudian salin kode script di bawah ini dan masukan ke kolom HTML/JavaScript:

<center><b style="color: rgb(51, 255, 51);">Maher Zain &amp; Fadly Padi - Insya Allah</b>
<object id="playerID" data="http://pramborsfm.com/streaming/player.swf" name="playerID" type="application/x-shockwave-flash" width="292" height="20">
<param name="allowfullscreen" value="false" />
<param name="allowscriptaccess" value="always" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashvars" value="file=https://sites.google.com/site/rifaiycocc/musik-com/MaherZainFeatFadlyPadi-InsyaAllah.mp3&amp;title=AMPM Radio&amp;type=sound&amp;frontcolor=3f3f3f&amp;backcolor=87c4ff&amp;lightcolor=5b5b5b&amp;screencolor=0082ff&amp;id=playerID&amp;autostart=false&amp;mute=false" />
</object></center>

Penjelasan:
Untuk tulisan yang saya tandai dengan Hijau Tua adalah judul lagu tersebut,  Kemudian Untuk yang saya tandai dengan warna Merah adalah lebar dari Mp3 Player tersebut, Untuk huruf yang saya tandai dengan warna Kuning Tua adalah tinggi dari Mp3 Player tersebut, Untuk yang saya tandai dengan warna Ungu Tua adalah  warna untuk Mp3 Player tersebut, Dan untuk yang saya tandai dengan warna Buru Muda adalah link fille Mp3 kamu.

Contoh MP3 Playernya Seperti Di Bawah Ini:

Maher Zain & Fadly Padi - Insya Allah


Sekian Dari Saya Semoga bermanfaat...
Read More