Post Game

Cara Membuat Dua Kolom Iklan di Atas Posting Blog

Go to link Download

Cara Memberi Background atau efek di judul posting

Go to link Download

Cara Membuat Artikel Terkait di Bawah Posting Blog

Go to link Download

Cara Membuat Related post dengan LinkWithin Bawah Posting Tidak Muncul di Homepage

<b:includable id="main"><b:if cond=data:blog.pageType == &quot;item&quot;><data:content/></b:if></b:includable>

Go to link Download

Cara Membuat Related Post di Bawah Posting

Berhubung saya lagi capek dan tidak terlalu semangat untuk menulis atau mencari sesuatu, maka dari itu saya memposting saja cara membuat related post, gimana ya sob emang saya orangnya gitu hehe agak pemalas tapi ya kalau mau rajin pasti ranking 1 terus, mungkin hehe. karena agak malas langsung saja sob... Check This Out....

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

<b:if cond=data:blog.pageType == &quot;item&quot;>
<H2>Artikel Terkait:</H2>
<DIV class=rbbox>
<DIV style=margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;>
<DIV id=albri/>
<SCRIPT type=text/javascript>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values=data:posts var=post>
<b:loop values=data:post.labels var=label>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</SCRIPT>
</DIV>
<script type="text/javascript">RelPost();</script>
</DIV>
</b:if>

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #000;-moz-border-radius:5px; margin:5px;}

<SCRIPT src=http://strip-ads.googlecode.com/files/relatedpost-versi2.js type=text/javascript/>

Go to link Download

Cara Membuat Bagian Posting Blog Tidak Bisa di Copas Kecuali Blockquote

Cara Membuat Bagian Posting Blog Tidak Bisa di Copas Kecuali Blockquote. Trik yang satu ini akan saya berikan tanpa kode script. Tetapi dengan CSS. Lebih tepatnya kita akan membuat hanya elemen blog yang dipilih saja yang tidak dapat di blok dan copy paste. Misalkan kita akan membuat anti copas pada posting kecuali blockquote. Jadi, pengunjung akan tetap bisa mengcopy bagian blockquote / kode kode nya saja tetapi artikel atau kalimat kalimatnya tidak bisa.

Trik ini memiliki fungsi yang sama dengan Membuat Seluruh Blog Tidak Bisa Di Copas dan Membuat Blog Anti Klik Kanan yaitu sama sama memproteksi blog dari tangan tangan jahil yang senang copas artikel sembarangan. Mungkin inilah yang sering saya jumpai. Banyak blogger blogger yang tidak niat membuat postingan, ia akan copas dari blog lain.

Dengan memasang CSS anti copy paste pada salah satu elemen kita dapat memilih pada bagian mana pada blog yang ingin di buat anti blok atau copas. Mau tahu cara lengkapnya? Simak dan terapkan tutorial dibawah ini.

Cara Membuat Bagian Posting Blog Tidak Bisa di Copas Kecuali Blockquote

1. Login ke Blogger
2. Pada dashboard, pilih blog anda lalu masuk ke Template, Edit HTML
3. Selanjutnya, silahkan cari css dari bagian blog anda yang ingin dibuat anti copas.
Contoh, halaman posting.
4. Cari kode .post lalu isikan kode berikut ini didalam CSS tersebut.

-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
-moz-user-select:none}

Jadi, rangkaian kode CSS post anda menjadi

.post {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
-moz-user-select:none;
}

5. Nah, sekarang pertanyaannya "Bagaimana membuat Kode dalam Postingan Bisa di Copas?" Tadi kita membuat dokumen posting menjadi anti blok semua jadi, blockquote atau semacamnya pun tak dapat di copas. Untuk mengaktifkannya, kita perlu mencari kode css blockquote. Caranya cukup menambahkan kode berikut ini

.post blockquote{


-webkit-touch-callout:text;


-webkit-user-select:text;


-khtml-user-select:text;


-ms-user-select:text;


-moz-user-select:text;


}

Di dekat kode CSS posting atau dibawah kode .post

6. Sekarang tinggal terserah anda saja bagian mana yang ingin anda buat tidak bisa di copas.

Jadi, apabila anda ingin membuat elemen menjadi tidak dapat di blok / copas isikan kode nomer 4
Dan kalau ingin supaya elemen yang dibuat tidak dapat dicopas tapi ingin diaktifkan agar bisa di copas, pakai kode nomer 5. Diubah none sama text nya saja

7. Jika sudah, klik Simpan Template dan blog sudah tidak bisa di drag, blok dan copas kecuali blockquote.

Tutorial ini memang memang membutuhkan pemahaman lebih lanjut mengenai HTML dan CSS. Untuk itu, anda yang belum tahu banyak tentang kode tersebut, silahkan baca di Definisi HTML & CSS + Tutorial. Sekian postingan dari Jona Rendra yang berjudul Cara Membuat Bagian Posting Blog Tidak Bisa di Copas Kecuali Blockquote, semoga berguna untuk anda. Apabila ada kesulitan saat mempraktekkannya, silahkan tanyakan melalui komentar dibawah.

Go to link Download

Cara Membuat Kotak Script di Posting Blog

5.Sekarang Klik Compose, maka akan ada kotak script. Contoh gambar:



6.Selanjutnya Klik di dalam kotak tersebut, dan hapus tulisan Klik Disini.

7.Terakhir, Masukan kode script yang ingin kamu masukan, didalam kotak itu. Selesai.

Keterangan Kode:

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>

1.border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
2.Double; = Bentuk kotak, bisa diganti dengan,

dashed
dotted
Double
Groove
inset
outset
ridge

3.Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
4.background-color:ffffff; = warna dalam kotak. Dan text-align:left; = posisi tulisan didalam kotak di kiri
5.Dan text-align:left; = posisi tulisan didalam kotak di kiri.



Kotak Script Dengan Scroll.

<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 50px; width: 300px;
text-align: left;">
.kode script disini.</div>

1. Sama seperti cara diatas, masukan kode script ke HTML. 
2. overflow:auto; = fungsi scrollnya. height(tinggi kotak) dan width(lebar kotak) 
3. Kotak script bisa juga dipindahkan ke kanan, dengan menambahkan kode float: right; ditengah kode diatas. 
4. Untuk yang posisi tengah, saya belum tau, nanti jika sudah tau, akan saya tambahkan kembali diposting ini.

<div style="border: 3px #1780dd solid; float: right; dan lain-lain.
Kotak Posisi Kanan

Dengan menambahkan kotak script di posting blog, maka halaman blog akan terlihat lebih rapi. Dan tidak memakan banyak tempat. Tanpa harus mengurangi isi dari posting. Semoga Bermanfaat.

Go to link Download

Cara Membuat Posting Pake Password Protected Post

Cara Membuat Posting Blog Pake Password 

Go to link Download