Showing posts with label template. Show all posts
Showing posts with label template. Show all posts

March 10, 2011

Tutorial Promosi Posting dengan Relasi Posting

Blogger kreatif, biasanya suka sekali menggoda pembacanya untuk membaca postingannya satu persatu, dengan memberikan link, dan juga dengan cara promosi posting melalui relasi posting. Hal ini sah sah saja, karena degnan demikian lebih memudahkan untuk mencetak kader blogger yang handal he he he (kaya orang hebat aja). Okay, yang terpenting adalah anda bisa promosi dengan blog, dan ketik pengunjugn datang, rekayasalah sedemikian rupa agar pengunjung tersebut berlama lama dengan blog anda, mau tahu caranya, diantara cara yang paling efektif adalah dengan menggunakan relasi posting, apalagi kalau blog bisnis.

Langkah yang ditempuh adalah sebagai berikut, seperti biasa yaitu

1. Masuk dengan akun blogger anda
2. pada menu dashbor Klik desain Layout lalu Klik Edit HTML
3. Klik Expand widget Template adanya di atas samping kiri
4. Lalu anda cari Kode ini :
<data:post.body></data:post.body>

kalau pingin cepat tinggal ctrl+f dan masukkan kode <data:post.body></data:post.body> pasti langsung ketemu deh
5. Copy kode dibawah ini, dan paste tepat dibawah kode di atas


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<!-- ****Related Articles by Labels - Take Two*****-->


<div class='widget-content'>
<h3>Related Posts by Categories :</h3>
<div id='data2007'/><br/><br/>
<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;data2007&#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>
</div>
</b:if>


6. Bila sudah, Klik Save Template
kalau takut error, sebelum di paste, back up terlebih dahulu template anda.

kemudian sebagai penyempurna selera anda silahkan anda merubah angka tersebut, sesuai dengan kebutuhan anda.

Cobalah, jangan takut untuk mencoba.

February 27, 2011

Tutorial Ganti Template Blog Orisinil di Blogspot

kalau tampilan blog kita kurang sesuai dengan keinginan, sekarang ini blogspot sudah memberikan cara yang mudah bagi blogger untuk mengganti template (tampilan secara keseluruhan perangkat blog), hati hatilah jangan merubah kode template, kecuali anda memahami dengan benar, karena satu kesalahan akan berakibat fatal, saya sarankan untuk tidak membuat sendiri kalau memang baru bisa, kecuali anda benar benar mahir kode html baru buat aja sendiri sesuai dengan keinginan anda

Tiara ingin berbagi tips ya, yaitu pilihkan sesuai dengan kebutuhan isi konten yang anda rencanakan, jangan asal pilih,OK

Cara mengganti template adalah sebagai berikut:

1. Silahkan login ke akun anda

2. Klik Perancang Template. anda akan dihadapkan pada jendela beberapa pilihan template yang telah tersedia

3. Klik pilihan template, kemudian pilih sesuai dengan selera, termasuk masih ada ketersediaan lain, seperti mengubah huruf dan warna tampilan blog anda, untuk memilih latar blog maka pilihlah Background, untuk memilih lebar tampilan isi konten dan side bar pilih adjust width, dan yang berkaitan dengan isi huruf warna dan lain sebagainya cari saja di Advenced, pokoknya banyak deh tinggal di coba coba aja. kalau sudah cocok di pojok atas klik APPLY TO BLOG.

4 Selesai.