Flamboyan68 - Salam sejahtera buat kawan blogger. Tidak ada hal yang baru dalam postingan malam ini, akan tetapi hanyalah artikel yang diperbaharui sebagai cara update blog yang tiada lain hanya untuk mendapatkan pujian dalam bentuk penurunan angka-angka dari mesin analis Alexa hehehe.

Artikel yang saya akan perbaharui yaitu Menu Dropdown Navigasi di Atas Header Blog yang barang tentu saya yakini artikel ini masih di perlukan oleh para newbie khususnya dan yang membutuhkan pada umumnya hehe..

Untuk pemasangan kodenya cukup mudah dan sobat bisa mengikuti tutorialnya di bawah ini :

(+) Seperti biasa sobat harus berada di akun dashboard blogger sobat

(+) Sobat pilih dan Klik Template > Edit HTML (catatan : jangan lupa backup dulu template sobat untuk menghindari kesalahan dalam pemasangan kode cssnya dan bisa recovery template) 

(+)  Sobat cari kode  ]]></b:skin>

(+)  Kemudian copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>  

#catmenucontainer{
height:33px;
width:1030px;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLaKkcZuQ9mFSUPpe-ydHnA-5Pw-l3K2njtoNFNnd5JX16kCha7i1DOaE4UFRRe9UfGWO4ttXltsBitYbTxw0K0S_eDGpSjXsim4fKtBsHhgRwP6Ek9Vmjwm6HDucGI2k57uU0VTHate7t/) repeat-x;
display:block;
padding:0px 0 0px 0px;
font-size:12px;
font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:normal;
border-top:1px solid #252424;
}
#catmenu{
margin: 0px;
padding: 0px;
width:1030px;
background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLaKkcZuQ9mFSUPpe-ydHnA-5Pw-l3K2njtoNFNnd5JX16kCha7i1DOaE4UFRRe9UfGWO4ttXltsBitYbTxw0K0S_eDGpSjXsim4fKtBsHhgRwP6Ek9Vmjwm6HDucGI2k57uU0VTHate7t/) repeat-x;
height:33px;
}
#catmenu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#catmenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
color: #fae7df;
display: block;
margin: 0px;
padding: 9px 10px 10px 10px;
}
#catmenu li a:hover, #catmenu li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4htOcFp0FxhBE1PhzUakFmXtRR9SqC-djXneLHpqYbXTi7yANo2EVhhh_ROAr0zi1kPc41BUVp2I3EQn9dKeDRLQ8Xdv7YXDIuNPBVVGLVmDQXxLHWhFajdMozWNDx50becQNld3yB3k0/) repeat-x;
color: #b0c4de;
margin: 0px;
padding: 9px 10px 10px 10px;
text-decoration: none;
}
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background:#ED4A05;
width: 150px;
color: #fae7df;
font-family:Tahoma,century gothic,Georgia, sans-serif;
font-weight: normal;
float: none;
margin: 0px;
padding: 9px 10px 10px 10px;
border-bottom: 1px solid #FF7800;
}
#catmenu li li a:hover, #catmenu li li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4htOcFp0FxhBE1PhzUakFmXtRR9SqC-djXneLHpqYbXTi7yANo2EVhhh_ROAr0zi1kPc41BUVp2I3EQn9dKeDRLQ8Xdv7YXDIuNPBVVGLVmDQXxLHWhFajdMozWNDx50becQNld3yB3k0/) repeat-x;
color: #fff;
padding: 9px 10px 10px 10px;
}
#catmenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}
#catmenu li li {
}
#catmenu li ul a {
width: 140px;
}
#catmenu li ul a:hover, #catmenu li ul a:active {
}
#catmenu li ul ul {
margin: -34px 0 0 170px;
}
#catmenu li:hover ul ul, #catmenu li:hover ul ul ul,
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
left: -999em;
}
#catmenu li:hover ul, #catmenu li li:hover ul,
#catmenu li li li:hover ul, #catmenu li.sfhover ul,
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
left: auto;
}
#catmenu li:hover, #catmenu li.sfhover {
position: static;
}

 

Kode tulisan warna merah silahkan ganti sesuai dengan lebar header template sobat, kode warna merah menunjukan lebar header blog.

(+) Lalu sobat cari lagi kode  <div id='header-wrapper'>  

(+) Ganti kode # yang berwarna hijau dengan link sobat berikut warna biru judul menu (menu - submenu) sebagai judul/nama dari link sobat.

(+) Terakhir Simpan Template

(+) DONE!!!

Demikian ulasan tentang Menu Dropdown Navigasi di Atas Header Blog, silahkan sobat baca juga  artikel lain tentang :

• Cara Membuat Menu dan Sub Menu Dropdown di Blog

• Cara Membuat Tab Menu Horizontal Di Atas Header Blog

• Cara Mudah Membuat Menu Bar Dropdown Di Blog

 
Selamat mencoba semoga bermanfaat dan happy blogging ..!! 

Flamboyan68 - Penambahan ruang kolom di bawah footer banyak sekali fungsinya salah satunya adalah sebagai ruang ideal untuk meletakan script iklan banner ukuran besar. Dan bisa digunakan untuk penyimpanan widgets yang sesuai dengan template sobat blogger, tapi hasil dari blogwalking saya mayoritas penggunaan kolom ini peruntukan untuk penempatan iklan banner dengan berukuran jumbo.

Di bawah ini ada cara dan langkah untuk pemasangannya, bagi sobat blogger yang berniat untuk pasang diblognya atau sebagai knowledge saja bisa mengikuti tutorialnya.

(+)Sebelumnya lakukan backup template terlebih dahulu untuk menghindari gagal pasang dan bisa recovery template kembali.
(+)Selanjutnya sobat klik template >> edit HTML 

(+)Sobat cari kode ]]></b:skin> gunakan Ctrl + F untuk memudahkan pencarian kode
(+)Sudah menemukan kode tadi silahkan copy script dibawah ini lalu paste/letakan diatas kode ]]></b:skin>

#bawahfooter {
       margin:0;
       padding:0;
       text-align:center;
}
#bawahfooter1 {
       margin:10px 0 10px 0;
       padding:0;
}

(+)Setelah selesai langkah diatas kemudian sobat cari kode <div id='footer-wrapper'> sebagai catatan setiap template mempunyai kode yang berbeda-beda, apabila tidak menemukan kode tadi silahkan cari kode lainnya </body>

(+)Apabila sudah ketemu sobat copy kode dibawah ini dan paste/letakan dibawah kode <div id='footer-wrapper'> atau diatas kode </body>
  

</b:section>

(+)  Langkah terakhir simpan template
(+)  Selesai.

Silahkan lihat screenshot di bawah ini hasil dari pemasangan script tadi :

flamboyan68 - Para pencinta blogging pastinya  sesudah blog baru terbentuk hal pertama yang dilakukan adalah membuat navigasi yang bernama sitemap/daftar isi. 

Unsur ini merupakan hal penting dan mendasar di dalam pembuatan blog. Dengan adanya sitemap/daftar isi tentunya dapat memberikan kemudahan kepada visitor, dan terpenting lagi google merekomendasikan kepada setiap blogger untuk selalu memasang sitemap untuk mempermudah kerja robot pencarinya.  

Artikel ini sudah lama sekali hampir setahun mengendap di kamar draft dan pada awal tahun ini saya lepasin aja. Ide untuk memposting artikel ini pertama untuk merampingkan angka alexa  saya dan berbagi dengan sobat tentunya yang belum memasang sitemap dan jangan khawatir cara pasangnya pun terbilang mudah silahkan mengikuti cara dan langkah di bawah ini.

(+) Kode sitemap model I :

(+) Kode sitemap model III :

<div style="background-color: none; border: 1px solid #000000; height: 270px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">

<script src="http://yourjavascript.com/12303810938/vipergoy-daftar-isi-blog.js"></script>

<script src="http://bloggerkotasukabumi.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>
 

  Selamat mencoba semoga bermanfaat dan happy blogging..............

<style>
.form{border:2px solid #FF3300;background:#FFFFFF; padding:3px;width:595px;height:196px;-moz-border-radius:6px;-webkit-border-radius: 6px;}.rss{background:url("http://i1358.photobucket.com/albums/q770/Deniededen/CaraSubmitSitemapBlogkeGoogleBingMneggunakanSubmitRSS30_zpsaa49db15.png") no-repeat center right;padding:1px;}.button{background:#9b9b9b;color:#FFF;font-size:11,5px;font-family:Arial,Tahoma,Verdana;margin-left:5px;border:2px solid #fff;padding:3px 5px 3px 5px;font-weight:normal;-moz-border-radius:5px;-webkit-border-radius: 5px;}
</style>
<div class="form">
<div class="rss">
<div style="font-weight:normal; color:#FA0404; font-size:11px; padding:10px 5px 5px 10px;"><a href="http://feeds.feedburner.com/~fc/DenieNz"><img src="http://feedburner.google.com/fb/lib/images/icons/feed-icon-16x16-gray.gif" /></a> <a href="http://feeds.feedburner.com/DenieNz"><b>Update Artikel Via Pesan Email</b></a></div>
<div style="font-weight:normal; padding:10px 10px;">Blog <b>flamboyan68.blogspot.com</b></div>
<div style="padding-left:10px;font-size:12px">Apabila anda ingin mendapatkan artikel terbaru dari <b>blog flamboyan68</b> lewat pesan email <b>gratis</b>. Silahkan tulis alamat email anda di kotak yang tersedia bawah ini</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=DenieNz', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:18px" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Ketik email anda disini&quot;;}" onfocus="if (this.value == &quot;Ketik email anda disini&quot;) {this.value = &quot;&quot;}" type="text" value="Ketik email anda disini" /> <input type="hidden" value="DenieNz" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="Daftar" /></div></form>
 <p><a href="http://feeds.feedburner.com/DenieNz"><img src="http://feeds.feedburner.com/~fc/DenieNz?bg=#99CCFF&amp;fg=#444444&amp;anim=0&amp;label=listeners" height="26" width="88" style="border:2" alt="" /></a></p></div></div>


keterangan :
( - )  Warna merah  = Silahkan sobat ganti dengan URL feedburner sobat.
( - )  Warna biru = Silahkan ganti dengan kata-kata yang sobat kehendaki.
( - )  Warna Orange = Sobat bisa menggantinya dengan image yang dikehendaki.

( + ) Langkah terakhir simpan.

Untuk selanjutnya sobat bisa memodifikasi sendiri kode scriptnya baik untuk merubah logo feedburner, kata yang di kehendaki, ataupun backgroundnya. Dan untuk melihat penampakan atau screenshotnya sobat bisa tengok imagenya di bawah postingan ini.


Selamat mencoba semoga bermanfaat dan happy blogging........................

flamboyan68 - Fungsi dari widget Headline News  adalah untuk menampilkan sejumlah artikel atau konten di blog dalam satu baris dan di tampilkan secara bergantian dengan otomatis sesuai jumlah yang diinginkan. Para blogger banyak yang tertarik dengan widget ini dan di pasang di blog dan selalu di pasang pada bagian atas  header blog.

Bagi sobat yang belum dan berminat pasang bisa mengikuti cara dan langkah di bawah ini :

1. Masuk ke akun blogger sobat.

2. Klik  > Template (backup template sobat terlebih untuk menghindari kegagalan pasang kode)

3. Pilih  > Edit HTML.

4. Kemudian sobat cari kode ]]></b:skin> gunakan Ctrl + F untuk mempermudah pencarian

    copy kode di bawah ini dan paste tepat diatas ]]></b:skin>

.newspic {background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia59cYvcs0SP28ZvAPTqRv5RgWofBhS9Ft_lpTfcE_aAWBo7jhtITBMie5-mdj366WDMQlTPH01Otyj1nCvfLqQA2YmSpWFNwhLZFFkrfIF9MRUDUHHYGu62gMo4NNLCC6F-RQxMHOw4M/s1600/BRK+NW.png) no-repeat top left;width:1000px;margin:0 auto;padding:0 auto; height:24px;color:#fff;}
.news {width: 1000px;margin:0 auto;padding:0 auto;line-height: 1.2em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#000000;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}

<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'/>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};
var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]>
</script>
<style type='text/css'>
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#aaa;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 14px Arial;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 780px;
height: 14px;
border: 0px solid #aaa;
padding: 0px;
font:bold 16px Arial;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #fff;}
#example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
#example1 a:hover {color:#C8D3F2;text-decoration:none;}
</style>

6. Cari lagi kode  <div id='header'> atau <div id='header-wrapper'> atau <div id='header-outer'>

    copy kode dibawah ini dan paste tepat di atas kode <div id='header'> atau <div id='header-wrapper'>     atau <div id='header-outer'>.

<div class='newspic'>
<div style='float:left;width:1000px;padding:1px 0 6px 130px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://flamboyan68.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 5 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>

Kode warna merah sobat sesuaikan width / lebar dengan lebar blog. silahkan sobat ubah url  yang berwarna merah dengan url blog sobat. Tentukan jumlah artikel yang akan ditampilkan pada Headline News, silahkan ganti angka 5 dengan angka yang diinginkan.

Hallo..sob apa kabar? sehat-sehat khan? Pada postingan kali ini saya akan share " Cara Membuat Button Like Facebook, Twitter, G +, Dan Share ". Membuat tombol like Facebook, Twitter dan Google Plus (G+) semuanya bisa kita pasang diatas atau di bawah judul postingan.  

Manfaat dari pemasangan button ini bagi blog sangat besar sekali, yaitu membantu penyebaran link artikel kita di media jejaring sosial. Sebenarnya artikel ini cenderungnya dikategorikan dalam SEO Optimisasi OFFpage karena lebih pada menyebarkan link artikel kita. Tetapi karena dalam rangka mengolah blog makanya bisa juga sih di kategorikan dalam kategori Onpage saja. Begitu sob...

Pada postingan ini saya akan share memasang Tombol Like Facebook, Twitter dan G + di Bawah Judul Posting. Sekedar mengingatkan saja pada bagian akhir postingan / bawah tombol serupa yang  yang telah disediakan blogger. 

Sobat semua bisa mengikuti cara-cara dibawah ini;

 <data:post.body/>

 <table border='0'><tbody><tr>
<td><a class='twitter-share-button' data-count='horizontal' data-via='MkZHackers' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></td>
<td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp; font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/></td>
<td><g:plusone expr:href='data:post.url' size='medium'/></td>
<td><div class='addthis_toolbox addthis_default_style '><a class='addthis_counter addthis_pill_style addthis_nonzero' href='#' style='display: block;'><a class='atc_s addthis_button_compact'><span/></a></a><div class='atclear'/></div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/></td>
</tr></tbody></table>

Bagi para blogger  master postingan ini yaitu mengenai "Cara menambah gadget di atas header" bukan persoalan lagi. Postingan ini yah ane ditujukan untuk blogger newbie kayak ane gituu kekeke...pada dasarnya template bawaan memang sudah default so.. jadinya widget di atas header memang tidak ada. Well.. ane akan coba ng_share postingan dengan harapan dapat bermanfaat bagi agan dan sobat semua siapa tau ada yang ingin menambahkan widget. Caranya gampang sob, nggk usah deg..deg an lah santai aja, udah dulu basa basinya kelamaan mending kita langsung ke tempat  perkaranya hehe..;

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:section class='header' id='header1' preferred='yes'>

• Sebelum di save lebih baik klik Pratinjau dulu biar manteep sob, biar terhindar dari kesalahan pasang. Kalau semuanya beres nggk ada peringatan kesalahan tekan save/simpan template.

Demikian postingan kali ini selamat mencoba semoga bermanfaat bagi sobat-sobat semua dan sampai jumpa....bye