Tuesday, November 8, 2011

Langkah Membuat artikel terkait dibawah posting Blogspot

Kali ini kita akan belajar membuat related post atau artikel terkait yang di letakan pada bagian bawah halaman blog kita di blogspot.

Sebenarnya penempatan artikel terkait atau related post sama saja baik di bagian bawah halaman maupun di bagian side bar blog. Hal ini tergantung selera Anda mana yang lebih bagus kelihatannya.

Baiklah, sekarang langsung saja ikuti panduan dan tutorial cara membuat related post atau artikel terkait di bawah halaman posting berikut ini:

1. Login menggunakan Username dan Password google account atau gmail Anda di blogger.com
2. Dari halaman dasbor/dashboard, pilih dan klik Design atau Rancangan.
3. Klik Edit HTML dan tandai Expand Widget Template (sebaiknya download dulu template Anda sebagai backup)
4. Cari kode ini
<data:post.body/>
5. Letakkan script code berikut ini di bawah kode diatas (lihat kode di nomor 4):
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Post</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. Save Template, lihat hasilnya.
Selamat mencoba dan semoga berhasil.

Friday, November 4, 2011

Cara Meletakkan Iklan di Postingan

Cara Meletakkan Iklan di Postingan - Peletakkan iklan yang strategis juga mempengaruhi klik dari para pengunjung. Biasanya sih kalau iklan didalam postingan akan semakin banyak visitor yang ngeklik. Berikut saya share cara meletakkan iklan di dalam postingan yaitu iklan sebelah kanan postingann dan iklan sebelah kiri postingan. Lansung saja cekidot :


1. Login ke Blogger » Klik Rancangan » Pilih Edit HTML » centang Expend Widget
2. Silakan cari kode

<data:post.body/>

3. Setelah ketemu pastekan kode berikut sebelum kode tadi


<div style='float:left;width:300px;height:250px;padding:0 0px 0px 0;'>
<--Simpan Kode Iklan Disini--></div>

4. Sehingga hasilnya menjadi seperti ini :

<div class='post-body entry-content'>
<div style='float:left;width:300px;height:250px;padding:0 0px 0px 0;'>
<--Simpan Kode Iklan Disini--></div>
<data:post.body/>

Cara Untuk Menampilkan Iklan Di Pinggir Posting.
1. Copy dulu kode iklan yang Anda dapatkan, kemudian Parse dengan Tool ini Parse HTML
2. Setelah kode iklan di parse, hapus kode merah <--Simpan Kode Iklan Disini--> kemudian ganti dengan kode iklan Anda yang telah di Parse.

Terakhir simpan template dan lihat hasilnya.


Iklan diatas terletak di Kiri teks, kalau ingin diletakkan dikanan teks tinggal mengubah lang nomor 3 left menjadi right .


Sekian dulu tutorial dari Ilmu komputer mengenai Cara Meletakkan Iklan di Postingan, semoga bermanfaat.

Wednesday, August 24, 2011

Cara Meletak Iklan diatas Postingan 2

<div style='clear: left; float: left;'>
<table cellpadding='0' cellspacing='0' class='tr-caption-container' style='float: left; margin-right: 4px; text-align: left;' width='300px'><tbody>
<tr><td align='left' style='text-align: left;'>
kode iklan GA anda (300x250)
</td></tr>
<tr><td style='text-align: center;'><span style='font-size: xx-small;'><b><a expr:href='data:blog.pagenameUrl' expr:title='data:blog.pageName'><data:blog.pageName/></a></b></span></td></tr></tbody></table>
</div>

Penempatan iklan seperti itulah yang akan ical share.

Jika tertarik bikin Iklan Adsense Seperti halnya Gambar dalam postingan, berikut langkahnya :


  1. Login ke blog, langsung menuju ke halaman EDIT HTML, centang Expand Widget Template
  2. Cari kode <data:post.body/> , kalau blog anda sudah mengaplikasikan Readmore, akan terdapat 2 kode seperti itu, silahkan pilih yang kedua.
  3. Tempatkan kode berikut sebelumnya kode tersebut diatas
  4.  Setelah itu save, dan lihat hasilnya

catatan : sebelum meletakkan kode, anda harus mem-parse-nya terlebih dahulu, bisa lewat parse HTML di blog ini. dan apabila diaplikasikan maka secara default semua postingan akan muncul iklan Google seperti yang telah disetting yaitu didalam postingan layaknya sebuah gambar.

Apabila anda tidak menginginkan format ini muncul disemua postingan, maka cukup mengikutkan kode saat ingin memosting postingan baru, atau dengan jalan mengedit postingan yang sudah ada dan memasukkan kode tersebut diatas. Dan dengan cara ini anda tidak perlu melakukan parse kode html, langsung dicopas saja.

Selamat mencoba kawan-kawan,

Cara Pasang Iklan di Atas dan di Bawah Postingan

Pada postingan sebelumnya disebutkan bahwa salah satu jalan untuk merintis bisnis online dari blog adalah dengan mengikuti program ppc/adsense. Sederhananya adalah bahwa kita sebagai publisher dibayar per klik setiap iklan yang di tampilkan. Nahh…bagaimana cara supaya iklan ppc yang kita pasang mudah terlihat dan di klik ? salah satunya dengan memasang di bawah judul posting dan di bawah postingan.

Thursday, August 18, 2011

Cara Memasang Google Analytics pada Blog/Web Anda

Google Analytics merupakan salah satu layanan gratis dari Google yang berfungsi untuk menganalisa blog/web sobat sehingga sobat bisa tahu lalu lintas blog/web sobat, mengetahui jumlah pengunjung, aktivitas pengunjung, sehingga sobat bisa tahu kontent apa yang sedang di cari banyak pengunjung di blog/web sobat. Google analytics juga berperan besar dalam optimasi SEO, karena itulah saya langsung pasang GA/Google Analytic ini ke dalam blog saya.

Berikut ini Cara memasang Google Analytic pada blogspot Anda:

1.Silakan kunjungi Google Analytics di http://www.Google.com/analytic


Friday, August 5, 2011

How to Remove Google Images Frame From Your BlogSpot Blog

Gimana,keren gak judulnya. .
mohon maaf para master,cuma mau share pengalaman saja. Kalo emang repost didelete juga gakpapa,asal jangan dibanned. .
awal masalah berasal dari screenshot ini:

_https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvivsgFie5553Z-ramsNxsvOktDa2KWvhSi5T6KZJPQFhyDXq2CFaCVxsI1cGMrBuwmWSuH1zgr-odzaVjBdXt5T0wwBRmOXwHudw7fLkNNt8gE3izcZTiY3pt1iMkExhyphenhyphenz3F8AvrOndbY/s1600/Blogger-+New+Dian+Ribut+-+Stats.png

Saturday, July 23, 2011

Internet adalah Sebuah Jaringan Komputer Dunia

INTERNET adalah sebuah jaringan komputer dunia, yang tidak mengenal batas antara negara. Kita bisa terhubung dengan siapa saja di belahan dunia lain melalui Internet dengan begitu mudahnya. Dengan karakter seperti itu, semestinya Internet dapat dimanfaatkan sebagai medium untuk menembus pasar ekspor.

Kita bisa menjual barang ke manca negara tanpa harus melalukan pameran atau bertemu langsung dengan calon buyer secara lansung.

Internet 


Internet 

LinkWithin

Related Posts Plugin for WordPress, Blogger...