Blog Tutorial 4 U

Bagaimana sih Cara Membuat Related Post atau Artikel Terkait di Blogspot ? Penting atau ga penting, sebaiknya memang blog diberi Artikel Terkait atau Post Terkait, atau Related Post sehingga dapat meningkat Page View nya. Fungsi lain adalah mempermudah pengunjung untuk mencari tulisan yang sejenis atau sama labelnya. Tak usah berpanjang lebar, mari kita coba tahap-tahap untuk menambahkan script Arttikel Terkait ke dalam Template Blog.

1. Login/masuk ke Blogger.com jika belum log in.

2. Pada halaman Dasboard masuk ke Layout ( tata-letak ), pilih tab Edit Html.

3. Kemudian tandai/centang kotak di samping tulisan  "Expand Template Widget"

4. Setelah itu tempatkan script berikut ini di bawah tag ]]></b:skin>



<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
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 < 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 < 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;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>



5 Kemudian cari bagian ini, dan tambahkan seperti kode yang di beri warna biru



<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>


</b:loop>
</b:if>
</span>



6. Sekarang cari kode baris post-footer berikut ini.

<div class='post-footer-line post-footer-line-3'>

kemudian masukan di bawahnya script ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-posts'>
<h4>Artikel Terkait:</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>



Simpan Perubahan ( save template ).

Silakan coba, semoga berhasil, untuk lihat hasil uji coba saya silakan kunjungi di sini

Cara Mudah Pasang Counter Pengunjung / Blog's Stats gimana sih ? Nama counter blog sangat penting untuk mengetahui seberapa jauh blog itu dikunjungi orang. Semakin banyak pengunjung tentu semakin bagus blog tersebut baik bagus secara kontent atau bagus secara SEO. Nah postingan kali ini kita akan bahas sedikit tentang cara Mudah pasang Counter Pengunjung / Blog's Stats di blog kita.

Langsung aja ya langkah-langkahnya :
1. Login dulu di account blogger anda
2. pilih design
3. pilih page element
4. silakan klik add gadget
5. klik Blog's Stats
6. Klik Save
7. SIlakan Cek hasilnya, jadi kan.

Nah kalau mau coba versi lain tentang pasang counter pengunjung di blog nanti kita bahas pada postingan berikutnya ya

Pada postingan kali ini kita akan coba bahas tentang plugin SEO smart link. Apasih itu ? SEO Smart link adalah sebuah plugin untuk wordpress yg fungsinya mengubah setiap kata yang kita tentukan, menjadi sebuah link. Hebatnya lagi plugin tersebut dapat kita pasang di blogspot. Semua kata "Blog" akan otomatis diconvert menjadi link. Tak perlu khawatir Script ini bekerja efektif berkat sentuhan tangan Ganda Manurung, seorang programmer indonesia terbaik.

SEO Smart Link akan membaca setiap kata pada setiap posting. Contohnya, jika sobat memasukkan kata "Blog" pada script tersebut maka otomatis pada semua halaman yang terdapat kata "Blog" akan di link ke alamat url yang telah ditentukan.

Berikut ini cara memasang kode autolink ini di blogspot :

1. Step pertama, Login ke blogger.com lalu ke design(rancangan).
2. Menuju tab edit html. Tekan ctrl+f di keyboard. Dan cari kode </body>
3. Copy dan paste kode scriptnya berikut ini :

<b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'>
function autoLink(){
this.keywdHref = new Object();
this.add = function(keyword, href){
if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
this.keywdHref[keyword] = href;
}
this.createAnchor = function(){
var objs = document.getElementsByTagName(&quot;div&quot;);
for(var i=0; i&lt;objs.length; i++){
var obj = objs[i];
if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
var content = obj.innerHTML;
for(var keyword in this.keywdHref){
var href = this.keywdHref[keyword];
var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
obj.innerHTML = newstr;
content = newstr;
}
}
}
}
this.startScript = function(){
var onLoad = window.onload;
window.onload = function(){
if(onLoad){onLoad();}
setTimeout(&quot;f.createAnchor()&quot;, 100);
}
}
}
</script>
<script type='text/javascript'>
var f = new autoLink();
f.add(&quot;Blog&quot;, &quot;http://blog-tutorial4u.blogspot.com/&quot;);
f.startScript();
</script></b:if>


4. Setelah halaman script terbuka silahkan copy pastekan semua kode di script tersebut tepat diatas kode </body>

Keterangan :

* Lihat bagian paling akhir kode dan ganti Blog dengan kata atau kata kunci yang anda pilih.
* dibawahnya Ganti http://blog-tutorial4u.blogspot.com/ dengan alamat url yang dikehendaki.

sumber

Pada postingan kali ini kita akan coba mengurai sedikit tentang Cara Menambahkan / Membuat Tombol Like / Like Button di Blog. Penting ga penting sih, cuma buat teman-teman yang ingin bersosialisasi lewat facebook button like menjadi sangat penting. Pengunjung tinggal ngeklik tombol like maka postingan kita otomatis akan ngelink ke wallnya pengunjung tadi. asyik kan, tidak merepotkan semua orang. Tinggal klik, maka selesai semuanya. Contoh penerapannya dapat dilihat di sini

Langkah-langkah/ Cara Menambahkan / Membuat Tombol Like / Like Button di Blog:

1. Masuk ke blogger

2. Tata Letak

3. Edit HTML

4. Klik kotak kecil Expand Template Widget

5. Ctrl+F untuk memudahkan pencarian, lalu cari kode berikut:

(bila ada dua pilih yg paling bawah)

7. Kemudian copy pastekan script berikut ini tepat di bawah kode diatas
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

8. Simpan dan lihat hasilnya.

Selamat mencoba, jika anda suka tinggalkan komentar di blog ini

http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img527.imageshack.us/img527/6543/image7go9.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif
http://img150.imageshack.us/img150/5784/image9qo1.gif http://img404.imageshack.us/img404/1214/image10vr1.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif

Gampang kan, silakan coba, ga bakalan rugi, ha...3x, tidak pengaruh ke trafik kok, tapi siapa tau pengunjung jadi suka kalau lihat foto anda di addressbar kayak blognya pak Yanto, tahu kan.


ini loh, contoh penerapannya di html

<link href='http://img87.imageshack.us/img87/5862/image1an1.gif' rel='SHORTCUT ICON'/>

  </head>

  <body>
  <div id='outer-wrapper'><div id='wrap2'>
  html warna biru adalah html yang anda copy untuk mengubah icon blogger, warna merah adalah kode yang harus anda temukan dengan cara tekan saja Ctrl dan F tinggal ketikan </head> nanti enter, kalau udah ketemu paste kode html warna biru diatas. contohnya anda lihat pada address bar blog ini. html warna hijau adalah kode html setelah </head>

Anda sudah mencoba membuat blog diblogger ? Okelah pada postingan kali ini saya akan coba memberikan pada anda sebuah Ebook Tutorial Membuat Blog di Blogger. Ebook ini memang sengaja saya simpan di ziddu biar mudah kalau teman-teman mau download. Sebenarnya ebook ini sudah lama saya taruh di blog Teknologi Informasi. Mudah-mudahan ebook ini mampu membantu anda memulai membuat blog di blogger.

Sebetulnya yang versi video juga ada tapi belum sempat aja mau upload, koneksi internet di rumah agak lambat sih... Ebook ini jelas ga berguna kalau anda sudah punya blog, karena tentunya saja anda sudah mahir mengutak-atik blog.Memang pada awal postingan ini sengaja kami tuliskan hal-hal yang dasar dulu mengenai blog, biar kita semua ngerti, apalagi, maaf yang buat email aja belum bisa, nah kan. Makanya kalau mo bikin blog di blogger emang syarat pertama yang kudu buat account di gmail. Tuh lho emailnya punya mbah google.

Kalau dah punya email gimana nih ? berarti anda tinggal masuk aja di http://blogger.com disana nanti ada 4 langkah yang kudu dilakukan dalam membuat blog. Tapi sebelum buat blog, nah ini yang penting... baca dulu bukunya, banyak kok buku tentang cara membuat blog di blogger, murah-murah ga nyampe 100 ribu. Kalau ga punya uang ya baca aja ebook ini. Pokoknya kalau kurang jelas boleh kok tanya. tulis aja di komentar pada postingan. Mudah mudahan bermanfaat.

Download Ebooknya Di Sini Ya....

Apasih Multiply.com ? Sama-sama blog seperti hanya blogspot, wordpress, maupun blogsome. Semua masing-masing punya kelebihan dan kekurangan, tapi yang akan kita bahas kelebihannya aja. Kalau ditanya kelebihan multiply dibandingkan blog-blog lain, jawabannya pastilah karena multiply itu mudah, murah dan friendly. Nah, buat yang punya organisasi, kayaknya cocok banget nih kalau nge-blog di multiply. Kenapa? ya karena tiga alasan tadi.

1. Mudah: gak perlu SDM khusus yang menguasai pemrograman. Yg penting bisa internet.
2. Lengkap: gak repot nambah fasilitas pendukung. Fasilitas yang sudah ada sudah sangat mendukung untuk aktifitas sebuah organisasi bahkan bisa costumisasi tampilan di sesuaikan dengan warna khas organisasi.
3. Bersahabat: asik buat berbagi pengalaman, tukar pikiran, diskusi, rekrut anggota, bahkan nyari dana.
4. Bisa dilengkapi dengan foto, video dan rekaman dalam bentuk mp3 (tuh kan MP itu lengkap, bisa masukin foto, suara sampai video).

Nah masih banyak lho kelebihannya, kalau berminat buat blog di multiply ini ada buku panduannya Download aja di SINI