Cara Membuat atau Memasang Navigasi Breadcrumbs di Blog

Cara Membuat Navigasi Breadcrumb Di Blog or keyword (How to Make a Breadcrumb Navigation) or atau Menu Navigasi Diatas Artikel Posting or Membuat Breadcrumb Menu Pada Blog Membuat menu navigasi berurutan di atas artikel posting atau istilahnya disebut breadcrumb,merupakan cara efektif untuk memberikan kemudahan pengunjung dalam melihat kategori posting suatu blog.Cara Pasang Breadcrumb Navigasi di Blog Disamping itu dari segi seo(search engine optimization),Google sudah support/mendukung breadcrumb ini. Cara Membuat Menu Breadcrumb Navigasi Di Blog
Untuk melihat hasil dari sebuah blog yang sudah membuat breadcrumb/menu navigasi diatas posting bisa lihat gambar.

Atau bisa kunjungi situs teman saya langsung di blog latihan seo nya.
Untuk membuatnya kita bisa menggunakan script ciptaan hoctro di hoctro.blogspot.com
Pelajaran Blog ingin menjabarkannya kembali langkah cara membuat breadcrumb/menu navigasi diatas artikel posting ini dalam bahasa Indonesia.

Langkah Cara Membuat Breadcrumb Pada Blogger



Pertama,pastikan anda sudah membuat label pada blog.

Selanjutnnya,pergi ke Dashboard,lalu pilih Tata Letak dan kemudian pilih Edit HTML,jangan lupa contreng tulisan Expand Widget Templates.
Selanjutnya cari kode berikut (gunakan Ctrl+F pada keyboard anda untuk membantu pencarian):

<b:includable id='main' var='top'>

Setelah ketemu,letakkan breadcrumb script berikut tepat diatasnya.

<b:includable id='breadcrumbs' var='post'>

<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>

Browse:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
&gt; <b><data:post.title/></b>
</b:if>

</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>

Kemudian,cari lagi kode berikut:

<b:if cond='data:post.dateHeader'>

Jika sudah ketemu,letakkan kode dibawah ini tepat diatasnya.

<b:include data='post' name='breadcrumbs'/>

Nah,sekarang cari kode ]]></b:skin> ,jika sudah ketemu letakkan barisan kode css breadcrumb dibawah ini tepat diatasnya.

.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

Simpan TEmplate Lalu Selesai...

menu navigasi breadcrumbs ini hanya akan terlihat diatas artikel anda atau dibawah judul blog anda saat anda membuka halaman suatu posting bukan halaman utama blogspot anda.

Source : Pelajaran Blog

10 Daftar Blog Direktori Dengan PR Tinggi/lebih dari 4

Hai sobat blogger ketemu lagi nih , oh ya kali ini saya akan membahas tentang Blog direktori atau Rss submission yang mempunyai pagerank tinggi ,. Bukan hanya itu blog direktori ini juga Memiliki Alexas rank yang tinggi . Nah .. guna dari blog direktori ini adalah supaya kita mendapatkan backlink berkualitas serta dapat meningkatkan pagerank kita  dengan hanya mensubmit link blog kita kesana . walaupun dengan adanya direktori ini pagerank kita tidak akan langsung naik . Toh meski ada blog direktori dengan pagerank tinggi ini kita juga harus berusaha .



Berikut ini beberapa daftar dari blog direktori :

1. www.dmoz.org = Pagerank : 8 , Alexa rank : 455
2. www.boingboing.net = Pagerank : 8 , Alexa rank : 1,809
3. www.blogs.com = Pagerank : 7 , Alexa rank : 1,521
4. www.mybloglog.com = Pagerank : 7 , Alexa rank : 2,023
5. www.blogs.botw.org = Pagerank : 7 , Alexa rank : 4.521
6. www.icerocket.com = Pagerank : 7 , Alexa rank : 5.464
7. www.blo.gs = Pagerank : 7 , Alexa rank : 42,729
8. www.bloggernity.com = Pagerank : 7 , Alexa rank : 31.324
9. www.globeofblogs.com = Pagerank : 7 , Alexa rank : 49.454
10. www.alltop.com = Pagerank : 6 , Alexa rank : 2.898.

Baiklah sobat itu beberapa blog direktori yang pr nya tinggi , sebenarnya masih banyak sih blog direktori dengan pr tinggi .

Note : maaf nih , saya disini cuman sekedar memberi info kepada sobat saja , saya tidak bermaksud untuk menggurui kalian . Saya sadar bahwa saya masih pemula . Kenapa saya bilang demikian ?? Mungkin pada sekitar tanggal 4 , saya mendapatkan sebuah hinaan dari blogger yang lain entah itu siapa !! saya pun tidak tahu karena di memakai anymous saat komentar , sampai sekarang pun komentarnya masih ada . maka dari itu untuk sobat blogger saya mohon jika berkomentar dengan para blogger yang lain , berkomentarlah dengan sopan karena saya yakin diatas blogger master masih ada blogger yang lebih master .

Daftar Situs Membuat Blog Gratis

Media blog sendiri pertama kali dipopulerkan oleh blogger.com, Blogger sendiri pada awalnya dikembangkan oleh PyraLab sebelum akhirnya PyraLab diakuisi oleh Google.Com pada akhir tahun 2002. Semenjak itulah, banyak terdapat aplikasi-aplikasi yang bersifat sumber terbuka yang diperuntukkan kepada perkembangan para penulis blog tersebut.

Selain menjadi sarana yang ideal bagi kita untuk mengekspresikan berbagai hal,Sarana Promosi maupun toko online blog juga mempunyai peran penting dalam penyebaran berbagai informasi melalui media internet,

saat ini terdapat begitu banyak situs diInternet yang menyediakan layanan blog

yang dapat anda manfaatkan untuk membuat blog, dan berikut adalah daftar berbagai situs yang menyediakan layanan untuk membuat blog secara gratis..

Blogger

Wordpress

My Opera

Multiply

Live Journal

Weebly

Blogsome

Edublogs

Blog

Blogabond

Xanga

Journal Space

Webnode

Dag Dig Dug

Blog Detik

MyBlogSite

Tumblr

Untuk membuat sebuah blog langkah pertama yang harus dilakukan adalah mengunjungi situs penyedia layanan blog tersebut, kemudian isi formulir registrasi yang diberikan, selanjutnya ikuti petunjuk dan instruksi yang diberikan.

Blog yang baru biasanya belum akan diIndeks oleh mesin pencari, Oleh sebab itu Agar blog anda dapat tampil dalam hasil pencarian , diperlukan berbagai Promosi dan optimasi.

Cara Mudah Membuat Iklan Melayang Dibagian Samping Blog

Trik Cara Paling Mudah Membuat Tampilan Banner Iklan Melayang Dibagian Samping Kiri atau Kanan Blog - Salah satu cara untuk menempatkan iklan PPc yang paling strategis atau yang paling banyak memiliki kemungkinan diklik oleh pengunjung suatu situs adalah dibagian samping kiri maupun samping kanan blog.

Namun demikian ada sebagian program penyedia ppc yang melarang para publishernya untuk memasang floating ads, tentu kita sepatutnya mentaati dan menghormati peraturan tersebut.

meski begitu ada juga diantara program penyedia ppc lainnya yang memperbolehkan pemasangan iklan melayang untuk para publishernya , nah jika ppc yang anda ikuti tersebut memperbolehkan untuk pemasangan floating ads untuk iklan mereka tidak ada salahnya bagi anda untuk mencoba script berikut ini :

<div style="display:scroll; position:fixed; bottom:4px; left:0px;">

masukkan kode iklan anda disini

</div>

kode berwarna biru Bisa anda rubah dan sesuaikan untuk mengatur tinggi rendah posisi iklan sedangkan kode berwarna merah untuk mengatur posisi iklan:  ke kiri ( left) atau kekanan (right)

Semoga artikel diatas bermanfaat dan selamat mencoba,,,,

Merubah Label blog Menjadi Meta Keyword

Nah, ikuti langkah-langkah berikut:

1. Login ke blogger sobat.
2. Klik rancangan.
3. Klik Edit HTML,jangan lupa back up template kamu.
4. Cara kode <head>
5. Letakkan kode dibawah ini tepat diatas kode <head>
   

   <!-- Block1: Output post meta keywords -->
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <b:section id='meta1' showaddelement='no'>
   <!-- widget must be a of Type = 'blog' to have posts data exposed, and must have a unique id -->
   <!-- Empty Includables(functions) to output nothing, You must keep them ): -->
   <b:widget id='Blog2' locked='no' type='Blog'>
   <b:includable id='nextprev'/>
   <b:includable id='backlinks' var='post'/>
   <b:includable id='post' var='post' />
   <b:includable id='status-message'/>
   <b:includable id='comment-form' var='post'/>
   <b:includable id='backlinkDeleteIcon' var='backlink'/>
   <b:includable id='postQuickEdit' var='post'/>
   <b:includable id='commentDeleteIcon' var='comment'/>
   <b:includable id='feedLinks'/>
   <b:includable id='feedLinksBody' var='links'/>
   <b:includable id='comments' var='post'/>
   <b:includable id='main' var='top'><!-- Main Function of Any widget comes with ID 'main' -->
   <!-- Loop Page Posts (only 1 in a post page )-->
   <b:loop values='data:posts' var='post'>
   <b:if cond='data:post.labels'>
   <!-- If the post has labels, make Meta keywords by looping lables -->
   &lt;meta name=&quot;keywords&quot; content=&quot;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&quot; /&gt;
   </b:if>
   </b:loop>
   </b:includable>
   </b:widget>
   </b:section>
   </b:if>
   <!-- Block1 End -->

6. Lalu letakkan kode dibawah ini lagi tepat dibawah kode <head>
   

   <!-- The Head -->
   <!-- must include(called) here to output other head sub elements -->
   <b:include data='blog' name='all-head-content'/>
   <!-- Block2: Output Index Title,keywords,decription and Post Title,description -->
   <!-- Post/Archive Page -->
   <b:if cond='data:blog.pageType != &quot;index&quot;'>
   <title><data:blog.pageName/></title>
   <meta name='description' expr:content='data:blog.pageName' />
   <!-- Index Page -->
   <b:else/>
   <title><data:blog.pageTitle/></title>
   <meta name='keywords' content='your,blog,keywords!!' />
   <meta name='description' content='your blog description!!' />
   </b:if>
   <!-- Block2 End -->

7. Lalu cari lagi kode seperti di bawah :
   

   <b:include data='blog' name='all-head-content'/>
   Dan
   <title><data:blog.pageTitle/></title>

8. Jika sudah ketemu, Hapus semua kode tersebut. karena jika tidak di Hapus akan terjadi duplikat title.
   jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Cara Membuat Footer Multi Kolom

Ok, bagi anda yang ingin memperbanyak ruang kolom pada bagian footer template anda. Langsung aja kita mulai:

1. Login ke Blogger. Klik Design -> Edit HTML

2. Backup template anda dengan klik pada Download Full Template agar anda bisa mengembalikan template anda ke kondisi semula jika hasilnya tidak memuaskan.

3. Kalau sudah, cari kode ]]></b:skin>

4. Tambahkan kode dibawah ini diatas kode ]]></b:skin>

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

5. Jika sudah cari kode dibawah ini.

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

atau

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/></div>

6. Tambahkan kode berikut dibawah kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

Catatan:
Jika anda tidak menemukan kode <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan saja kode berikut dibawah <div id='footer'>

Jika ingin membuat footer 2 kolom. Gunakan kode berikut:

<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

Membuat footer 3 kolom. Gunakan kode berikut:

<div id='footer-column-divide'>

<div id='footer1' style='width: 33%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 33%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

Membuat footer menjadi 4 kolom. Gunakan kode berikut:

<div id='footer-column-divide'>

<div id='footer1' style='width: 25%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 25%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div id='footer4' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col4'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

7. Kalau sudah klik Save Template. Lalu klik Page Element. Jika berhasil maka hasilnya akan menjadi seperti ini.

Footer 2 kolom


Footer 3 kolom


Footer 4 kolom

Cara Memasang Referal Banner Di Adf.ly Di Blog | Daftar Adf.ly

Cara Memasang Referal Adf.ly / Cara Memasang Referal Banner Dari Adf.ly Di Blog Kita, Langsung Saja, Pertama-Tama daftar  Dulu Di Sini   http://adf.ly/?id=1361924

1. Klik "JOIN NOW" Di http://adf.ly

2. Isi Format Format Yang Di Berikan Dengan Lengkap Dan Code Capta -> Masuk Home -> Referrals -> Banners -> Pilih Banner

			468x60 Display HTML Code <!-- Start of adf.ly banner code --> <div style="width:468px; text-align:center;font-family:verdana;font-size:10px;"> <a href="http://adf.ly/?id=1361924"><img border=0 src="http://adf.ly/images/banners/adfly.468x60.5.gif" width="468" height="60" title="AdF.ly - shorten links and earn money!"></a> <br /><a href="http://adf.ly/?id=1361924">Get paid to share your links!</a> </div> <!-- End of adf.ly banner code --> Display HTML Code <!-- Start of adf.ly banner code --> <div style="width:468px; text-align:center;font-family:verdana;font-size:10px;"> <a href="http://adf.ly/?id=1361924"><img border=0 src="http://adf.ly/images/banners/adfly.468x60.4.gif" width="468" height="60" title="AdF.ly - shorten links and earn money!"></a> <br /><a href="http://adf.ly/?id=1361924">Get paid to share your links!</a> </div> <!-- End of adf.ly banner code --> Display HTML Code <!-- Start of adf.ly banner code --> <div style="width:468px; text-align:center;font-family:verdana;font-size:10px;"> <a href="http://adf.ly/?id=1361924"><img border=0 src="http://adf.ly/images/banners/adfly.468x60.1.gif" width="468" height="60" title="AdF.ly - shorten links and earn money!"></a> <br /><a href="http://adf.ly/?id=1361924">Get paid to share your links!</a> </div> <!-- End of adf.ly banner code --> Display HTML Code <!-- Start of adf.ly banner code --> <div style="width:468px; text-align:center;font-family:verdana;font-size:10px;"> <a href="http://adf.ly/?id=1361924"><img border=0 src="http://adf.ly/images/banners/adfly.468x60.3.gif" width="468" height="60" title="AdF.ly - shorten links and earn money!"></a> <br /><a href="http://adf.ly/?id=1361924">Get paid to share your links!</a> </div> <!-- End of adf.ly banner code --> 160x600 Display HTML Code Display HTML Code Display HTML Code Display HTML Code <!-- Start of adf.ly banner code --> <a href="http://adf.ly/?id=1361924"><img border=0 src="http://adf.ly/images/banners/adfly.160x600.4.gif" width="160" height="600" title="AdF.ly - shorten links and earn money!"></a> <!-- End of adf.ly banner code --> <!-- Start of adf.ly banner code --> <a href="http://adf.ly/?id=1361924"><img border=0 src="http://adf.ly/images/banners/adfly.160x600.1.png" width="160" height="600" title="AdF.ly - shorten links and earn money!"></a> <!-- End of adf.ly banner code --> <!-- Start of adf.ly banner code --> <a href="http://adf.ly/?id=1361924"><img border=0 src="http://adf.ly/images/banners/adfly.160x600.2.gif" width="160" height="600" title="AdF.ly - shorten links and earn money!"></a> <!-- End of adf.ly banner code --> <!-- Start of adf.ly banner code --> <a href="http://adf.ly/?id=1361924"><img border=0 src="http://adf.ly/images/banners/adfly.160x600.3.jpg" width="160" height="600" title="AdF.ly - shorten links and earn money!"></a> <!-- End of adf.ly banner code --> 125x125 Display HTML Code Display HTML Code Display HTML Code <!-- Start of adf.ly banner code --> <a href="http://adf.ly/?id=1361924"><img border=0 src="http://adf.ly/images/banners/adfly.125x125.3.gif" width="125" height="125" title="AdF.ly - shorten links and earn money!"></a> <!-- End of adf.ly banner code --> <!-- Start of adf.ly banner code --> <a href="http://adf.ly/?id=1361924"><img border=0 src="http://adf.ly/images/banners/adfly.125x125.1.gif" width="125" height="125" title="AdF.ly - shorten links and earn money!"></a> <!-- End of adf.ly banner code --> <!-- Start of adf.ly banner code --> <a href="http://adf.ly/?id=1361924"><img border=0 src="http://adf.ly/images/banners/adfly.125x125.2.gif" width="125" height="125" title="AdF.ly - shorten links and earn money!"></a> <!-- End of adf.ly banner code --> 300x250 / 250x250 <!-- Start of adf.ly banner code --> <a href="http://adf.ly/?id=1361924"><img border=0 src="http://adf.ly/images/banners/adfly.300x250.1.gif" width="300" height="250" title="AdF.ly - shorten links and earn money!"></a> <!-- End of adf.ly banner code --> <!-- Start of adf.ly banner code --> <a href="http://adf.ly/?id=1361924"><img border=0 src="http://adf.ly/images/banners/adfly.250x250.1.png" width="250" height="250" title="AdF.ly - shorten links and earn money!"></a> <!-- End of adf.ly banner code --> 350x19 - Forum Signature Display HTML Code

Cara Meningkatkan Ranking Blog

Bagi kamu para blogger Indonesia, ini ada sedikit tips agar blog kita segera terindeks oleh search engine (Yahoo, Google, Bing, Exalead), lalu dilanjutkan dengan beberapa situs yang dapat kamu gunakan untuk mempromosikan blog kamu yang semuanya itu nanti diharapkan dapat meningkatkan ranking blog kamu.

I. Langkah Pertama "Submit blog kamu ke Mesin Pencari"

a. Google


Pada google, proses submit blog bisa dilakukan melalui URL ini <http://www.google.com/addurl/?continue=/addurl>

b. Yahoo


Pada Yahoo, Link submit url-nya : <http://siteexplorer.search.yahoo.com/submit>

c. Bing


Pada Bing, link submit url-nya : <http://www.bing.com/webmaster/SubmitSitePage.aspx>




d. Exalead


Pada Exalead, Link submitnya : http://www.exalead.com/search/web/submit/

II. Ping blog

Cara kedua agar blog cepat terindeks dan nantinya menaikkan ranking blog adalah dengan menggunakan ping. Anda dapat mengirimkan ping menggunakan website http://pingomatic.com atau http://www.totalping.com. Masukkan URL blog Anda pada kolom yang tersedia kemudian klik send ping.

III. Daftar ke situs social bookmarking

Social bookmarking adalah situs yang melayani bookmark halaman blog secara online.
Beberapa contoh situs social bookmarking yaitu:

• digg.com,
• mixx.com,
• stumbleupon.com,
• delicious.com,
• lintasberita.com,
• blogcatalog.com
• dll.

Anda cukup meregister diri sebelum melakukan submit halaman blog.




IV. Daftar ke Situs Micro Blogging

Kemudian, selain melakukan langkah-langkah diatas, kamu dapat juga maksimalkan blog kamu dengan mendaftarkannya pada situs Micro Blogging, tujuannya agar mendapatkan banyak Visitor yang mengunjungi blog kamu.

Berikut ini Saya berikan 10 situs Micro-Blogging lainnya untuk membantu mendongkrak backlink blog anda.

1.Twitter.com
Alexa:12
PageRank:9

2.identi.ca
Alexa:3379
PageRank:8

3.Plurk.com
Alexa:1086
PageRank:8

4. Secondbrain.com
Alexa:72540
PageRank:5

5.Jaiku.com
Alexa:10999
PageRank:7

6.sweetter.net
Alexa: 367308
PageRank:5

7.Twingr.com
Alexa:435287
PageRank:6

8. FriendFeed.com
Alexa:702
Pagerank:8

9.Tumblr.com
Alexa:162
Pagerank:8

10. Kronologger.com ( Indonesia Microblogging )
Alexa:1,060,167
Pagerank:4

V. Update konten blog

Selain cara-cara yang sudah saya cantumkan diatas, yang tidak kalah penting untuk meningkatkan posisi blog kamu di Search Engine adalah Konten Blog kamu, maka rutinitas meng-update konten blog kamu adalah hal yang sangat penting.

Tahukah kamu, konon katanya search engine lebih menyukai blog yang aktif di update. Jadi lakukan updating (Kalau bisa setiap hari) agar search engine menyukai blog kamu.

Semoga bermanfaat !!!

2 Cara Cepat Membuat/Memasang Rating Bintang di Posting Blog

Jika anda juga tertarik melakukannya silahkan lanjutkan membaca artikel saya 2 Cara Memasang Bintang Rating di Posting Blog agar nantinya blog anda bisa muncul bintangnya. 

1.  Memasang bintang/rating dengan Outbrain.com

- Buka situs http://www.outbrain.com/getwidget

- Isi form yang disediakan, lalu pilih model widgetnya (lihat gambar dibawah ini)

Pilih Tipe widgetnya

 - Setelah siap, lalu geser ke pengaturan Platform (Pilih blogspot) atau pilih yang lain jika blog anda berplatform lain seperti Wordpress, Drupal, atau pilih Javascript jika akan anda pasang pada website buatan sendiri. 

Pilih platform, bahasa, dan klik Install

- Lalu, pilih Bahasa, dan klik Install.
- Selanjutnya tinggal memasang di Dashboard Blog kamu (tempatkan sesuai keinginan).

2. Memasang Rating bintang dari Domarate


Cara memasang Rating Bintang dari Domarate
- Buka situs http://domarate.com
- Pada kolom yang disediakan, masukkan domain situs/blog kamu
- Lalu klik Go

Masukkan domain situs/blog kamu

- Selanjutnya, kamu akan mendapatkan Script yang harus kamu pasang di blog kamu.

Ambil scriptnya

- Pasang saja Script kamu itu kedalam HTML template blog kamu. 

Pemasangannya terserah mau dimana, namun biasanya di atas atau dibawah kode <data:post.body/>

- Simpan Template, dan selesai.

NB: 

Bintang disini tidak ada kaitannya dengan meta tag blog atau bintang seperti pada Snippet atau yang biasa muncul di bawah link hasil SERP, namun bintang disini digunakan untuk mempercantik halaman dan bintang agar bisa diberi rating oleh Pengunjung.

Cara Membuat Background Warna Warni

Bila sobat tertarik dan ingin mencoba.cara ini juga tidak memerlukan edit template, jadi tinggal copy code nya dan tambahkan pada element Html/javascript blog sobat..

Berikut Kodenya

<script type='text/javascript'>

//CDATA[

/* JavaScript Kit (http://cyber-benyo.blogspot.com)*/

//Created Ageboy:

var bgcolorlist=new Array("#FFFFFF", "#B30000", "#EEFF00", "#11FF00", "#FF8A14", "#0008FF", "#4AFFF3", "#000")

document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]

//]]>

</script>

Simpan dan Selesai.

Sekarang coba lihat blog anda dan refresh.taraaa...jadi deh.kwkwkwk

Cara Memasang Tombol Google Plus Di Blog

Tutorial cara pasang google+1 di blog:

1. Login ke Akun Blogger kamu
2. Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)
4. Cari </head> kode (Biar gampang pake CTRL+F aja)
5. Letakkan script dibawah ini tepat diatas kode </head> tersebut.
   

   <script type="text/javascript" src="http://apis.google.com/js/plusone.js">
   {lang: 'id'}
   </script>

6. Kemudian letakkan Script dibawah ini ditempat yang anda inginkan.
   

   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='post-share-buttons' style='float:right;padding:4px;'>
   <g:plusone size='standard'/>
   </div>
   </b:if>

7. Selesei.

kamu bisa meletakkanya di sidebar maupun postingan blogmu. dan adapun jika kamu meletakkan dibawah postinganmu maka cari kode <data:post.body/> dan letakkan kode no 6 dibawah kode <data:post.body/>

Cara Membuat Gambar Berdampingan

Silahkan kamu beri kode html table pada Url Gambar kamu!

<table><tr>
<td>kode gambar1</td>
<td>kode gambar2</td>
</tr></table

Cara Menghilangkan Navbar Blogger

Masih bersikeras untuk menghilangkan navbar blogger? jika masih akan saya beritahu, akan tetapi resiko di tanggung masing-masing, saya tidak bertanggung jawab jika di kemudian hari terjadi sesuatu dengan blog sobat.

Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS :


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Atau bisa juga menaruh kode berikut persis di bawah kode <body> :


<style type='text/css'>
#navbar-iframe {display:none;}
</style>


Mau pilih yang mana? keduanya mempunyai fungsi yang sama yaitu menghilangkan navbar blogger. Masih bingung juga dalam pemasangan kode di atas? silahkan ikuti langkah-langkah berikut ini :

Untuk template klasik

1. Sign in di blogger
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman
5. Copy kode berikut lalu paste di atas kode </style>
/* hilangkan navbar ----------------------------- */ #navbar-iframe { height:0px; visibility:hidden; display:none }
6. Klik tombol Simpan Perubahan Template
7. Selesai.

Untuk template baru

1. Sign in di blogger
2. Klik menu Layout
3. Klik menu Edit HTML
4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data
5. Copy kode berikut lalu paste di atas kode ]]></b:skin>
/* hilangkan navbar ----------------------------- */ #navbar-iframe { height:0px; visibility:hidden; display:none }
6. Klik tombol Simpan Template
7. Selesai.

Selamat menikmati blog tanpa navbar !

Cara Menghilangkan Icon Tang dan Obeng di Blog

Login ke blogger dengan ID anda tentunya.
Klik Tata Letak.
Klik tab Edit HTML.
Cari kode seperti ini :



]]></b:skin>



Copy paste kode berikut persis di atas kode yang tadi :



.quickedit{
display:none;
}



Klik tombol Simpan template.

Selesai.

1. Login ke blogspot.
2. Klik Design/Rancangan.
3. Edit HTML.
4. Kemudian letakan kode dibawah ini di atas kode ]]></b:skin>
   

   #dafis-acc{
   font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#333;
   background:#ffffff;
   }
   .dafis-label {
   background: url("http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif") repeat-x scroll 0 0 #E1F4FB;
   border: 1px solid #2F94BA;
   color: #FFFFFF;
   cursor: pointer;
   font-weight: bold;
   line-height: 1.4em;
   margin: 1px 3px;
   outline: medium none;
   overflow: hidden;
   padding: 2px 10px;
   text-decoration: none;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
   vertical-align: baseline;
   white-space: nowrap;
   }
   .dafis-label:hover {
   background: url("http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif") repeat-x scroll 0 0 #E1F4FB;
   color: #003366;
   }
   .dafis-daf ol {
   margin: 0 0 0 30px !important;
   padding: 0 !important;
   }
   .dafis-daf ol li {
   background-color: #C9E9F4;
   border: 1px solid #339DC6;
   line-height: 1.5em;
   margin: 1px 3px !important;
   text-align: left;
   white-space: nowrap;
   }
   .dafis-daf ol li a {
   color: #333333 !important;
   display: block;
   padding-left: 10px;
   text-decoration: none !important;
   }
   .dafis-daf ol li a:hover {
   background: none repeat scroll 0 0 #7BC4DF;
   border-left: 5px solid #333333;
   padding-left: 5px;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
   }

5. Copy kode dibawah ini dan letakkan diatas kode </head>
   

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

   Tapi jika di blogmu sudah ada kode seperti ini maka kamu boleh meninggalkan langkah no 5 ini.
   
6. Jika sudah,copy dan paste kode dibawah ini,boleh kamu letakkan dalam postingan maupun widget blog kamu.
   

   <script type="text/javascript" src="http://infonetmu.googlecode.com/files/Acc1.js"></script>
   <script src="http://cyber-benyo.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

7. Ganti yang berwarna merah dengan URL blogmu.Selesei.

Mudah bukan? sulit ya? ya sudah,kalo mau yang gampang silahkan kamu copy kode dibawah ini,letakkan dipostingan kamu lalu terbitkn..

<style type='text/css'>
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript" src="http://infonetmu.googlecode.com/files/Acc1.js"></script>
<script src="http://cyber-benyo.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Ganti yang berwarna merah dengan URL blog kamu. selesei deh..

Cara memasang meta tag otomatis pada setiap postingan

Cara memasang meta tag otomatis pada setiap postingan:

• Login ke blogger sobat.
• Klik Rancangan.
• klik edit html.
• Cari kode dibawah ini:
  
  <title><data:blog.pageTitle/></title>
  
• Ganti kode diatas hapus lalu ganti dengan kode berikut :
  

  <b:if cond='data:blog.url == data:blog.homepageUrl'>
  <title><data:blog.pageTitle/></title>
  <meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK BLOG SOBAT'/>
  <meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI/KEYWORD KAMU'/> </b:if>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <title><data:blog.pageName/> | <data:blog.title/></title>
  <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
  <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
  </b:if>

• Simpan template kamu.

Jika kamu ingin menambahkan meta tag lagi agar mudah diindex mesin pencari tambahkan dengan kode dibawah ini!

<meta content='blogger' name='generator'/>
<meta content='Kumpulan teritorial' property='og:title'/>
<meta content='http://cyber-benyo.blogspot.com/' property='og:url'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='archive, follow' name='googlebot'/>
<meta content='kede verivikasi meta tag' name='y_key'/>
<meta content='all' name='audience'/>
<meta content='benyo' name='author'/>
<meta content='follow,all' name='robots'/>
<meta content='noodp' name='robots'/>
<meta content='Index, follow' name='Robots'/>
<meta content='General' name='Rating'/>
<meta content='KODE VERIFIKASI BINGWEBMASTER' name='msvalidate.01'/>
<META content='KODE VERIFIKASI YAHOOWEBMASTER' name='y_key'/>
<meta content='2 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='general' name='rating'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='Aeiwi, Alexa, AllTheWeb, AltaVista, AOL Netfind, Anzwers, Canada, DirectHit, EuroSeek, Excite, Overture, Go, Google, HotBot. InfoMak, Kanoodle, Lycos, MasterSite, National Directory, Northern Light, SearchIt, SimpleSearch, WebsMostLinked, WebTop, What-U-Seek, AOL, Yahoo, WebCrawler, Infoseek, Excite, Magellan, LookSmart, bing, CNET, Googlebot' name='search engines'/>

ganti yang berwarna merah,sesuaikan dengan blogmu,Nah,sekarang di blog kamu sudah terpasang meta tag secara otomatis..semoga sukses..