MENJIPLAK

Cara Membuat Artikel Terkait Pada Blog

Cara Membuat Artikel Terkait Pada Blog

    Seperti biasa, masuk dulu ke Akun blog anda.
    Pada halaman Dasbor, cari kata "RANCANGAN" lalu klik
    Pada halaman Rancangan, klik tombol "EDIT HTML"sebaik nya aman kan dulu template sobat
    Beri tanda checklist pada kotak kecil yg ada di depan tulisan Expand Template Wdget yang terletak diatas kotak kode HTML template blog anda
    Cari kode ]]></b:skin> (Gunakan tombol F3 pada keyboard untuk melakukan pencarian cepat).
    Copy kode dibawah ini, lalu paste DI ATAS kode ]]><b/:skin> berikut kodenya :

.rbbox{-moz-box-shadow: inset 0 0 20px #f10c0c;
-webkit-box-shadow: inset 0 0 20px #f10c0c;
box-shadow: inset 0 0 20px #f10c0c;
.rbbox:hover{background-color:#000000);}

Selanjutnya, cari kode <data:post.body/> gunakan control F
copy code ini di bawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<br/>
<br/>
<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 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

Selanjut nya SIMPAN TEMPALATE

Jika ingin mengganti warna background kotaknya, ganti kode warna ( #f10c0c; ) Dengan warna yang di ingin kan silakan ke SINI untuk melihat kode warna nya, UNTUK melihat DEMO nya ada di bawah POSTINGAN ini, Sekian Kali ini Tentang Cara membuat ArtikeL Terkait (Related Post) Di blogspot

Cara membuat ArtikeL Terkait (Related Post) Di blogspot

Oleh japarus blog pada .
http://www.japarus.com/2012/04/cara-membuat-artikel-terkait-related.html

Cara Membuat Copyright Di Blog

Cara Membuat Tulisan Copright di blog

Ikuti langkah-langkah berikut ini :

1Login ke akun blogger sobat

2.Klik menu RANCANGAN

3.Pilih/Klik Edit HTML

4.Cari kode ]]></b:skin>

5.Jika sudah ketemu,masukan kode berikut tepat di atas kode ]]></b:skin>

.copyright{

text-align: center;

padding-top:5px;

padding-bottom:5px;

font:normal 80% Verdana,Trebuchet,Arial,Sans-serif;}

6.Kemudian cari kode </body>

agar lebih cepat mencarinya gunakan Ctrl+F

7.Jika sudah ketemu,masukan kode di bawah ini di atas kode </body>

8.Yang terakhir klik SIMPAN TEMPLATE

9.Selesai

Bagi sobat yang menggunakan antarmuka blogger yang diperbarui,silahkan ikuti langkah-langkah berikut

1.Login ke akun blogger sobat

2.Klik Menu Template

3Klik Edit HTML

4.Cari kode ]]></b:skin>

5.Jika sudah ketemu,masukan kode berikut tepat di atas kode ]]></b:skin>

.copyright{

text-align: center;

padding-top:5px;

padding-bottom:5px;

font:normal 80% Verdana,Trebuchet,Arial,Sans-serif;}

6.Kemudian cari kode </body>

agar lebih cepat mencarinya gunakan Ctrl+F

7.Jika sudah ketemu,masukan kode di bawah ini di atas kode </body>

Contoh :

8.Yang terakhir klik Save Template

9.Selesai

Menghilangkan Tulisan Langganan Entri

Kadang blog kita ingin terlihat rapi, tentu saja begitu bukan? Ada yang merasa kerapian blog kita terganggu dengan adanya tulisan di "Langgan: Entri (Atom)"? Mungkin itu yang pernah kita alami, dengan tulisan itu yang menurut kita tidak penting adan tempatnya juga kurang sesuai, maka kita bisa hilangkan atau kita ganti tempatnya gar lebih rapi.

Blog yang rapi, dengan tampilan yang sederhana, tidak terlau banyak tulisan atau lebar, mungkin sampai ke bawah banget :( Kita akan belajar bagaimana cara menghilangkan tulisan "Langgan: Entri (Atom)". Sehingga blog kita diharapkan bisa lebih rapi lagi, dan menarik pengunjung untuk berlama-lama di blog kita

Cara Menghilangkan Tulisan "Langgan: Entri (Atom)"
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini

6. Hapus (delete) kode tersebut.
7. Simpan template jika sudah selesai.

Cara Buat Scroll Pada Arsip Blog

Cara Membuat Scroll Pada Blog Archive (Arsip Blog)
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

6. Kode lengkapnya adalah seperti ini

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>

7. Kode warna merah dan hijau adalah kode yang ditambahkan kedalam script tersebut, 200 adalah tingginya, dan kita bisa ubah seseuai selera.
8. Simpan jika sudah selesai.

AGAR BLOG GA BISA DI COPY

Tulisan Blog ga bisa di copy gini caranya...

1. Cari kode css .post-body {

2. Simpan kode css di bawah ini Sebelum penutup .post-body { yang bertanda seperti ini }

-moz-user-select: none;
-khtml-user-select: none;
-o-user-select:none;
user-select: none;

Setelah itu Simpan Template Dan coba Copy tulisan di postingan anda, Good Luck.

Silahkan simak baik-baik.