Tips Informasi

Saturday, December 7, 2013

Menambahkan Auto Readmore Readmore Otomatis Pada Blogspot

Setelah Tabview Section, yang telah dibahas beberapa hari lalu, ilmu lain yang saya peroleh dari hasil ngoprek blog saudara adalah membuat auto readmore (readmore otomatis). Dibanding membuat readmore jenis ke-1 atau jenis ke-2, auto readmore ini lebih enak diterapkan, terutama bagi yang merasa kesulitan atau merasa ribet dalam melakukan pemenggalan paragraf untuk readmore, karena auto readmore ini akan melakukan pemenggalan sendiri secara otomatis.

Namun sayangnya auto readmore ini sangat tidak cocok untuk tulisan berbentuk puisi, lirik, atau dialog, karena pemenggalannya didasarkan pada jumlah karakter yang ditentukan sehingga tulisan-tulisan tersebut akan terlihat seperti sebuah artikel yang tersusun dalam satu paragraf.

Jika kamu tertarik dan ingin membuat auto readmore ini, ikuti langkah-langkah berikut:

Dari dasbor, pilih Rancangan - Edit HTML.
Lakukan duplikasi template untuk jaga-jaga jika bermasalah.
Beri tanda checklist (centrang) pada Expand Template Widget.

Copy script berikut lalu letakkan (paste) di bawah kode </head> (antara </head> dan <body>):


<script type=text/javascript>
summary_noimg = 700;
summary_img = 500;
img_thumb_height = 150;
img_thumb_width = 200; 
</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>

Keterangan:
summary_noimg = jumlah karakter yang ditampilkan jika artikel tidak memakai gambar (misal: 700 karakter)
summary_img = jumlah karakter yang ditampilkan jika artikel memakai gambar (misal: 500 karakter)
img_thumb_height = tinggi gambar thumbnail (misal: 150px)
img_thumb_width = lebar gambar thumbnail (misal: 200px)

Setelah itu carilah kode berikut:
```
<p><data:post.body/></p>
```
Dalam beberapa template tidak memakai perintah paragraf (<p>), sehingga kodenya hanya <data:post.body/>.
Jika ada 2 kode, pilih kode yang pertama (yang paling atas).

Ganti kode tersebut dengan kode ini:


<!-- Awal Readmore -->
<p>
<b:if cond=data:blog.pageType != &quot;item&quot;>
<div expr:id=&quot;summary&quot; + data:post.id><data:post.body/></div>
<script type=text/javascript>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class=readmore style=float:right; font-style:italic><a expr:href=data:post.url expr:title=data:post.jumpText + &quot; &quot; + data:post.title>Readmore...</a></span>
</b:if>
<b:if cond=data:blog.pageType == &quot;item&quot;><data:post.body/></b:if>
</p>
<!-- Akhir Readmore -->

Catatan:
Jika mau, kamu dapat mengganti perataan tek sebelah kanan (right) dengan kiri (left), atau mengubah style huruf italic dengan normal. Kamu juga bisa mengganti tulisan Readmore... dengan kata lain atau dengan gambar (image).

Simpanlah hasil editing ini dan ucapkan alhamdulillah...

Lalu bagaimana jika ingin mengganti readmore jenis ke-1 atau jenis ke-2 dengan auto readmore ini? Tunggu saja bahasan berikutnya sob... Udah cape nulis nih, hehehe...

Ok, segitu aja sob. Semoga bermanfaat .....

Cara Membuat Anti Klik Kanan Disable Block Text dan Disable Ctrl C pada Blogspot

Cara Membuat Anti Klik Kanan, Disable Block Text, dan Disable Ctrl+ C, pada Blogspot (Anti Kopas). Cara ini pastilah sudah banyak yang share, dan tentunya engan macam-macam cara dan beda kode tentunya. Nah yang ingin saya share disini yaitu dengan cara dan kode yang menurut saya paling simpel dan gak pakek ribet. Dan dengan satu kode ini kita sudah bisa membuat 3 trik sekaligus, yaitu:

1. Disable Klik Kanan (onmousedown)
2. Disable Block Text (oncontextmenu)
3. Disable Ctrl+C / Ctrl+V (onkeydown)

anti copy paste

Tapi untuk penggunaan kode ini harus disesuaikan dengan kebutuhan saja, jadi kalo blog memiliki tutorial, dan banyak kode script (seperti blog saya ini kode-blogger), pastinya gak begitu pas rasanya kalau di beri trik ini. Yaaa pastinya akan membuat pengunjung gak betah, bahkan bingung, karena gak bisa di copy paste. Dan satu lagi, mungkin trik ini juga gak pas kalau di pasang di blog yang COPAS !! masa isi konten-nya aja copy-paste mau di anti klik kanan ?? kata temenku "ORA NGILO" kalau dlm bhs indonnya "GAK NGACA" konten Copas masa di anti copas?? wkwkwkwk... langsung sadar dan langsung tak copot tuh script :))

Sedikit cerita, dan ini adalah murni pendapat serta pengalaman saya pribadi (viyan pradita) tentang kopy paste (Kopas):

Saya sendiri masih banyak menemukan artikel-artikel saya yang di kopas tuntas tanpa sumber (link back) ke artikel aslinya.
Selain itu ada banyak juga yang menjiplak sama persin template saya ini.
Bagi saya.. sudah gak kagetlah untuk hal-hal seperti itu, mungkin sudah sewajarnya konten yang unik (yang benar-berar susah payah mikir dan nulis) itu di kopas!! eneg tp rasanya bangga!! kenapa ??
Positifnya berarti konten yang saya buat iru bagus, coz banyak yang kopas.. hahaha
Daripada kita banyak omong, ngingetin, toh belm tentu juga m,aksud baik dibls juga denga hal yang baik. Jadi ya cuma menguras tenaga saja! :))

Toh juga sebenarnya deengan mencantumkan sumber link asli, tidak akan mengurangi reputasi anda sebagai seorang blogger !! Justru disitulah nilai dari sportifitas dan lebih bisa untuk menghargai hasil karya orang lain.
(just share dan jgn diambil hati jika merasa) Xixixiii :p
Negatifnya... dipikir sendiri saja.. :D

Silahkan ikuti langkah-langkah berikut:

1. Login ke akun blogger sobat
2. Masuk ke rancangan/design
3. Pilih Tata Letak
4. Edit HTML
5. Lalu cari kode berkut: <body> (gunakan Ctrl+F di keyboard untuk memudahkan pencarian), setelah ketemu, gantilah kode <body> dengan kode dibawah ini:

<body oncontextmenu=return false; onkeydown=return false; onmousedown=return false;>

Penting !!
Ada 3macam script "return false" untuk mengenable kan lagi ganti saja kode "false" menjadi "true"

Intinya :
Anti copas : return false;
Copas: return true;

6. Simpan template, dan lihat hasilnya.

Saturday, December 7, 2013

Menambahkan Auto Readmore Readmore Otomatis Pada Blogspot

Friday, October 25, 2013

Cara Membuat Anti Klik Kanan Disable Block Text dan Disable Ctrl C pada Blogspot

Sedikit cerita, dan ini adalah murni pendapat serta pengalaman saya pribadi (viyan pradita) tentang kopy paste (Kopas):