BUKU-TAMU
Tampilkan postingan dengan label Tutorial blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial blog. Tampilkan semua postingan

Kamis, 30 Agustus 2012

cara membuat widget twitter blog melayang

  • login blog.
  • klik rancangan.
  • klik tambah gadget.
  • lalu pilih HTML/javascript.
    masukan kode dibawah ini .


<style type="text/css">
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjm-wqEXsx6nTwAWz5l5JDYmIJ3fPQPN2FRg0wfxBe_ViZJy17I_mVax0HQbvAzy7AWyyh_6fCJQ5s-sTHqBUul02KbqlxMcw83G5srrdLTbLDpqQHwl-hHpdoiInL7uxDHgRHJC4-QPym/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjm-wqEXsx6nTwAWz5l5JDYmIJ3fPQPN2FRg0wfxBe_ViZJy17I_mVax0HQbvAzy7AWyyh_6fCJQ5s-sTHqBUul02KbqlxMcw83G5srrdLTbLDpqQHwl-hHpdoiInL7uxDHgRHJC4-QPym/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}

.barrightfacebook{background:url('http://i1101.photobucket.com/albums/g424/tiarmada/icontexto-inside-facebook50.png');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4S5FJRWhNlwfAYdDBhyphenhyphenBnXoVpObJS1T5jhbz2C_l1ARksFtm1K2d5yClJXyi6lvL1xbMm_pNU6ohxxqshSHwgTBRd16FeC2TdXx4xSBF_WizObi5OJggE9bogOUH2ANDlgvzpEeMK1Lkd/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>

<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">

<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 30000,
width: 250,
height: 300,
theme: {
shell: {
background: '#363832',
color: '#79bf28'
},
tweets: {
background: '#000000',
color: '#f5f5f5',
links: '#4aed05'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
behavior: 'all'
}
}).render().setUser('justiar_saputra').start();
</script>

</div>
</div>

KETERANGAN : gantilah kode yang berwarna MERAH dengan link nickname twitter anda.
lalu simpan ...
smoga bermanfaat..


Read More

Download Artikel Klik Gambar

Rabu, 29 Agustus 2012

ara membuat wmenu tab View

cara membuat menu tab view
Barusan posting cara memasang widget recent post atau postingan terbaru, komentar pertama yang diterima dari sahabat blogger pada postingan itu disertai lagi dengan pertanyaan cara membuat tabel, walau blm begitu ngerti jelas pertanyaannya mengarah ketabel yang mana? Mungkin yang ditanya, bagaimana cara membuat wmenu tab View atau justru tab view slide?

Baiklah anaa coba posting satu persatu, yang pertama bagaimana cara membuat menu tab view seperti diatas:
Seperti biasa dalam keadaan loggin, klik tata letak=> edit HTML
masukkan kode berikut pada bagian header, antara <head> dan </head>, kalau bingung letakkan saja dibawah kode <head>
<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/tabview.js' type="text/javascript"/>
kemudian letakkan kode berikut diatas kode ]]></b:skin>
/* Menu Tab View
----------------------------------------------- */
div.TabView div.Tabs {widht:100%;
padding-top: 0px;
height: 24px;
overflow: hidden;
}
/* Menu Utama */
div.TabView div.Tabs a {
float: left;
display: block;
width: 110px; /* ukuran lebar menu */
text-align: center;
height: 30px; /* ukuran tinggi menu */
padding-top: 7px;
margin-right:4px; /* jarak antarmenu */
vertical-align: middle;
border: 1px solid #ccc; /* warna border menu */
border-bottom-width: 0;
margin:0px;
padding: 5px 0;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;; /* besar hurup menu */
background-color: #4c4c4c; /* warna latar menu */
color: #FFFFFF; /* warna hurup menu */
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
}
div.TabView div.Tabs a.Active {
background-color: #FFFFFF; /* warna background menu aktif */
color: #000000;
}
div.TabView div.Tabs a:hover {
background-color: #999999; /* warna background menu hover */
color: #FFFFCC;
font-weight: bold;
}
/* Kotak Utama */
div.TabView div.Pages {
clear: both;
border: 1px solid #CCC; /* warna border kotak utama */
overflow: hidden;
background:#FFFFFF; /* background kotak utama */
}
div.TabView div.Pages div.Page {
height: 100%;
padding: 7px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad {
padding: 5px 0px;
font-size: 12px; /* besar hurup kotak utama */
}
Janganlupa simpan template. kemudian klik pada elemen halaman=> tambah gadget=> HTML/JavaSript=> copi dan paste code berikut dalam content:
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 100%;" class="Tabs"> 
Disini letakkan kode untuk menu tab 1 
</div>
<div style="width: 99%; height: 200px;" class="Pages">
<!--Awal Menu 1-->
<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 2 </div></div>
<!--Akhir Menu 1-->
<!--Awal Menu 2-->
<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 3 </div></div>
<!--Akhir Menu 2-->
<!--Awal Menu 3-->
<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 4 </div></div>
<!--Akhir Menu 3-->
</div></div></form>
<script type="text/javascript">tabview_initialize('TabView');</script>
<div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://amatullah83.blogspot.com/2009/11/cara-membuat-menu-tab-view.html" target="_blank" title="Tabview Widget">Widget by Indahnya Berbagi</a></div>
Silahkan sobat ganti dan edit kode diatas, judul tab dan untuk warna bisa lihat kodenya disini.
Save, kemudian save lagi. Liat blog untuk melihat hasilnya!
Read More

Download Artikel Klik Gambar

Minggu, 19 Agustus 2012

Arah Efek Hover Suatu Objek Dengan transform: translate


Situseo Blog : Begitu banyaknya jenis efek hover pada css tentu akan memberikan banyak pilihan, dibawah ini ada beberapa contoh efek hover suatu objek dalam berbagai arah, tentunya ini merupakan sebagian kecil dari banyaknya jenis efek hover pada css, semoga dengan variatifnya efek hover yang ada bisa menjadi masukan untuk menghasilkan suatu karya yang lebih unik.

Efek hover dibawah ini menggunakan transform:translate untuk menghasilkan efek hover pada suatu objek ke arah Kiri, Kanan, Atas, Bawah, Kiri Atas, Kiri Bawah, Kanan Atas dan Kanan Bawah atau bisa disebut 8 arah mata angin. Efek hover ini berjalan halus karena dengan tambahan efek transition pada scriptnya, bagaimana hasil dari efek hover tersebut?. Sebaiknya untuk melihat hasil secara maksimal untuk efek ini pergunakan google chrome sebagai browsernya.

Efek Hover Arah Kiri Untuk Objek


Objek


.dalang_kiri: {
background: #808080;
color: #666;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 12px;
border-radius: 3px;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
transition: all 0.65s ease-in-out;
}
.dalang_kiri:hover {
-webkit-transform: translate(-50px, 0px);
-moz-transform: translate(-50px, 0px);
-o-transform: translate(-50px, 0px);
-transform: translate(-50px, 0px);
}

transition merupakan jangka waktu perpindahan suatu objek yang diukur dengan second, lebih besar angkanya akan menghasilkan efek perpindahan lebih lambat. Untuk script css selanjutnya saya anggap kode transition ada didalamnya.

Efek Hover Arah Kanan Untuk Objek


Objek


.dalang_kanan:hover {
-webkit-transform: translate(50px, 0px);
-moz-transform: translate(50px, 0px);
-o-transform: translate(50px, 0px);
-transform: translate(50px, 0px);
}

Efek Hover Arah Atas Untuk Objek


Objek


.dalang_atas:hover {
-webkit-transform: translate(0px, -50px);
-moz-transform: translate(0px, -50px);
-o-transform: translate(0px, -50px);
-transform: translate(0px, -50px);
}

Efek Hover Arah Bawah Untuk Objek


Objek


.dalang_bawah:hover {
-webkit-transform: translate(0px, 50px);
-moz-transform: translate(0px, 50px);
-o-transform: translate(0px, 50px);
-transform: translate(0px, 50px);
}

Efek Hover Arah Kiri Atas Untuk Objek


Objek


.dalang_kiriatas:hover {
-webkit-transform: translate(-50px, -50px);
-moz-transform: translate(-50px, -50px);
-o-transform: translate(-50px, -50px);
-transform: translate(-50px, -50px);
}

Efek Hover Arah Kiri Bawah Untuk Objek


Objek


.dalang_kiribawah:hover {
-webkit-transform: translate(-50px, 50px);
-moz-transform: translate(-50px, 50px);
-o-transform: translate(-50px, 50px);
-transform: translate(-50px, 50px);
}

Efek Hover Arah Kanan Atas Untuk Objek


Objek


.dalang_kananatas:hover {
-webkit-transform: translate(50px, -50px);
-moz-transform: translate(50px, -50px);
-o-transform: translate(50px, -50px);
-transform: translate(50px, -50px);
}

Efek Hover Arah Kanan Bawah Untuk Objek


Objek


.dalang_kananbawah:hover {
-webkit-transform: translate(50px, 50px);
-moz-transform: translate(50px, 50px);
-o-transform: translate(50px, 50px);
-transform: translate(50px, 50px);
}

Itulah sedikit contoh efek hover transform: translate dari 8 arah pergeseran yang bisa dipergunakan untuk mempercantik tampilan efek blog.

Semoga bermnafaat,
Read More

Download Artikel Klik Gambar

Test Kecepatan Blog Kamu disini

By Gustiar












Masukin alamat blogmu disini: maksimal 10 url






(contoh: www.maduwebsite.co.cc)



Read More

Download Artikel Klik Gambar

Jumat, 17 Agustus 2012

Memasang Rating bintang Voting Blog

  Rating bintang untuk memberikan penilaian terhadap isi suatu post, baik atau tidaknya isi suatu post akan digambarkan melalui rating bintang ini, rating bintang ini tampilannya lebih baik dari pada rating bintang yang disediakan oleh pihak blogger.

Menurut saya keakuratan penilaian melalui rating bintang ini baik, karena tiap pengunjung hanya dapat memberikan penilaian satu kali pada setiap postnya, walaupun pada dasarnya bisa diklik beberapa kali, rating bintang ini hanya akan menampilkan satu penilaian. Blogger pada dasarnya sudah menyediakan fitur rating bintang, kita hanya diberi pilihan mau menampilkannya (memakai) atau tidak. Rating bintang yang akan dibahas ini adalah rating bintang yang bukan bawaan dari blogger dan menurut saya dari segi tampilannya lebih menarik, walaupun kinerjanya sama dengan rating bintang yang disediakan oleh pihak blogger, jika tertarik untuk memasangnya, kalian bisa mengikuti caranya seperti dibawah ini :

  • Masuk Design - Edit HTML
  • Ceklist Expand Widget Templates
  • Jika perlu lakukan backup template, dengan cara mendownload full template untuk menghindari kesalahan yang dilakukan.
  • Cari kode </body> dan letakan script dibawah ini diatas kode </body>
<script src="http://js-kit.com/ratings.js"></script>

Kemudian letakan script dibawah ini :

<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating" expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title"></div>

Dibawah <div class='post-header-line-1'/> atau diatas kode<data:post.body/> jika ingin ditampilkan dibawah judul post atau diatas bagian posting, untuk menempatkan dibawah bagian post, letakan kode tersebut dibawahkode <data:post.body/>

Save template kalian, dan rating bintang pada blog sudah bisa dipergunakan.
Read More

Download Artikel Klik Gambar

CARA MEMBUAT RELATED POST / ARTIKEL TERKAIT


Jika Ada yang belum tahu artikel terkait itu apa silahkan lihat di blog ini pada bagian akhir artikel saya ini ada tulisan Artikel Terkait. Fungsinya selain untuk seo, related post / artikel terkait ini juga membantu pengunjung untuk membaca yang lain mungkin yang belum di ketahuinya. Hal ini menyebabkan pengunjung bisa betah berada di blog kita.
Langsung saja cara membuat related post / artikel terkait :
Masuk blogger > rancangan > edit html > centang expand template widget
cari kode </head> kemudian letakkan script di bawah ini tepat di atas kode </head>
<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>
Kemudian cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah kode <data:post.body/>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
Terakhir simpan template. 
Read More

Download Artikel Klik Gambar

Senin, 06 Agustus 2012

Memasang sharing is sexy menggunakan j-query

Halo sobat blogger..
Ketemu lagi di blog DEWATA ini. Dan pada kesempatan kali ini saya akan membagikan cara membuat tombolsharing is sexy menggunakan j-query, sebelumnya saya sudah membuat postingan yang juga menggunakan J-query yaitu cara membuat Tooltip dengan jQuery namun kali ini perbedaanya adalah, kita akan membuat Tombol Sharing Is Sexy Keren Dengan J-query dimana pada tombol share/Situs Bookmarknya itu jauh lebih banyak, namun yang nampak/terlihat hanya baris teratas/pertama jadi tidak terlalu memakan tempat, nah disinilah fungsi J-query yang akan menyembunyikan sebagian tombol dan akan terlihat setelah kursor diarahkan ke tombol tersebut.

DEMO

Download movie,single/album mp3,software full version,artikel,tutorial,blogspot,forex,businesses,health,blogger,news atau berita indonesia
 
Untuk mebuatnya, Silahkan ikuti langkah-langkah dibawah ini.

1. Masuk dulu ke akun blogger anda
2. Setelah berada di Dashboard Klik Design --> Edit HTML
3. Backup Dulu Template anda dengan mengKlik Download Full Template
3. Centang Expand Template Widget
4. Cari Kode </head>
5. Copy kode di bawah lalu paste di Bawah/Sesudah kode </head>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js' type='text/javascript' /> <link href='http://bloggerblogwidgets.googlecode.com/svn/trunk/auto-hide-social-bookmarking-way2blogging.css' rel='stylesheet' type='text/css' /> <script type="text/javascript">     jQuery(document).ready(function() {         jQuery('.sexy-bookmarks a.external').attr("target", "_blank");         var sexyBaseHeight = jQuery('.sexy-bookmarks').height();         var sexyFullHeight = jQuery('.sexy-bookmarks ul.socials').height();         if (sexyFullHeight > sexyBaseHeight) {             jQuery('.sexy-bookmarks-expand').hover(             function() {                 jQuery(this).animate({                     height: sexyFullHeight + 15 + 'px'                 }, {                     duration: 800,                     queue: false                 });             }, function() {                 jQuery(this).animate({                     height: sexyBaseHeight + 'px'                 }, {                     duration: 800,                     queue: false                 });             });         }         if (jQuery('.sexy-bookmarks-center')) {             var sexyFullWidth = jQuery('.sexy-bookmarks').width();             var sexyBookmarkWidth = jQuery('.sexy-bookmarks:first ul.socials li').width();             var sexyBookmarkCount = jQuery('.sexy-bookmarks:first ul.socials li').length;             var numPerRow = Math.floor(sexyFullWidth / sexyBookmarkWidth);             var sexyRowWidth = Math.min(numPerRow, sexyBookmarkCount) * sexyBookmarkWidth;             var sexyLeftMargin = (sexyFullWidth - sexyRowWidth) / 2;             jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin + 'px');         }     }); </script>


6. Kemudian untuk menepatkannya di bawah postingan cari kode <data:post.body/>
7. Copy-Paste kode HTML di bawah ini tepat Sebelum/di bawah kode <data:post.body/>

    <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='post-width-w2b' style='width:600px;'>  <div class='sexy-bookmarks-bg-caring  sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center '>   <ul class='socials'>    <li class='sexy-yahoomail'>    <a class='external' expr:href='&quot;http://compose.mail.yahoo.com/?Subject= &quot; + data:post.title + &quot;&amp;body=Link:&quot;+ data:post.url' rel='nofollow' title='Email this via Yahoo! Mail'/>    </li>    <li class='sexy-gmail'>    <a class='external' expr:href='&quot;https://mail.google.com/mail/?ui=2&amp;view=cm&amp;fs=1&amp;tf=1&amp;su=&quot; + data:post.title + &quot;&amp;body=Link:&quot; + data:post.url' rel='nofollow' title='Email this via Gmail'/>    </li>    <li class='sexy-twitter'>    <a class='external' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' title='Tweet This!'/>    </li>    <li class='sexy-facebook'>    <a class='external' expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Share this on Facebook'/>    </li>    <li class='sexy-linkedin'>    <a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow' title='Share this on LinkedIn'/>    </li>    <li class='sexy-googlebuzz'>    <a class='external' expr:href='&quot;http://www.google.com/buzz/post?url=&quot; + data:post.url + &quot;&amp;imageurl=&quot;' rel='nofollow' title='Post on Google Buzz'/>    </li>    <li class='sexy-yahoobuzz'>    <a class='external' expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url + &quot;&amp;submitHeadline=&quot; + data:post.title + &quot;&amp;submitSummary=&amp;submitCategory=science&amp;submitAssetType=text&quot;' rel='nofollow' title='Buzz up!'/>    </li>    <li class='sexy-blogger'>    <a class='external' expr:href='&quot;http://www.blogger.com/blog_this.pyra?t&amp;u=&quot; + data:post.url + &quot;&amp;n=&quot; + data:post.title + &quot;&amp;pli=1&quot;' rel='nofollow' title='Blog this on Blogger'/>    </li>    <li class='sexy-googlebookmarks'>    <a class='external' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to Google Bookmarks'/>    </li>    <li class='sexy-googlereader'>    <a class='external' expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcUrl=&quot; + data:post.url + &quot;&amp;srcTitle=&quot; + data:post.title + &quot;&amp;snippet=&quot;' rel='nofollow' title='Add this to Google Reader'/>    </li>    <li class='sexy-stumbleupon'>    <a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'/>    </li>    <li class='sexy-delicious'>    <a class='external' expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on del.icio.us'/>    </li>    <li class='sexy-digg'>    <a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Digg this!'/>    </li>    <li class='sexy-comfeed'>    <a class='external' expr:href='data:blog.homepageUrl + &quot;feeds/&quot; + data:post.id + &quot;/comments/default?alt=rss&quot;' rel='nofollow' title='Subscribe to the comments for this post?'/>    </li>    <li class='sexy-orkut'>    <a class='external' expr:href='&quot;http://promote.orkut.com/preview?nt=orkut.com&amp;tt=&quot; + data:post.title + &quot;&amp;du=&quot; + data:post.url + &quot;&amp;cn=&quot;' rel='nofollow' title='Promote this on Orkut'/>    </li>    <li class='sexy-designbump'>    <a class='external' expr:href='&quot;http://designbump.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;body=&quot;' rel='nofollow' title='Bump this on DesignBump'/>    </li>    <li class='sexy-reddit'>    <a class='external' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on Reddit'/>    </li>    <li class='sexy-designfloat'>    <a class='external' expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit this to DesignFloat'/>    </li>    <li class='sexy-friendfeed'>    <a class='external' expr:href='&quot;http://www.friendfeed.com/share?title=&quot; + data:post.title + &quot;&amp;link=&quot; + data:post.url ' rel='nofollow' title='Share this on FriendFeed'/>    </li>    <li class='sexy-zabox'>    <a class='external' expr:href='&quot;http://www.zabox.net/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Box this on Zabox'/>    </li>    <li class='sexy-dzone'>    <a class='external' expr:href='&quot;http://www.dzone.com/links/add.html?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;description=&quot;' rel='nofollow' title='Add this to DZone'/>    </li>    <li class='sexy-webblend'>    <a class='external' expr:href='&quot;http://thewebblend.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;body=&quot;' rel='nofollow' title='Blend this!'/>    </li>    <li class='sexy-propeller'>    <a class='external' expr:href='&quot;http://www.propeller.com/submit/?url=&quot; + data:post.url ' rel='nofollow' title='Submit this story to Propeller'/>    </li>    <li class='sexy-tumblr'>    <a class='external' expr:href='&quot;http://www.tumblr.com/share?v=3&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' rel='nofollow' title='Share this on Tumblr'/>    </li>    <li class='sexy-squidoo'>    <a class='external' expr:href='&quot;http://www.squidoo.com/lensmaster/bookmark?&quot; + data:post.url ' rel='nofollow' title='Add to a lense on Squidoo'/>    </li>    <li class='sexy-posterous'>    <a class='external' expr:href='&quot;http://posterous.com/share?linkto=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;selection=&quot;' rel='nofollow' title='Post this to Posterous'/>    </li>    <li class='sexy-technorati'>    <a class='external' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url ' rel='nofollow' title='Share this on Technorati'/>    </li>    <li class='sexy-hotmail'>    <a class='external' expr:href='&quot;http://mail.live.com/?rru=compose?subject=&quot; + data:post.title + &quot;&amp;body=Link: &quot; + data:post.url ' rel='nofollow' title='Email this via Hotmail'/>    </li>    <li class='sexy-bebo'>    <a class='external' expr:href='&quot;http://www.bebo.com/c/share?Url=&quot; + data:post.url + &quot;&amp;Title=&quot; + data:post.title ' rel='nofollow' title='Share this on Bebo'/>    </li>    <li class='sexy-bitacoras'>    <a class='external' expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url ' rel='nofollow' title='Submit this to Bitacoras'/>    </li>    <li class='sexy-blinklist'>    <a class='external' expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=&quot; + data:post.url + &quot;&amp;Title=&quot; + data:post.title ' rel='nofollow' title='Share this on Blinklist'/>    </li>    <li class='sexy-100zakladok'>    <a class='external' expr:href='&quot;http://www.100zakladok.ru/save/?bmurl=&quot; + data:post.url + &quot;&amp;bmtitle=&quot; + data:post.title ' rel='nofollow' title='Add this to 100 bookmarks'/>    </li>    <li class='sexy-blogengage'>    <a class='external' expr:href='&quot;http://www.blogengage.com/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Engage with this article!'/>    </li>    <li class='sexy-blogmarks'>    <a class='external' expr:href='&quot;http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Mark this on BlogMarks'/>    </li>    <li class='sexy-bobrdobr'>    <a class='external' expr:href='&quot;http://bobrdobr.ru/addext.html?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on BobrDobr'/>    </li>    <li class='sexy-bonzobox'>    <a class='external' expr:href='&quot;http://bonzobox.com/toolbar/add?pop=1&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title + &quot;&amp;d=&quot;' rel='nofollow' title='Add this to BonzoBox'/>    </li>    <li class='sexy-boxnet'>    <a class='external' expr:href='&quot;https://www.box.net/api/1.0/import?url=&quot; + data:post.url + &quot;&amp;name=&quot; + data:post.title + &quot;&amp;description=&amp;import_as=link&quot;' rel='nofollow' title='Add this link to Box.net'/>    </li>    <li class='sexy-current'>    <a class='external' expr:href='&quot;http://current.com/clipper.htm?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Post this to Current'/>    </li>    <li class='sexy-diigo'>    <a class='external' expr:href='&quot;http://www.diigo.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;desc=&quot;' rel='nofollow' title='Post this on Diigo'/>    </li>    <li class='sexy-ekudos'>    <a class='external' expr:href='&quot;http://www.ekudos.nl/artikel/nieuw?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;desc=&quot;' rel='nofollow' title='Submit this to eKudos'/>    </li>    <li class='sexy-evernote'>    <a class='external' expr:href='&quot;http://www.evernote.com/clip.action?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Clip this to Evernote'/>    </li>    <li class='sexy-faqpal'>    <a class='external' expr:href='&quot;http://www.faqpal.com/submit?url=&quot; + data:post.url ' rel='nofollow' title='Submit this to FAQpal'/>    </li>    <li class='sexy-fwisp'>    <a class='external' expr:href='&quot;http://fwisp.com/submit?url=&quot; + data:post.url ' rel='nofollow' title='Share this on Fwisp'/>    </li>    <li class='sexy-globalgrind'>    <a class='external' expr:href='&quot;http://globalgrind.com/submission/submit.aspx?url=&quot; + data:post.url + &quot;&amp;type=Article&amp;title=&quot; + data:post.title ' rel='nofollow' title='Grind this! on Global Grind'/>    </li>    <li class='sexy-hackernews'>    <a class='external' expr:href='&quot;http://news.ycombinator.com/submitlink?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' rel='nofollow' title='Submit this to Hacker News'/>    </li>    <li class='sexy-hatena'>    <a class='external' expr:href='&quot;http://b.hatena.ne.jp/add?mode=confirm&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Bookmarks this on Hatena Bookmarks'/>    </li>    <li class='sexy-hyves'>    <a class='external' expr:href='&quot;http://www.hyves.nl/profilemanage/add/tips/?name=&quot; + data:post.title + &quot;&amp;text=Text about this site+-+&quot; + data:post.url + &quot;&amp;rating=5&quot;' rel='nofollow' title='Share this on Hyves'/>    </li>    <li class='sexy-identica'>    <a class='external' expr:href='&quot;http://identi.ca//index.php?action=newnotice&amp;status_textarea=Reading:&quot; + data:post.title + &quot;+-+from+&quot; + data:post.url ' rel='nofollow' title='Post this to Identica'/>    </li>    <li class='sexy-izeby'>    <a class='external' expr:href='&quot;http://izeby.com/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Add this to Izeby'/>    </li>    <li class='sexy-jumptags'>    <a class='external' expr:href='&quot;http://www.jumptags.com/add/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit this link to JumpTags'/>    </li>    <li class='sexy-kaevur'>    <a class='external' expr:href='&quot;http://kaevur.com/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Share this on Kaevur'/>    </li>    <li class='sexy-mail'>    <a class='external' expr:href='&quot;mailto:?subject=%22&quot; + data:post.title + &quot;%22&amp;body=Link: &quot; + data:post.url + &quot; (sent via Way2blogging) &quot;' rel='nofollow' title='Email this to a friend?'/>    </li>    <li class='sexy-memoryru'>    <a class='external' expr:href='&quot;http://memori.ru/link/?sm=1&amp;u_data[url]=&quot; + data:post.url + &quot;&amp;u_data[name]=&quot; + data:post.title ' rel='nofollow' title='Add this to Memory.ru'/>    </li>    <li class='sexy-meneame'>    <a class='external' expr:href='&quot;http://meneame.net/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Submit this to Meneame'/>    </li>    <li class='sexy-misterwong'>    <a class='external' expr:href='&quot;http://www.mister-wong.com/addurl/?bm_url=&quot; + data:post.url + &quot;&amp;bm_description=&quot; + data:post.title + &quot;&amp;plugin=sexybookmarks&quot;' rel='nofollow' title='Add this to Mister Wong'/>    </li>    <li class='sexy-moemesto'>    <a class='external' expr:href='&quot;http://moemesto.ru/post.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to MyPlace'/>    </li>    <li class='sexy-mylinkvault'>    <a class='external' expr:href='&quot;http://www.mylinkvault.com/link-page.php?u=&quot; + data:post.url + &quot;&amp;n=&quot; + data:post.title ' rel='nofollow' title='Store this link on MyLinkVault'/>    </li>    <li class='sexy-myspace'>    <a class='external' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' rel='nofollow' title='Post this to MySpace'/>    </li>    <li class='sexy-n4g'>    <a class='external' expr:href='&quot;http://www.n4g.com/tips.aspx?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit tip to N4G'/>    </li>    <li class='sexy-netvibes'>    <a class='external' expr:href='&quot;http://www.netvibes.com/share?title=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url ' rel='nofollow' title='Submit this to Netvibes'/>    </li>    <li class='sexy-netvouz'>    <a class='external' expr:href='&quot;http://www.netvouz.com/action/submitBookmark?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;popup=no&quot;' rel='nofollow' title='Submit this to Netvouz'/>    </li>    <li class='sexy-newsvine'>    <a class='external' expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot; + data:post.url + &quot;&amp;h=&quot; + data:post.title ' rel='nofollow' title='Seed this on Newsvine'/>    </li>    <li class='sexy-ning'>    <a class='external' expr:href='&quot;http://bookmarks.ning.com/addItem.php?url=&quot; + data:post.url + &quot;&amp;T=&quot; + data:post.title ' rel='nofollow' title='Add this to Ning'/>    </li>    <li class='sexy-nujij'>    <a class='external' expr:href='&quot;http://nujij.nl/jij.lynkx?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.url + &quot;&amp;b=&quot;' rel='nofollow' title='Submit this to NUjij'/>    </li>    <li class='sexy-oknotizie'>    <a class='external' expr:href='&quot;http://oknotizie.virgilio.it/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on OkNotizie'/>    </li>    <li class='sexy-pfbuzz'>    <a class='external' expr:href='&quot;http://pfbuzz.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on PFBuzz'/>    </li>    <li class='sexy-pingfm'>    <a class='external' expr:href='&quot;http://ping.fm/ref/?link=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;body=&quot;' rel='nofollow' title='Ping this on Ping.fm'/>    </li>    <li class='sexy-plaxo'>    <a class='external' expr:href='&quot;http://www.plaxo.com/?share_link=&quot; + data:post.url ' rel='nofollow' title='Share this on Plaxo'/>    </li>    <li class='sexy-plurk'>    <a class='external' expr:href='&quot;http://www.plurk.com/m?content=9+beautiful+web+forms+for+free+download+-+&quot; + data:post.url + &quot;&amp;qualifier=shares&quot;' rel='nofollow' title='Share this on Plurk'/>    </li>    <li class='sexy-printfriendly'>    <a class='external' expr:href='&quot;http://www.printfriendly.com/print?url=&quot; + data:post.url ' rel='nofollow' title='Send this page to Print Friendly'/>    </li>    <li class='sexy-pusha'>    <a class='external' expr:href='&quot;http://www.pusha.se/posta?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Push this on Pusha'/>    </li>    <li class='sexy-scriptstyle'>    <a class='external' expr:href='&quot;http://scriptandstyle.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit this to Script &amp; Style'/>    </li>    <li class='sexy-slashdot'>    <a class='external' expr:href='&quot;http://slashdot.org/bookmark.pl?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit this to SlashDot'/>    </li>    <li class='sexy-sphinn'>    <a class='external' expr:href='&quot;http://sphinn.com/index.php?c=post&amp;m=submit&amp;link=&quot; + data:post.url ' rel='nofollow' title='Sphinn this on Sphinn'/>    </li>    <li class='sexy-springpad'>    <a class='external' expr:href='&quot;http://springpadit.com/clip.action?body=&amp;url=&quot; + data:post.url + &quot;&amp;format=microclip&amp;title=&quot; + data:post.title + &quot;&amp;isselected=true&quot;' rel='nofollow' title='Spring this on SpringPad'/>    </li>    <li class='sexy-strands'>    <a class='external' expr:href='&quot;http://www.strands.com/tools/share/webpage?title=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url ' rel='nofollow' title='Submit this to Strands'/>    </li>    <li class='sexy-stumpedia'>    <a class='external' expr:href='&quot;http://www.stumpedia.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to Stumpedia'/>    </li>    <li class='sexy-techmeme'>    <a class='external' expr:href='&quot;http://twitter.com/home/?status=Tip+@Techmeme+&quot; + data:post.url + &quot;--&quot; + data:post.title + &quot;&amp;source=Way2blogging&quot;' rel='nofollow' title='Tip this to TechMeme'/>    </li>    <li class='sexy-tipd'>    <a class='external' expr:href='&quot;http://tipd.com/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Share this on Tipd'/>    </li>    <li class='sexy-tomuse'>    <a class='external' expr:href='&quot;mailto:tips@tomuse.com?subject=&quot; + data:post.title + &quot;&amp;body=Link: &quot; + data:post.url ' rel='nofollow' title='Suggest this article to ToMuse'/>    </li>    <li class='sexy-twittley'>    <a class='external' expr:href='&quot;http://twittley.com/submit/?title=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;desc=&amp;pcat=Technology&amp;tags=&quot;' rel='nofollow' title='Submit this to Twittley'/>    </li>    <li class='sexy-viadeo'>    <a class='external' expr:href='&quot;http://www.viadeo.com/shareit/share/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;urlaffiliate=31138&quot;' rel='nofollow' title='Share this on Viadeo'/>    </li>    <li class='sexy-virb'>    <a class='external' expr:href='&quot;http://virb.com/share?external&amp;v=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on Virb'/>    </li>    <li class='sexy-wikio'>    <a class='external' expr:href='&quot;http://www.wikio.com/sharethis?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on Wikio'/>    </li>    <li class='sexy-wykop'>    <a class='external' expr:href='&quot;http://www.wykop.pl/dodaj?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to Wykop!'/>    </li>    <li class='sexy-xerpi'>    <a class='external' expr:href='&quot;http://www.xerpi.com/block/add_link_from_extension?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Save this to Xerpi'/>    </li>    <li class='sexy-yandex'>    <a class='external' expr:href='&quot;http://zakladki.yandex.ru/userarea/links/addfromfav.asp?bAddLink_x=1&amp;lurl=&quot; + data:post.url + &quot;&amp;lname=&quot; + data:post.title ' rel='nofollow' title='Add this to Yandex.Bookmarks'/>    </li>    <li class='sexy-way2blogging'>    <a class='external' href='http://dharla-ferdana.blogspot.com' rel='follow' title='Grab this Widget'></a>    </li>   </ul>   <div class='sexy-link'>   </div>  </div> </div> </b:if>

8. Save Dan Lihat Hasilnya 

Catatan :
Untuk mengubah gambar / tulisan yang berada di atas tombol, atau merubah ukurannya agar sesuai pada template blog anda, cukup mengganti kode yang saya tandai berwarna Biru pada bagian Kode HTML di atas contoh :

     <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='post-width-w2b' style='width:600px;'>  <div class='sexy-bookmarks-bg-caring  sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center '>

Beberapa Pilihan  :

sexy-bookmarks-bg-sexy

sexy-bookmarks-bg-enjoy

sexy-bookmarks-bg-caring-old

sexy-bookmarks-bg-love

sexy-bookmarks-bg-wealth

sexy-bookmarks-bg-caring


Read More

Download Artikel Klik Gambar

Membuat Breadcrumb di BLOG


Membuat Breadcrumb Google di Blogger
. Memasang atau membuat google breadcrumb ini sangat penting dan sangat dibutuhkan untuk sebuah blog karena dengan memasang google breadcrumb, dapat menutupi salah satu kekurangan blogger yaitu alamat url posting yang terbatas dan kadang terlihat kurang bagus. Selain itu, dengan Google breadcrumb akan membuat blog kita di search engine google lebih terlihat rapi. Coba sobat lihat contoh Google Breadcrumb di bawah ini.

Cara Membuat Breadcrumb Google di Blogger

Membuat Breadcrumb Google di Blogger

Pada artikel Membuat Breadcrumb Google di Blogger ini menampilkan semua label yang ada pada sebuah postingan, jadi akan terlihat lebih sempurna lagi dan cepat terindex di SERP [Search Engine Results Page]. Perlu diingat, jika sobat memiliki label yang banyak pada sebuah postingan atau mungkin postingan tersebut memiliki label yang cukup panjang, maka ini akan terlihat sedikit jelek. Usahakan jangan terlalu banyak label dan jangan terlalu panjang membuat label. Bagi yang berminat, silahkan ikuti langkah-langkah berikut ini.

Cara Memasang Breadcrumb Google di Blogspot / Blogger
  • Langkah pertama sobat login dulu ke blog, itu pasti. kwa kwa kwa,,
  • Seperti biasa, kita langsung menuju halaman Design [Rancangan] » Edit HTML » Ceklis Expand Widget Templates (jangan lupa selalu backup template sebelum editing). Jika sobat menggunakan tampilan baru, silahkan klik Template » Edit HTML » Lanjutkan » Ceklis Expand Widget Templates.
  • Jika sobat telah memasang kode breadcrumb sebelumnya, silahkan delete [hapus] dulu.
  • Kemudian sobat cari kode <b:include data='top' name='status-message'/> biasanya ada 2 kode tersebut. Kalau sudah di temukan, silahkan paste kode berikut ini tepat di atasnya (paste aja di atas 2 kode yang sobat temukan biar tidak bingung).
<b:include data='posts' name='breadcrumb'/>
  • Sekarang cari kode <b:includable id='main' var='top'> dan kalau sudah ketemu, paste kode berikut tepat di atas kode <b:includable id='main' var='top'>
<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 www.wakrizki.net -->
<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 and search pages www.wakrizki.net -->
<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>
Sampai tahap ini silahkan simpan template sobat. Taraaaaaa, sobat berhasil Membuat Breadcrumb Google di Blogger.

Untuk mempercantik Breadcrumb google yang sudah sobat buat, sekarang tambahkan sedikit sentuhan CSS berikut ini yang perlu sobat tambahkan di atas kode ]]></b:skin>
.breadcrumbs{
      margin-left:10px;
      padding: 5px 0;
      border-bottom: 1px dotted;
      line-height:1.4em;
      }
Itu saja artikel blogger kali ini dan mudah-mudahan bermanfaat buat para sobat blogger. Happy blogging..

Read More

Download Artikel Klik Gambar