Artikel Terbaru
Showing posts with label Widget. Show all posts
Showing posts with label Widget. Show all posts

Menu Dropdown Navigasi di Atas Header Blog

 photo BlogDeniededendocs_zpsf33142bd.jpeg

Artikel diposting : 31 Maret 2012
Update/Pembaharuan : 1 Maret 2014 

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'>  

<div id='catmenucontainer'>
<div id='catmenu'> <ul>
<li><a href='http://flamboyan68.blogspot.com/'>Home/Beranda</a></li>
<li><a href='#' title='Link-Title'>Menu 01 (Nama Link)</a>
<ul class='children'>
<li><a href='#' title='Tips Blogger'>Submenu 1</a></li>
<li><a href='#' title='Tips WordPress'>Submenu 2</a></li>
<li><a href='#' title='Tips Jomla'>Submenu 3</a></li>
<li><a href='#' title='Tips Google'>Submenu 4</a></li>
<li><a href='#' title='Tips Facebook'>Submenu 5</a></li>
</ul>
</li>
<li><a href='#' title='Link-Title'>Menu 02 (Nama Link)</a>
<ul class='children'>
<li><a href='#' title='Link-Title'>Submenu 1</a></li>
<li><a href='#' title='Link-Title'>Submenu 2</a></li>
<li><a href='#' title='Link-Title'>Submenu 3</a></li>
<li><a href='#' title='Link-Title'>Submenu 4</a></li>
</ul>
</li>
<li><a href='#' title='Link-Title'>Menu 03 (Nama Link)</a>
<ul class='children'>
<li><a href='#' title='Link-Title'>Submenu 1</a></li>
<li><a href='#' title='Link-Title'>Submenu 2</a></li>
<li><a href='#' title='Link-Title'>Submenu 3</a></li>
</ul>
</li>
<li><a href='#' title='Link-Title'>Menu 04 (Nama Link)</a></li>
<li><a href='#' title='Link-Title'>Menu 05 (Nama Link)</a>
<ul class='children'>
<li><a href='#' title='Link-Title'>Submenu 1</a></li>
<li><a href='#' title='Link-Title'>Submenu 2</a></li>
<li><a href='#' title='Link-Title'>Submenu 3</a></li>
<li><a href='#' title='Link-Title'>Submenu 4</a></li>
</ul>
</li>
<li><a href='#' title='Link-Title'>Menu 06 (Nama Link)</a>
<ul class='children'>
<li><a href='#' title='Link-Title'>Submenu 1</a></li>
<li><a href='#' title='Link-Title'>Submenu 2</a></li>
</ul>
</li>
<li><a href='#' title='Link-Title'>Menu 07 (Nama Link)</a></li>
<li><a href='#' title='Link-Title'>Menu 08 (Nama Link)</a></li>
</ul>

</div>
</div>

(+) 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 :

 
Selamat mencoba semoga bermanfaat dan happy blogging ..!! 

Cara Mudah Membuat Kolom Baru Di Bawah Footer

Cara Mudah Membuat Kolom Baru Di Bawah Footer
Posting Artikel  : 23 Januari 2012
Pembaharuan / Update Artikel: 26 Februari 2014 


bloggerkotasukabumidocs photo flamboyan68docs_zps35281e13.jpg
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.

(+)Login/masuk ke akun blogger sobat 
(+)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>
  

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


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

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

 photo kolomdibawahfooterf68docs_zpsb2ac6831.jpg
Kolom baru di bawah footer
Silahkan sobat baca juga artikel tentang :
 
Selamat mencoba semoga bermanfaat dan happy blogging....

Cara Mudah Memasang Auto Sitemap

Cara Mudah Memasang Auto Sitemap


image untuk sitemap flamboyan68nlogspot photo flamboyan68blogspot_zps5a05fb9c.jpg
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.
  • Masuk ke akun blogger sobat
  • Buka entri/postingan baru
  • Sobat pilih menu HTML sebelah menu Compose
  • Lalu copy kode di bawah ini dan paste di menu HTML
  • Kemudian sobat beri judul SITEMAP/DAFTAR ISI
Dibawah ini ada 3 (tiga) model bentuk sitemap yang bisa sobat pilih salah satunya untuk di pasang di blog.



(+) Kode sitemap model I :

<script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript"></script>
<script src="http://flamboyan68.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
(+) Kode sitemap model II :

 
(+) 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>
 
  • Untuk warna biru  silahkan ganti dengan URL blog sobat, untuk warna latar garis dan lebar sobat tinggal adjusment saja.
  • Simpan dan Publikasikan

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



Cara Membuat Berlangganan RSS Feedburner






Flamboyan68 - Fungsi subscribe (berlangganan) via email  yaitu  untuk memberikan informasi tentang artikel terbaru kepada follower atau teman yang selalu mengikuti update artikel terbaru di blog yang diikutinya. Dengan memasang tombol berlangganan ini jelas sekali manfaatnya baik oleh pemilik blog/web ataupun pengunjung, yang berlangganan update artikel akan selalu mendapatkan update yang dikirim memlalui pesan email.
 
Artikel yang mengupas tentang tutorial ini sudah banyak sekali jumlahnya dan tentunya dengan banyak pilihan modelnya. Dan postingan ini hanya untuk melengkapi dokumentasi artikel blog saya, dan siapa tahu bermanfaat juga buat sobat blogger. 

Untuk pemasangannya cukup mudah dan tidak memeras otak sobat blogger. Bagi sobat yang mau pasang widget ini blognya bisa mengikuti cara dan langkah di bawah ini :
( + ) Masuk ke akun blogger sobat
( + ) Pilihlah tata letak, kemudian klik add gadget  
( + ) Sobat masukan kode dibawah ini : 


<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........................

Cara Mudah Membuat Widget Headline News di Blog




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;}

Keterangan :
Kode warna biru sobat ubah sesuai dengan selera sobat. Kode warna merah ubah sesuai dengan lebar blog sobat.
 
5. Setelah itu sobat cari kode </head>
    apabila ketemu dengan kode tadi sobat copykode di bawah ini dan paste tepat diatas  </head>

<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>

Keterangan :
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.

7. Simpan Template.


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


Cara Membuat Script Widget Kode Warna HTML 4 Di Blog




Postingan kali ini saya akan berbagi khususnya para newbie seperti saya yaitu cara membuat script widget kode warna HTML 4 di blog. Mungkin postingan saya sudah basi kalii yah..dan sering ditemukan pada postingan teman-teman semua, ya walau malu-malu saya share buat teman-temen yang belum dapat kebagian scriptnya, yuu cekidoot…

Dibawah ini adalah script kode warna HTML V 4, anda  tinggal meng-copy script ini ke dalam postingan blog dan berada di posisi mode HTML untuk melihat contoh warna klik disini.

-------------------------------------------------------------------------------------------------------------
<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="420"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie">
<param value="High" name="quality">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="420" height="420"> </object>

<object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="420" id="col" width="420"> <param value="sameDomain" name="allowScriptAccess">
<param value="http://www.2createawebsite.com/build/col.swf" name="movie">
<param value="high" name="quality">
<param value="#ffffff" name="bgcolor">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="420" align="middle" height="420"> </object>

-------------------------------------------------------------------------------------------------------------

Untuk penempatan atau menyimpanya script kode-kode warna HTML V 4 ini,  anda bisa menyimpannya  di widget ataupun di laman

Sekian dulu postingan kali ini semoga bermanfaat dan sampai jumpa di postingan berikutnya.terima kasih..

Cara Membuat Button Like Facebook, Twitter, G+ Dan Share


Posted by Denie Deden_Nz






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;
  • Masuk ke blog sobat
  • Klik Template
  • Masuk ke Edit HTML
  • Cari kode di bawah ini dan untuk mempermudah pencarian kode pakai Ctrl F:
 <data:post.body/>

Note: Sobat semua pasti akan menemukan kode tersebut diatas lebih dari satu menurut pengalaman yang sudah-sudah pilih yang pertama saja / di coba semua.

  • Letakkan Kode berikut ini diatas kode <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>

  • Simpan Template
  • Selesai
  • Kemudian sobat klik salah satu artikel blog sobat, untuk melihat berhasil tidaknya pemasangan kode tadi. 
Sekian dulu postingan kali ini selamat mencoba dan semoga bermanfaat bagi sobat-sobat semua....

Sumber image: www.hongkiat.com

Cara menambah gadget di atas header


Posted by Denie Deden_Nz, Sabtu 18 Mei 13

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..;

Cara menambah gadget di atas header:


  • Masuk ke blog sobat  >> Dashbord  >>  Klik Template  >> Klik  Edit template  / HTML 
  • Untuk mempercepat pencarian pakai CTRL + F lalu cari kode seperti di bawah ini:

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

  • Ganti kode diatas dengan kode seperti di bawah ini:

<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
Blog flamboyan68.blogspot.com
Apabila anda ingin mendapatkan artikel terbaru dari blog flamboyan68 lewat pesan email gratis. Silahkan tulis alamat email anda di kotak yang tersedia bawah ini


Supported by Blogaul

Sobat Blogger