Cara Membuat Blog Menjadi BreadCrumbs

Cara membuat / memasang navigasi breadcrumbs terindex Google di blog agar terlihat di dalam mesin pencari Google (Google search), beberapa waktu lalu saya pernah menjelaskan tentang cara membuat breadcrumb seo friendly yang tujuannya untuk memudahkan visitor menjelajahi halaman demi halaman pada blog anda sesuai dengan kategori yang ada

Sekarang saya akan membahas sedikit tentang perbedaan menu navigasi breadcrumbs seo friendly yang pernah saya tulis sebelumnya dengan yang akan kita terapkan sekarang. Mungkin sebelumnya anda sudah memasang breadcrumbs yang saya jelaskan dulu tetapi hasilnya tidak terlihat didalam pencarian Google seolah-olah tidak di index oleh Google, memang membutuhkan waktu yang sangat lama baginya untuk meng-indeks breadcrumbs yang seperti itu bahkan saya sempet dengar blog anda harus ber-pagerank 3 atau lebih. Tetapi sekarang hal itu tidak perlu dipersoalkan lagi meskipun blog anda belum mempunyai pagerank karena navigasi breadcrumbs yang satu ini akan terlihat di mesin pencari Google dengan waktu yang singkat dan semua label blog akan ter-index olehnya, nah untuk membuatnya anda ikuti tips dan trik blogger dibawah ini

Cara membuat Breadcrumbs di Blogspot / Blogger

• Login di Blogger
• Pilih Template
• Pilih Edit HTML (lebih baik back up template dulu untuk menghindari kesalahan)
• Centang Expand Widget Templates
• Kalau sebelumnya anda sudah memasang breadcrumbs silahkan dihapus dulu kode breadcrumb yang lama
• Kemudian cari kode ]]></b:skin>
• Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

• Kemudian cari kode <b:includable id='main' var='top'> gunakanlah CTRL+F untuk mempermudah pencarian
• Ganti kode <b:includable id='main' var='top'> dengan kode yang dibawah ini

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Terakhir simpan template anda dan navigasi breadcrumbs akan siap di index Google


Source : http://bloggerpeer.blogspot.com/

Read more »

Posted in: Tips And Triks Blogger,Tips n' Trik,Windows

Cara Membuat Status YM di Blog

Cara Memasang, Membuat YM Status Blog WordPress. Untuk membuat YM Status Blog yang kita harus lakukan adalah memasukkan alamat URL YM status pada Widgets Blog kita. Cara membuatnya hampir sama dengan saat kita memasang banner pada Widget Blog. Berikut yang perlu kita ketahui sebelum memasang YM Status pada Blog :

Pertama adalah Alamat Pencarian Icon YM Status

Masing-masing icon memiliki URL sama hanya nomor icon-nya saja yang berbeda yaitu :

http://opi.yahoo.com/online?u=YM_ID_Anda&amp;m=g&amp;t=ICON_NUMBER&amp;l=us

Yang berwarna merah adalah yang harus kita ganti dengan YM_ID kita dan yang warna biru adalah nomor icon yang kita kehendaki. Pada Cara Memasang | Membuat YM status Blog WordPress, Sebagai contoh email yang saya gunakan adalah iklanblog@yahoo.com maka YM_ID yang digunakan pada YM Status adalah iklanblog dan misal icon yang saya kehendaki muncul adalah nomor online_14  maka alamat YM Statusnya adalah :

http://opi.yahoo.com/online?u=iklanblog&amp;m=g&amp;t=14&amp;l=us

Agar pencarian alamat dilakukan secara otomatis maka perlu ditambahkan perintah img src=”…” berikut :

img src=”http://opi.yahoo.com/online?u=iklanblog&amp;m=g&amp;t=14&amp;l=us”

Pada Cara Membuat atau Memasang YM Status Blog, kode tersebut sekaligus akan memberitahukan pada pengunjung Blog akan Status YM kita. Jadi saat YM kita online maka Status YM Icon-nya akan menyala dan begitu juga  sebaliknya.

Kedua adalah kode Link Klik Instan Messenger

Pada Cara Membuat | Memasang YM Status Blog WordPress, tujuan perintah ini supaya saat Icon YM Status yang sudah di pasang pada Blog kita diklik maka akan terhubung ke Instant Massenger YM kita pada komputer Client dengan penambahan perintah href=“….” sehingga perintah lengkapnya adalah :

href=”ymsgr:sendIM?YM_ID_Anda“

Selanjutnya supaya pembuatan status YM pada Blog dapat berfungsi sempurna kedua perintah tersebut harus digabungkan. Agar dapat terisi pada baris Widgets pada Blog maka harus kita masukkan pada kode <a></a> menjadi <a perintah1><perintah2></a> sehingga lengkapnya adalah :

<a href=”ymsgr:sendIM?YM_ID_Anda“> <img src=”http://opi.yahoo.com/online?u=YM_ID_Anda&amp;m=g&amp;t=ICON_NUMBER&amp;l=us”/></a>

Sehingga untuk YM_ID : iklanblog dan Icon Number : online_14, maka perintah lengkap yang dimasukkan di Text Widgets adalah :

<a href=”ymsgr:sendIM?iklanblog“> <img src=”http://opi.yahoo.com/online?u=iklanblog&amp;m=g&amp;t=14&amp;l=us”/></a>


NB : Tulisan Merah Ganti Dengan Id YM anda Tulisan Biru Ganti Sesuka Hati Anda

Untuk mempermudah Cara Pasang, Memasang atau Membuat YM Status Blog, berikut di bawah ini jenis-jenis ICON untuk YM ID Status saat Online. Anda tinggal memilih nomornya :

Sumber

Read more »

Posted in: Tips And Triks Blogger,Tips n' Trik,Windows

Cara Membuat Daftar Isi Blog Anda Sendiri

Membuat daftar isi blog ini sudah pernah saya posting sebelumnya. Kalo sobat ingin melihatnya dapat dilihat disini dan disini.



Cara membuat daftar isi blog kali ini berbeda dengan sebelumnya, baik tampilan maupun script yang akan digunakan, saya pribadi lebih suka dengan daftar ini (content) karena bisa menampilkan seluruh judul postingan dan dikelompokkan sesuai dengan label masing-masing judul. Jadi kalo postingan kita buat tanpa menggunakan label, besar kemungkinan judul postingan tidak akan muncul didalam daftar ini.

Daftar isi (content) ini saya bagi menjadi dua bagian, yaitu Daftar isi ditampilkan pada satu halaman penuh dan Daftar isi ditampilkan pada halaman depan blog

Cara pertama adalah jika kita ingin menampilkan daftar isi ini dihalaman depan blog kita, agar setiap pengunjung dapat melihat daftar isi blog kita tiap kali mengunjungi blog kita



Contohnya sebagai berikut :

Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul Dafar isi atau judul sesuai dengan keinginan sobat
5. Kopas kode di bawah ini

• <div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://namablog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
  </div>

namablog.blogspot.com : ganti dengan alamat blog sobat

width:430px : Ganti Lebar sesuai dengan yang sobat inginkan, sesuaikan dengan template

height:120px : Ganti tinggi nya sesuai dengan keinginan sobat


6. Kemudian save dan letakkan sesuai dengan keinginan sobat.


Kemudian cara kedua saya akan bahas Daftar isi yang akan ditampilkan pada satu halaman penuh

Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih New post
3. Pilih Edit HTML pada kanan atas halaman tersebut
4. Beri Judul postingan tersebut dengan Daftar Isi, atau judul apapun sesuai keinginan sobat.
5. Copy paste script berikut ini :

• <script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://alamatblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

http://alamatblog.blogspot.com : Ganti dengan alamat blog sobat

6. Klik Publish Post

Jadi deh, hasilnya atau sebagai contoh dapat dilihat disini.

SUmber

Read more »

Posted in: Tips And Triks Blogger,Tips n' Trik,Windows

Cara Membuat Slider Di Bawah Header Blog

Sebenernya sudah lama sekali saya diminta oleh seorang teman blogger Ronny Dee untuk membuat tutorial slider Carousel seperti pada template Mas Paper 2. Kali ini saya akan membuat tutorialnya tapi hanya memakai slider carousel sederhana yang sudah pernah saya buat pada tutorial sebelumnya, disini saya hanya memodifikasi kode CSS nya saja, sehingga tampilannya mirip dengan slider Carousel yang ada di template Mas Paper 2. Tapi kalau dilihat sepintas, justru slider ini lebih mirip dengan slider Carousel yang ada di bagian atas (bawah navigasi) halaman depan situs detik.com.

DEMO

Cara membuatnya hampir sama dengan slider Carousel otomatis versi 1, disini saya hanya merubah kode CSS dan menambahkan timestamp diatas judul post. Langsung saja di bawah ini langkah-langkah untuk membuatnya :

1. Pertama Anda mesti login ke blogger dengan akun Anda
2. Setelah itu pilih blog yang ingin anda tambahkan slider ini.
3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
4. Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan nantinya, sebaiknya backup dulu template anda.
5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :
   
   #carousel{width:980px;height:125px;border-bottom:1px solid #ccc;position:relative;display:block;background:#5599e6;margin-bottom:8px}
   #carousel h5{color:#555;margin:2px}
   #carousel .container{position:absolute;left:24px;width:960px;height:125px;overflow:hidden}
   #carousel .thumb{float:left;margin-right:5px;}
   #carousel #previous_button{position:absolute;width:24px;height:125px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ENCqDuVpLp5dubMwClis8hdIUOWEIBmBJKZ-4hrH8Y1qJkSbPdjG4yq8hlREtA12VJ0ftWCw1HDMW8-v3AUOQ-_18WlDmGs73tAIR7tA5VRMQ4SEgmp6e7UKkEqiQXFKvZ4VhFP-aKah/s1600/previous.png) center;z-index:100;cursor:pointer;}
   #carousel #next_button{position:absolute;right:0;width:24px;height:125px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd_pgZTLsQGl4kor_VOR0hst3vk_a5k2STivhAzh3SkRM5hQQ1GLaKTgAD0f9q5I55hJQvzrs3DjxE7EqOV8Ri1DrHgHNdSi_VWIvVdAHxaJEpaXZbWkkP2XZ3LxxwcnI5f3cutOEuPxs5/s1600/next.png) center;z-index:100;cursor:pointer;}
   #carousel #next_button:hover,#carousel .thumb:hover,#carousel #previous_button:hover{filter:alpha(opacity=70);opacity:.7}
   #carousel ul{width:100000px;position:relative;margin-top:10px}
   #carousel ul li{background:#ebebeb;display:inline;float:left;text-align:left;font:bold 11px Arial;border:0px solid #ccc;width:212px;height:90px;margin:0 2px 20px 6px;padding:6px}
   #carousel ul li a.slider_title{color:#222;display:block;margin-top:0;padding-top:0}
   #carousel ul li a.slider_title:hover{color:#1b5d97}
   #carousel a img{display:block;background:#fff;margin-top:0}
   Perhatikan kode warna biru diatas, itu adalah lebar dan tinggi slider pada demo yang saya buat, silahkan Anda sesuaikan dengan ukuran template Anda.
6. Langkah selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :
   
   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
   <script src='https://masolis-javascript.googlecode.com/svn/trunk/carousellite.js' type='text/javascript'/>
   
   <script type='text/javascript'>
   //<![CDATA[
   imgr = new Array();
   imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfYGUzaQn2M7TSJIDsmZbqarfvmnR2kmU0vQpFmFCby_MFwwJjglVDYWib7jPSAF19molKYt_1i39cgpqXvsB_5Zr0TGLd1aEZIFSD2MXyoeb6_Zq2LRXCBsVWhWx8EXNMgqA8Y8QlFao/s1600/no+image.jpg";
   showRandomImg = true;
   
   aBold = true;
   
   summaryPost = 140;
   summaryTitle = 25;
   numposts1 = 12;
   
   function removeHtmlTag(strx,chop){
   var s = strx.split("<");
   for(var i=0;i<s.length;i++){
   if(s[i].indexOf(">")!=-1){
   s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
   }
   }
   
   s = s.join("");
   s = s.substring(0,chop-1);
   return s;
   }
   function showrecentposts(json) {
   j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
   img = new Array();
   document.write('<ul>');
   for (var i = 0; i < numposts1; i++) {
   var entry = json.feed.entry[i];
   var posttitle = entry.title.$t;
   var pcm;
   var posturl;
   if (i == json.feed.entry.length) break;
   for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') {
   posturl = entry.link[k].href;
   break;
   }
   }
   
   for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
   pcm = entry.link[k].title.split(" ")[0];
   break;
   }
   }
   
   if ("content" in entry) {
   var postcontent = entry.content.$t;}
   else
   if ("summary" in entry) {
   var postcontent = entry.summary.$t;}
   else var postcontent = "";
   postdate = entry.published.$t;
   if(j>imgr.length-1) j=0;
   img[i] = imgr[j];
   s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
   if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
   //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
   var month = [1,2,3,4,5,6,7,8,9,10,11,12];
   var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];
   var day = postdate.split("-")[2].substring(0,2);
   var m = postdate.split("-")[1];
   var y = postdate.split("-")[0];
   for(var u2=0;u2<month.length;u2++){
   if(parseInt(m)==month[u2]) {
   m = month2[u2] ; break;
   }
   }
   
   var daystr = day+ ' ' + m + ' ' + y ;
   var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="100" height="90" class="alignnone" src="'+img[i]+'"/></a></div><h5>'+daystr+'</h5><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></li>';
   
   document.write(trtd);
   j++;
   }
   document.write('</ul>');
   }
   //]]>
   </script>

   Keterangan :
   

   Perhatikan URL script warna merah diatas, itu adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.

   Kode warna biru : 12 adalah jumlah slider yang ditampilkan. Sedangkan angka 100 dan 90 adalah panjang dan lebar image yang ada di slider.
7. Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode <div id='main-wrapper'>, kemudian letakkan kode berikut ini diatasnya :
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <div id='carousel'>
   <div id='previous_button'/>
   <div class='container'>
   <script>
   

   document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/sport?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);

   </script>   
   <div class='clear'/>
   </div>
   <div id='next_button'/>
   </div>
   <script type='text/javascript'>
   (function($) {     $(document).ready(function(){
   $(&quot;#carousel .container&quot;).jCarouselLite({
       auto:4000,
       scroll: 1,
       speed: 800,   
       visible: 5,
       start: 0,
       circular: true,
       btnPrev: &quot;#previous_button&quot;,
       btnNext: &quot;#next_button&quot;
       });
       })})(jQuery)   
   </script>
   </b:if>
   Perhatikan kode warna merah diatas, sport adalah label yang ditampilkan pada slider nantinya (Ingat besar kecil huruf harus sama dengan label yang sudah Anda buat). Jika Anda ingin menampilkan postingan atau artikel terbaru pada slider, tinggal hapus kode /-/sport. Kode diatas bisa juga anda letakkan dibawah atau diatas navigasi menu Anda atau bisa juga diletakkan diatas footer. 
8. Langkah terakhir, save templates dan lihat hasilnya. Jika Anda ikuti langkah diatas dengan benar, slider Carousel itu akan muncul di blog Anda.

Demikian tadi tutorial membuat slider Carousel otomatis versi 2, seperti biasa jika ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar. Selamat mencoba dan semoga bermanfaat

Sumber: maskolis.com

Read more »

Posted in: Tips And Triks Blogger

Cara Membuat Widget Jumlah Postingan Dan Jumlah Koment Di Blogger

Cara menampilkan Jumlah posting dan komentar blog - setelah saya blogwalking untuk menemukan sebuah inspirasi untuk diblog gubukku ini akhirnya saya menemukan sebuah tutorial blog yang cukup bagus, entah itu blog siapa tapi tak apalah akan saja menjadikan topik pada posting kali ini.

dan tutorial yang akan saya share pada postingan ini adalah cara menampilan jumlah posting dan komentar blog anda, ya walaupun tidak terlalu berguna dan tidak penting untuk dipasang diblog tapi tidak apalah untuk sekedar mempercantik tampilan blog. ok langsung saja ke tutorial mengenai Cara menampilkan Jumlah posting dan komentar blog

1. Pertama - tama, kita harus login ke blogger terlebih dahulu
2. Lalu klik Tata letak => Tambah gadget
3. lalu copas (Copy-paste) kode dibawah ini di HTML/JavaScript

<center><script style="text/javascript">
function showpostcount(json) {
document.write('Jumlah Posting : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
+ '</b><br>');}</script>
<script src="http://anasz-blogs.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script><script style="text/javascript"></script>
<script style="text/javascript">
function numberOfComments(json) {
document.write('Jumlah Komentar : <b>' + json.feed.openSearch$totalResults.$t +
'</b><br>');}</script>
<script src="http://anasz-blogs.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></center>

Ket : Ganti kode yang warna merah dengan URL link blog kamu.

4. Terakhir klik Simpan.


SUmber : http://fadilblogx.blogspot.com

Read more »

Posted in: Tips And Triks Blogger

Cara Memasang Rating Di Bawah Postingan Dan Di Setiap Postingan Blog

       Selamat pagi sobat blogger. kali ini saya akan berbagi trik Cara menampilkan Rating pada hasil pencarian - Setelah sekian lama mencari artikel tentang cara menampilan rating star di hasil percarian google, akhirnya ane dapat juga tutorialnya. Caranya sangat mudah dan berbeda dengan tutorial lain yang pernah saya coba sebelumnya yang tentuhnya nggak berhasil, entah mungkin karna masalah template atau apalah  ..ane nggak tahu..

Untuk bisa menampilkan rating bintang ini, sobat terlebih dahulu harus memiliki akun di google plus dan sudah harus terhubung dengan blog sobat dengan cara mengklaim sebagai kontributor untuk blog sobat tersebut. Masih bingung? Khusus yang belum punya akun di google plus, entar akan ane posting tutorialnya.

Sekedar tambahan, rating bintang ini nantinya akan dimunculkan di hasil pencarian untuk artikel - artikel blog sobat terutama artikel yang baru diposting sesaat setelah mengikuti dan memasang ratting bintang di tutorial kali ini.. 

Cara Menampilkan Rating Bintang di Google

1. Login ke akun blog sobat2. Klik Rancangan --> Edit HTML --> Centang kotak kecil di samping tulisan Expand Template widget

3. Letakkan kode berikut tepat diatas kode <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/108184620577673881492' rel='publisher'/>

</b:if>

catatan:

ganti angka berwarna biru dengan Url google plus milik sobat.

4. Kemudian letakkan kode berikut sesudah kode <body>

<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>

dan tag penutup </div></div> sebelum tag penutup </body> 

5. Cari kode <data:post.body/> dan letakkan kode berikut tepat dibawahnya.

Description: <span itemprop="description"><data:post.title/></span>

Rating: <span itemprop='rating'>4.5</span>

Reviewer: <span itemprop='reviewer'><data:post.author/></span> - 

ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>

Tambahan:

Kode <data:post.body/> akan berjumlah 2 jika sobat telah memasang readmore, pilih kode yang ke 2.

6. Klik save dan lihat hasilnya disini!

Sumber : http://x-sonz.blogspot.com/2012/08/cara-menampilkan-rating-pada-hasil.html#ixzz28lQmcPMS

Read more »

Posted in: Tips And Triks Blogger

Cara membuat Komentar Palsu Di Postingan Blogger

Oke kali Ini ane mau Membuat Posting Bagaimana Cara Membuat Jumlah Komentar Palsu Cekidot
Mungkin sobat semua pernah melihat jumlah komentar pada blog tetangga mencapai ratusan atau bahkan ribuan,namun apakah sobat pernah berfikir jumlah komentar tersebut asli atau hanya trik saja yg mereka pasang untuk menunjukan bahwasanya blog mereka banyak pengunjungnya yg masuk.
untuk membuktikan keaslianya,sobat masuk pada kolom komentar dan hitung berapa komentar yg ada.
jika sama jumlahnya dengan yang tertera pada footer entri,berarti itu memang asli.
tapi jika jumlah komentarnya tidak sama dengan jumlah yg tertera pada footer entri,berarti itu palsu.

Bagi saya kejujuran tetap yang utama,jujur saya tidak menggunakan Trik ini.kalau sobat tidak percaya boleh cek komentar yang ada pada blog ini.
namun jika ada sobat yg ingin mencoba trik ini silahkan,dosa tanggung sendiri ya...

Sebelum

Sesudah

Oke langsung saja nih saya bagi triknya Cara Membuat Jumlah Komentar Palsu


1. Login ke Blog sobat
2. Klik Design > Edit HTML > Centang pada Expand Widget Templates
3. Cari kode ]]></b:skin>
4. Copy Kode dibawah ini dan letakan diatas kode ]]></b:skin>

a.comment-link:before{content:"10";}

5. Save dan lihat hasilnya

Keterangan :  kode text warna Merah adalah nominal untuk angka palsu
                       yang nantinya akan berada didepan angka aslinya.
                       silahkan sesuaikan sendiri menurut keinginan sobat.
                       saran saya,...
                       jangan terlalu banyak menambah nominal angka palsunya
                       jelas pengunjung tidak akan  percaya
Sumber !!

Read more »

Posted in: Tips And Triks Blogger,Tutorial

Cara Membuat Button Twitter Beserta Jumlah Followersnya

Cara Membuat Tombol Follow Twitter Beserta Jumlah Follower-nya di Blog - hufftt judulnya panjang amat.. apaan tu maksudnya ?? maksud dari postingan yang satu ini adalah untuk menyempurnakan postingan saya sebelumnya tentang Cara Membuat Tombol Button Follow Twitter di Blog kalau di postingan sebelumnya saya menjelaskan tentang cara membuat tombol follow twitter, kali ini akan saya sempurnakan dengan menambah jumlah follower di samping tombol follow tersebut.. kalau belum jelas lihat gambar dibawah ini :

hanya tombol follow twitter :

tombol follow dengan jumlah follower-nya :

nah.. sobat sudah tahu kan apa yang saya maksud dari judul postingan ini. Kali ini langsung saja to the point. pertama silakan buat tombol follow twitternya dulu ( baca tutorial saya tentang Cara Membuat Tombol Button Follow Twitter di Blog ) setelah kalian berhasil membuat tombol follow-nya, silakan simak baik-baik kode yang kalian dapat dari tombol follow tadi karena disini kita hanya perlu mengubah sedikit dari kode itu, kurang lebih kodenya seperti milik saya ini :

<a href="https://twitter.com/nofalsama77" class="twitter-follow-button" data-show-count="false" data-lang="id">Ikuti @nofalsama77</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

nah..perhatikan kode yang saya beri warna merah 

gantilah kode data-show-count="false" menjadi data-show-count="true" . Selesai dan tinggal di save .... sekarang coba lihat... pasti sudah muncul jumlah followernya..

---sekian--- HAppY BLOGging :)

 

 

Sumber  : http://nofal-sama77.blogspot.com/2012/06/cara-membuat-tombol-follow-twitter.html

Read more »

Posted in: Tips And Triks Blogger,Tutorial

Cara Memasang Iklan/Script Iklan Di Atas Postingan Blog

 

 

 

 

Cara Menampilkan Iklan Di Bawah Judul Postingan atau di atas Postingan - Trik Iklan Tampil di Atas Post. Setelah beberapa waktu yang lalu, kita telah membahas cara menampilkan iklan di bawah postingan, lalu juga menampilkan iklan melayang/floating di blog kita, maka selanjutnya kita akan membahas cara menampilkan iklan di bawah judul postingan atau di atas postingan itu sendiri.

Ngomong-ngomong tentang kegunaan trik ini? Tidak lain untuk meningkatkan jumlah klik iklan sobat, secara tidak langsung juga membantu meningkatkan pendapatan sobat dari iklan tersebut.

Bagi teman-teman yang sudah tidak sabar untuk memperaktekkannya, silahkan simak langkah-langkah berikut:

1. Silahkan login ke akun blogger sobat seperti biasa

2. Klik tab rancangan

3. Lalu kliklah menu edit HTML dan jangan lupa centang kotak "Expand template widget"

4. Sekarang carilah kode

jika sobat tidak menemukannya di template sobat, silahkan cari kode
5. Sampai di sini, sobat bisa memutuskan iklan apa yang ingin ditampilkan - sebenarnya bisa apa saja, termasuk iklan PPC seperti kumpulblogger.com
6. Silahkan untuk mengkopi paste kode berikut ke template sobat

<b:if cond='data:blog.pageType == &quot;item&quot;'>

KODE IKLAN SOBAT DI SINI

</b:if>

Pada tulisan "Kode iklan sobat di sini" bisa sobat ganti dengan kode script iklan yang sobat miliki.
7. Sekarang letakkan kode pada langkah [6 ], di atas salah satu kode yang telah sobat temukan pada langkah [4 ], sehingga formatnya menjadi seperti berikut:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

KODE IKLAN SOBAT DI SINI

</b:if><div class='post-header-line-1'/>

Atau

<b:if cond='data:blog.pageType == &quot;item&quot;'>

KODE IKLAN SOBAT DI SINI

</b:if>

<data:post.body/>

8. Sekarang silahkan untuk mengklik tombol "Simpan Template"

SELESAI!!!!

Sekarang sobat sudah bisa melihat hasil kerja sobat. Silahkan untuk mengunjungi blog sobat sendiri, dan cobalah untuk mengklik postingan/judul postingan mana saja yang sobat miliki, maka nanti di setiap bagian bawah judul postingan sobat akan tampil iklan yang sobat pasang.

Semoga bermanfaat_ (Sumber: t4belajarblogger.blogspot.com)

Read more »

Posted in: Tips And Triks Blogger,Tutorial

Cara Mengganti Akun Blog Ke Akun Lain (Transaksi Jual Beli Akun)

Memberikan blog di blogger ke orang lain? yang perlu anda lakukan adalah mengganti akun dari blog tersebut dengan akun si-B agar si-B mempunyai akses admin dan anda tidak lagi menjadi admin blog tersebut.

Untuk lebih jelasnya ikuti langkah-langkah sebagai berikut :

1. A: Login ke blogger --> Setting - Permissions >> invite si-B dengan memasukkan emailnya.
2. B: Buka email lalu accept invitation sebagai administrator blog contoh email sebagai berikut :

3. A: Buka Setting - Permissions >> Ubah status si-B sebagai administrator.
4. B: Remove si-A dari administrator, sehingga si-B resmi menjadi administrator blog tersebut.

Sangat sederhana sekali... selamat mencoba

Sumber : Kolominfo.com

Read more »

Posted in: Tips And Triks Blogger,Tutorial

Macam-Macam Gadgets/Widgets Binatang Peliharaan Untuk Di Blog Anda

DOG





Pasang Script Di Bawah Ini DI Blog Anda...

Caranya..

Masuk BLog

Pilih Racangan

Pilih Tambah Gadget/Widget

SImpan


<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value="FFFFFF"/></object>

Newton’s Cradle

 

 

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/newtonsCradle.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/newtonsCradle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>


Hamster

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

Ball Clock

<object type="application/x-shockwave-flash" style="outline:none;" data="http://ballclockgadget.googlecode.com/svn/trunk/ballClock.swf?" width="300" height="220"><param name="movie" value="http://ballclockgadget.googlecode.com/svn/trunk/ballClock.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

Turtle

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Penguins

 

 

 

<object type="application/x-shockwave-flash" style="outline:none;" data="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?" width="300" height="200"><param name="movie" value="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Fish

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Tree Frog

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Spider


 

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Read more »

Posted in: Tips And Triks Blogger

Cara Membuat Exchange Link Otomatis Dengan Mudah

Berdasarkan pengalaman para blogger, memasang widget Tukar Link (link exchange) merupakan salah satu cara menjalin persahabatan dan tali silahturahmi sesama blogger, disamping membawa pengaruh terhadap naiknya page rank blog. Ada banyak cara untuk melakukan link exchange. Salah satunya dengan menggunakan jasa Mister Linky's Magical Widgets, yaitu website penyedia widget link exchange otomatis. Cara kerjanya cukup sederhana, dimana para blogger yang memasang widget ini di blog mereka dan ada blogger lain yang memasukkan link di dalam widget yang tersedia maka link blogger tersebut secara otomatis muncul di halaman blog. Lihat di sini untuk tukar link.

Bagi anda yang ingin memasang tukar link otomatis Mister Linky's Magical Widgets di blog, berikut langkah-langkahnya:

Mendaftar di Blenza Mister Linky's

• Kunjungi Blenza Mister linky's

• Klik Register untuk membuat akun baru

• Isi Form yang tersedia seperti:

     * User ID : (tulis Id baru anda)

     * Password : (tulis password anda)

     * Confirm Pasword : (tulis lagi password anda)

     * Name : (tulis nama anda)

     * E-mail Address : (tulis email anda)

     * Confirm E-mail : (tulis lagi email anda)

     * Blog Address : (tulis url blog anda)

• Setelah di isi lengkap klik Register
• Kemudian anda akan dikirim email
• Silahkan login untuk membuka email anda
• Copy kode konfirmasi yang diberikan lewat email
• Klik link http://www.blenza.com/linkies/confirm.php yang terdapat di bawah kode konfirmasi

• Masukkan kode konfirmasi tadi, dan klik Confirm
• Kemudian klik link http://www.blenza.com/linkies/confirm (berisi kode konfirmasi), atau bisa juga login di http://www.blenza.com/linkies/login.php

• Masukkan User ID dan Password, dan klik Login

• Masuk ke menu Wizard

• Pilih salah satu dari msing-masing step

    * Step: 1 pilih “HTML Only”

    * Step: 2 pilih widget Original Auto-Linkies (atau yang lain)

    * Step: 3 pilih Friday’s Feast

    * Beri tanda Centeng di kiri Remember these selections for next time

• Klik Generate Code
• Muncul Script yang diberikan Mister Linky's

• Copy Script tersebut dan simpan pada notepad
• Selesai langkah mendaftar di Blenza Mister Linky's

Sumber : http://x-sonz.blogspot.com/2012/05/cara-membuat-link-exchange.html#ixzz21iduvltl

Read more »

Posted in: Tips And Triks Blogger

Cara Membuat Tampilan Maintenace Di BLogger Anda Sendiri

Assalammualikum Wr Wb..


Met Malem Sahabat ANasz-Blogs Apa Kabar Hari Ini???


semoga baik-baik aja ya..

bagaimana puasanya?? Lancar??

semoga lancar ya. Kali ini saya akan meng Share Cara Membuat tampilan Maintenace di blog anda..


DEMO


Bagaimana ??? Menarik Bukan??

Kebanyakkan saat maintenace itu buat beres-beres blog jad pelanggan blog kita tidak kecewa kalo lagi renovasi blog....


langsung aja ya...

1. login blog
2. buka rancangan >> edit HTML
3. taruh kode dibawah ini diatas kode ]]></b:skin>

html {
  height: 100%;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_aQXGcu87EiFLWWMM46uetLMH3VIuIU-E6TDEBYe0PjW_b6z3AcjpzXlBdl6iHTNpSkbnJ25-c_C-moblIichByuFT7NQEmdRUy7TdDaAThCEamgamFAZnfR5evcOBMydhhWSynJmpA8/s1600/under-maintenance.gif) no-repeat center 50%;
  margin: 0;
}
body {
  display: none;
}

4. sobat bisa mengganti tulisan yang berwarna merah dengan alamat gambar yang lain.




Sekian dari saya wassalammualaiku Wr Wb..


Biasakan Kalo Copas Sertakan Sumber...


Salam Jari Tengah Untuk Copaser Yang Tidak Memberi Kredit/Sumber....

Read more »

Posted in: Tips And Triks Blogger,Tutorial

Cara Membuat Artikel Terkait Di Bawah Postingan Blog

Cara membuat ArtikeL Terkait di bwah postingan blog - aga kareba sobat ? heheeh apa kabar, malam ini anasz-blogs berbagi tips sedikit yaitu Cara membuat ArtikeL Terkait (Related Post) Di blogspot, pada postingan Sebelum nya saya juga sudah pernah post tentang cara menambahkan artikel terkait otomatis dibawah postingan dan Cara Membuat artikeL Terkait via Mobile (seluler) Untuk Blogspot namun kali ini tidak menggunakan gambar untuk versi komputer.

• Seperti biasa, masuk dulu ke Akun blog anda.
• Pada halaman Dasbor, cari kata "RANCANGAN" lalu klik
• Pada halaman Rancangan, klik tombol "EDIT HTML"sebaik nya aman kan dulu template sobat
• Beri tanda checklist pada kotak kecil yg ada di depan tulisan Expand Template Wdget yang terletak diatas kotak kode HTML template blog anda
• Cari kode ]]></b:skin> (Gunakan tombol F3 pada keyboard untuk melakukan pencarian cepat).
• Copy kode dibawah ini, lalu paste DI ATAS kode ]]><b/:skin> berikut kodenya :

kode: 

.rbbox{-moz-box-shadow: inset 0 0 20px #f10c0c;
-webkit-box-shadow: inset 0 0 20px #f10c0c;
box-shadow: inset 0 0 20px #f10c0c;
.rbbox:hover{background-color:#000000);}

• Selanjutnya, cari kode <data:post.body/> gunakan control F
• copy code ini di bawah <data:post.body/>

kode: 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<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 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
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;albri&#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>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

Selanjut nya SIMPAN TEMPALATE
Jika ingin mengganti warna background kotaknya, ganti kode warna ( #f10c0c; ) Dengan warna yang di ingin kan silakan ke SINI untuk melihat kode warna nya, UNTUK melihat DEMO nya ada di bawah POSTINGAN ini, Sekian Kali ini Tentang Cara membuat ArtikeL Terkait (Related Post) Di blogspot

Read more »

Posted in: Tips And Triks Blogger,Tutorial

Cara Membuat Buku Tamu Di Blogger

!!! Jangan Lupa Coment !!!

Assalamualaikum,
Kali ini saya mau post lagi tentang Blog tutorial,yaitu tentang cara memasang buku tamu melayang,anda dapat melihat contoh nya disini....jika anda berminat Langsung saja ke tutorialnya ya....

1. Daftar dulu ke CBOX
2. Sign in ke blogger dan silahkan Login dengan Account Anda
3. Pilih Rancangan/Tata letak
4. Pilih Page Elemen/Elemen Halaman
5. Klik Add a Gadget/Tambah Gadget
6. Lalu pilih "HTML/JavaScript"
7. Kemudian Copy-Paste kode di bawah ini :
   

   <style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i37.tinypic.com/345o85i.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">
LETAKKAN KODE SHOUTMIX/CBOX ANDA DI SINI

<br/>
Anda ingin membuat buat Buku Tamu seperti ini?<br/>
Klik di
<a href="http://devilofcheater.blogspot.com/2012/02/cara-membuat-buku-tamu-melayang.html">
sini </a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script >

8. Selesai cukup mudah bukan????

Note :
LETAKKAN KODE SHOUTMIX/CBOX ANDA DI SINI --> Code CBOX anda

sekian saja dan jangan lupa berkomentar di bawah ini ya......
sumber :
http://devilofcheater.blogspot.com/
http://www.arda.web.id

Read more »

Posted in: Tips And Triks Blogger,Tutorial

Cara Membuat Headline Di Blog

Baiklah, maaf, jadi ngelantur ke mana mana ya. Langsung ke pembahasan tentang Cara Membuat Headline Di Blog.
Langkah-langkahnya sebagai berikut :
1. Login ke blogger.com
2. Klik Design atau Rancangan
3. Lalu klik Tambah Gadget
4. Klik HTML/JavaScript
5. Masukkan kode berikut ke Klik HTML/JavaScript.


<p align=”center”><script type=”text/javascript”>
var hn_url_blog = “http://m-wali.blogspot.com/”;
var hn_jumlah_post = 15;
var hn_warna_latar = “#ffffff”;
var hn_warna_garis = “#dddddd”;
var hn_posisi = “top”;
var hn_tampilkan_judul = false;
var hn_backlink = false;
</script>
<script src=”http://copycat91.googlecode.com/svn/trunk/headlinenews.js”>
</script></p>


Keterangan Penting :
var hn_jumlah_post = 15; :  Untuk menampilkan jumlah judul artikel. silahka rubah sesuai dengan selera anda
Jangan lupa ganti alamat blog http://bisnis-muktiplaza.blogspot.com pada kode di atas.


6. Klik Save/Simpan

Read more »

Posted in: Tips And Triks Blogger,Tutorial