Jakarta kota metropolitan terdapat gedung yang menjulang tinggi, Hotel murah berbintang dan hunian yang waah,masyarakat yang majemuk dari berbagai suku dan warga negara lain berbaur menjadi satu di kota ini tak luput dari berbagai sarana dan prasarana yang teramat modern dan canggih.
Kehidupan di kota Jakarta bisa dibilang tinggi tingkat daya beli penduduknya terhadap barang-barang kebutuhan sehari-hari (primer) maupun skunder, itu semua disebabkan saking banyaknya jumlah penduduk yang tinggal di tempat ini dan setiap tahun penduduk Ibu kota ini makin bertambah jumlahnya,Kenapa penduduknya selalu bertambah tiap tahun ?
Karena kota Jakarta di asumsikan banyak orang adalah tempat dimana orang-orang bisa menghasilkan uang lebih banyak di banding kota-kota lainnya akan tetapi tidak selalu demikian banyak juga orangorang yang terlantar di kota metropolis ini.
Dengan kepadatan penduduk di ibu kota akan secara otomatis meningkatnya harga-harga tetapi tidak banyak tarif hotel yang ikut menaikkan harga sewa hotel masih banyak hotel murah di jakarta.
2. Pada halaman Dasbor, pergi ke Template dan pilih Edit HTML,
3. Pada kotak editor template, sembarang klik disalah satu ‘box’ tersebut, dan
tekan Ctrl + F, silahkan cari kode </head>,
4. Letakkan CSS dan JavaScript berikut ini sebelum kode </head>,
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.3em;
font-weight: bold;
color: #000000;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#000000;
}
#related-posts a:hover{
color:#000000;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://eflianda-blogzzz.googlecode.com/files/relatedthumbs.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
5. Setelah script di atas, cari kode <div class='post-footer'> atau
<div class='post-footer-line post-footer-line-1'/>, letakkan script berikut di atas kode
tersebut.
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Artikel Terkait";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
Angka berwarna biru adalah jumlah posting tampilan related post,
sesuaikan dengan lebar Blog sobat.
6. Terakhir, klik Simpan Template.
Cara Memasang Artikel Terkait dengan Scroll di Bawah Posting - Testimoni, baca dulu: 3 Cara Membuat Artikel Terkait atau Related Post di Blog.
Tips trik ini membuat arikel terkait berbentuk scroll yang biasa
mondar-mandir’ ke atas dan bawah. Kelebihan teknik scroll ini, sobat
dapat menampilkan jumlah artikel terkait tiap label sebanyak-banyaknya
tanpa mengganggu panjang vertikal dari halaman posting karena disiasati
menggunakan scrolling. Untuk pengunjung tentu dengan leluasa dan bebas
menelusuri Blog sobat.
OK, sekarang berikut tutorial cara memasang artikel terkait dengan scroll:
1. Pastikan sobat ‘stand by’ di akun Blogger, pergi ke Template dan klik Edit HTML,
2. Muncul kotak editor template, sembarang klik disalah satu kotak tersebut,
kemudian tekan Ctrl + F, cari kode ]]></b:skin> dan letakkan CSS
berikut diatasnya:
.rbbox{border: 1px solid #D8D8D8;padding: 5px;
background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}
2. #EFFBEF = kode warna kotak background 'hover' related post
muncul pada saat disorot mouse (ubah dengan warna kesukaan sobat).
4. Cari kode <data:post.body/> atau <div class='post-body>,
letakkan script berikut ini di bawah kode tersebut:
<H4>Related Post:</H4>
<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 = 5;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
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>
di bawah postingan sobat. Angka 50 berwarna biru menunjukkan jumlah artikel terkait dalam
satu label, bisa diubah sesuai selera sobat.
6. Klik Simpan Template, dan sobat silahkan lihat hasilnya.
Cara Membuat Artikel Terkait di Blogspot - Testimoni, baca dulu: 3 Cara Membuat Artikel Terkait atau Related Post di Blog.
Model sederhana dari bentuk artikel terkait lebih ringan dalam me’load’
label ketika akses halaman posting. Bentuk yang friendly dan simpel
dapat sobat terapkan langkah-langkah pembuatannya pada Blogspot di bawah
ini, cekidot:
1. Login pada akun Blogger sobat,
2. Setelah berada di Dasbor, beralih ke Template dan klik Edit HTML,
3. Muncul kotak editor template, sembarang klik di salah satu kotak tersebut, kemudian tekan Ctrl + F,
cari kode </head>,
4. Letakkan kode css dan script di bawah ini sebelum kode </head>,
#related-posts { float : left; width : auto; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgheTvLRBnSus9uE806oAmyNgp9aGQyPGalAhNbdFP79DDmP0DD4z9BrRUHcHz6OEvql_ZtS6qTSGxtD_yKneEfe7Vr2iHHFVLMVL6t4y2775X91gNdVHg6rjtWWJDbB24eMP0RQc4NMVIO/s1600/rss.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; }
</style>
<script src='http://yourjavascript.com/0542826181/ttm.txt.js' type='text/javascript'/>
di bawahnya,
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b>
</font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/>
<b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/>
</b:if></b:loop></font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script>
</div></b:if>
Intinya, meletakkan kode tersebut berdekatan dengan post-entri.
6. Klik Simpan Template, dan sobat lihat hasilnya.
About This Blog
Partner
Popular Posts
-
Alfamart adalah Supermarket terbesar dan terhebat di Indonesia telah menjadi sekaligus berani menjadi menjadi partner yang disebut Al...
-
Apa itu Open ID ? Open ID adalah Identitas Digital (ID) adalah layanan otentikasi bagi pengguna (user) dengan kontrol akses ...
-
Cara Membuat Artikel Terkait di Blogspot - Testimoni, baca dulu: 3 Cara Membuat Artikel Terkait atau Related Post di Blog. Model seder...
-
Cara/Tips Mudah Membuat Read More Otomatis di Blog – banyak para sobat blogger yang masih kebingungan untuk membuat readmore otomatis di ...
-
Sahabat Blogger pada sore ini saya akan memberikan tips - tips tentang 8 Rahasia Percaya Diri , kepercayaan diri salah satu kunci su...
-
Cara Membuat Artikel Terkait Berbentuk Gambar Thumbnails - Testimoni, baca dulu: 3 Cara Membuat Artikel Terkait atau Related Post ...
-
Privacy Policy untuk Cara, Tips Dan Imformasi Jika Anda memerlukan informasi lebih lanjut atau memiliki pertanyaan tentang kebijakan pri...
-
Menjaga Kesehatan Telinga. Para sobat blogger kali ini saya cara-tips-dan-informasi akan memberikan beberapa tips Bagaimana Menja...
-
Free Download Smadav - Go to page Free Download AVG - Go to page
Label
Translate
Followers
Iklan
Powered by 123ContactForm | Report abuse