Colomero: tips trick | Your Blog Description

Dijual Rumah Nyaman di Daerah Ciwastra Kota Bandung

by eppoh on Jumat, Februari 03, 2017 no comments

Klik gambar untuk info lebih lanjut

Harga Rp. 600.000.000 (nego)

Luas Tanah: 140 m2
Luas Bangunan: 110 m2
Kamar Tidur: 3
Kamar Mandi: 2
Carport: 1
Garasi : 1
Listrik: 1300 Watt

Lokasi rumah ini sangat Strategis.
Sertifikat dan pemilik atas nama pengiklan.
Sertifikat ada dan SHM
Air tanah sangat bening tidak berbau layak minum,
suasana rumah adem, asri, sepi dari hiruk pikuk kendaraan, ada pohon anggur, mangga, sirih merah dan tanaman lain.
Jalan cor beton, Bebas banjir dan sangat layak huni.
Nego sampai sepakat. Hubungi via WA setiap saat.http://olx.co.id/iklan/rumah-adem-asri-di-komplek-pasir-pogor-ciwastra-kota-bandung-IDl0XEC.html#21ac5e70aa

Cara Membuat Related Post / Artikel Terkait Di Dalam Postingan Blogspot

by eppoh on Sabtu, Agustus 31, 2013 15 comments

Pada kesempatan ini saya akan share pada anda tercinta tentang tutorial yang sangat bagus untuk kemajuan blog anda dan nantinya akan mendatangkan pengunjung untuk berlama-lama di blog anda. Tutorial yang akan saya bahas yaitu tentang membuat artikel terkait / related post di blog. Tapi pada tutorial tersebut agak berbeda pada dari yang lain. Related post / artikel terkait yang biasa dipakai oleh blogger atau dijumpai pada blog-blog orang lain, biasanya ditempatkan di bawah posting atau pada sidebar.

Pada topik cara memasang related post / artikel terkait pada blogger yang saya sajikan untuk anda yaitu related post berada di dalam artikel blog. Nah tentunya dengan penampilan yang bisa dikatakan baru ini, akan mempermudah dilihat oleh pengunjung untuk mencari artikel yang akan mereka cari / dibaca. Di bawah ini contoh tampilan Related Post / artikel terkait di lokasi postingan. Nah, saya mulai sekarang cara membuatnya :

Berikut langkah-langkah cara bikin related post di dalam artikel blogspot :

1. Masuk ke Dasboard
2. Pada menu Design => Edit Html
3. Backup dulu template anda => centeng Expand widget template
4. Cari kode </head> dan letakkan kode script dibawah ini di atas kode </head>

<script type='text/javascript'>

//&lt;![CDATA[

var relatedTitles = new Array();

var relatedTitlesNum = 0;

var relatedUrls = new Array();

function related_results_labels(json) {

for (var i = 0; i &lt; json.feed.entry.length; i++) {

var entry = json.feed.entry[i];

relatedTitles[relatedTitlesNum] = entry.title.$t;

for (var k = 0; k &lt; entry.link.length; k++) {

if (entry.link[k].rel == &#39;alternate&#39;) {

relatedUrls[relatedTitlesNum] = entry.link[k].href;

relatedTitlesNum++;

break;
}
}
}
}
function removeRelatedDuplicates() {

var tmp = new Array(0);

var tmp2 = new Array(0);

for(var i = 0; i &lt; relatedUrls.length; i++) {

if(!contains(tmp, relatedUrls[i])) {

tmp.length += 1;

tmp[tmp.length - 1] = relatedUrls[i];

tmp2.length += 1;

tmp2[tmp2.length - 1] = relatedTitles[i];

}

}

relatedTitles = tmp2;

relatedUrls = tmp;

}

function contains(a, e) {

for(var j = 0; j &lt; a.length; j++) if (a[j]==e) return true;

return false;

}

function printRelatedLabels() {

var r = Math.floor((relatedTitles.length - 1) * Math.random());

var i = 0;



while (i &lt; relatedTitles.length &amp;&amp; i &lt; 20) {

document.write(&#39;&lt;li&gt;&lt;a 
href=&quot;&#39; + relatedUrls[r] + 
&#39;&quot;&gt;&#39; + relatedTitles[r] + 
&#39;&lt;/a&gt;&lt;/li&gt;&#39;);

if (r &lt; relatedTitles.length - 1) {

r++;
} else {
r = 0;
}
i++;

}
}

//]]&gt;

</script>

5. Kemudian cari kode <div class='entry entry-content'>
6. Lalu copy kode di bawah ini dan letakkan di bawah kode <div class='entry entry-content'>

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;'>
<div class='related-posts'>
<p>Related posts:</p>
<ol>
<b:loop values='data:post.labels' var='label'>
<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>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</ol>
</div>
</div>
</b:if>

7. Selesai, simpan template anda

Nah sekarang anda sudah punya Related post / artikel terkait pada blog anda, tapi untuk tampil lebih keren dan lebih menarik, saya akan beri tambahan sedikit sentuhan kode css,caranya yaitu :

- Cari kode ]]></b:skin>
- Lalu copy kode dibawah ini dan letakkan sebelum kode ]]></b:skin>

.related-posts {
border:1px solid #ddd;
background:#D8DFEA;
font-weight:bold;
width: 80%;
float:right;
}
.related-posts p {
margin:5px 10px 5px;
}
.related-posts ol {
font-weight:normal;
margin:0 0 0 25px;
}
.related-posts li {
margin-bottom: 2px;
}

selamat mencoba.

copas dari:
http://anaktimor-17.blogspot.com

Membuat Related Post di Sisi Kiri/Kanan Blog

by eppoh on Sabtu, Agustus 31, 2013 no comments

Alangkah bagusnya kalau related post berada tepat di bawah judul blog, di sisi kanan atau kiri postingan seperti yang bisa kita lihat di situs berita Kompas.com. Setelah cari-cari kesana kemari akhirnya ketemu juga solusinya.

Prinsip dasarnya sebenarnya sederhana,

Pertama, memasang related post yang biasa dilakukan oleh para blogger pemula seperti saya di bawah postingan, (dalam hal ini saya ambil turornya dari blog bdigg.blogspot.com

Kedua, memindahkan related post yang sudah terpasang ke sisi kanan/kiri tulisan di bawah judul blog (dalam hal ini saya ambil tutornya dari blog lostsector.blogspot.com

Untuk lebih jelasnya silahkan ikuti langkah-langkah berikut:
1.Log in ke akun Blogger
2.Klik Template
3.Edit Html » Centang kotak Expand template widget.
4.Cari kode </head> (gunakan CTRL + F). Kemudian letakkan kode berikut tepat diatas kode </head>

<style> #related-posts { float : left; width : 300px; margin-top:2px; margin-left : 5px; margin-bottom:20px; font : 11px Arial; color:#FF0080;margin-bottom:5px; } #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 { color:#116f9e;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/AVvXsEjvQ6Xbpx3RC1DJZteCfjp477c9vMlU-HKhQLubCSgc2jdtTDtT1zRN6IDJNZ_IfBgDxdUdRXSrakcqASrhqBlMWYVAv0QvTwOuEr0ealXWAWp4AhCKksbH_Ne21jOGrnNVQfld4eQzpB4/s320/titik.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 10px; margin-bottom : 5px; line-height : 1.5em; border-bottom:1px dotted #cccccc; } </style> <script src='http://yudatfort.googlecode.com/files/related%20posts%20b-digg.js' type='text/javascript'/>

5.Sekarang cari kode <div class='post-body entry-content'> atau <div class='post-header-line-1'/>

Kemudian letakkan kode di bawah ini tepat di bawah kode tadi.

<div style='float:left; margin : 0px 10px 0px 0px'>
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font face='Arial' size='2'><b> TERKAIT : </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>
</div>

Kode Warna merah tersebut adalah perintah untuk menempatkannya di sisi kiri atau kanan. Untuk memindahkan ke kanan tinggal ganti float:left menjadi float:right

6. Save

Note: Untuk ukuran lebarnya bisa diatur sendiri dengan mengganti kode berwarna pink yang berada diatas kode </head>

Selamat mencoba

copas dari
http://jusmanonline.blogspot.com

Membuat daftar isi pada widget / sidebar blog

by eppoh on Jumat, Juni 21, 2013 no comments

Karena masih banyak orang mengeluhkan bagaimana cara membuat daftar isi pada widget atau sidebar secara sederhana dan mudah dimengerti pemula (newbie), namun tidak muncul pada widget atau beberapa saat kemudian Daftar Isi-nya jadi kosong alias tidak amapu mengakses isi blog kita.

Biasanya sang pemula, hanya bersifat co-pas, padahal widget tersebut menggunakan java script orang lain, maka jika suatu ketika blog orang tersebut terkena suspend atau java script-nya dihapus atau rusak, maka dengan sendirinya Daftar Isi kita tidak mampu membaca lagi hasil postingan kita.

Kali ini saya akan memberikan beberapa macam java script Daftar Isi, silahkan dicoba satu persatu, dan pilih mana yang dirasa paling sesuai.

DAFTAR ISI vers-1

Log in ke akun blog sobat.
Pada dashboard blogger, klik Tata Letak (layout).
klik Tambah gadget (add gadget) --> HTML/Javascript
Silakan beri judul pada widget.
Copy dan pastekan html - script dibawah ini ke dalam kotak javascript.

Catatan: Jika sudah ada widget terdahulu namun daftar isi-nya tidak muncul, tinggal klik saja gadget tersebut, lalu hapus script/html yang lama dan pastekan dengan html yang anda pilih

<div style="background:#FFFFFF; no-repeat scroll 0 0; border:1px solid #272622; color:##110B26; height:400px; overflow:auto; padding:10px; width:100%;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 200;
</script>
<script src="http://tateluproject.googlecode.com/files/DaftarMenuOtomatis.js">
</script>
<script src="http://colomero.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=999">
</script></div>

Ket:

Background:#FFFFFF; border:2px solid #272622; adalah warna yang bisa diganti disesuaikan dengan blog anda
height:400px; dan width:260px; adalah tinggi dan lebar widget - bisa diganti disesuaikan dengan tinggi dan lebar sidebar blog anda
Url ini : "http://colomero.blogspot.com/ silahkan ganti dengan url blog anda.

6. Lalu save atau simpan.

DAFTAR ISI vers-2