Artikel Terbaru

Cara Menghapus Tampilan Showing All Post Di Blog




Flamboyan68 - Apa kabar sobat? kabar baik pastinya. Postingan kali ini saya  ambil tentang Cara Menghapus Tampilan Showing All Post Di Blog. Sumber artikelnya saya mengambil dari blog tetangga dekat siapa lagi kalau bukan kang salman, sobat blogger pasti mengenalnya. 
Awalnya ide untuk memposting artikel ini pada saat saya berniat ingin menghapus/menghilangkan tampilan showing all post pada pencarian per label dan pastinya suatu saat saya pasti membutuhkannya lagi, siapa tahu juga ada sobat blogger yang belum tahu tentang cara seperti ini jadi kita berbagi ya sob heheh maka saya dokumentasikan di blog ini. Ulasan sedikit, langkah dan cara pemasangan kode script ini cukup mudah hanya mengganti kodenya dari kode lama dengan kode baru. Hasil dari pemasangannya saat kita melakukan klik pada suatu label/kategori akan tertuju pada halaman berdasarkan label.
Memasang kode script ini ada plus dan minusnya, cara ini bisa kompatibel dengan template yang tersedia fitur Older Post, Home, New Post, dan sebaliknya. Untuk tampilan tulisan hasil pencarian tinggal mengotak-atik breadcrumb yang ada pada template sobat.

hapus Tulisan Showing All Post

Ikuti cara dan langkah di bawah ini :

( - )  Login ke akun blogger sobat
( - )  Pilih dan klik Template  > Edit HTML  (sebelumnya backup terlebih dahulu template sobat)
( - )  Kemudian sobat cari kode <b:includable id='status-message'> atau kode lainnya di bawah ini :
        ( gunakan Ctrl + F untuk memudahkan pencarian ) 
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
  ( - ) Apabila sudah ketemu dengan kode diatas tadi sobat ganti dengan kode di bawah ini dengan lengkap.
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
( - ) Simpan Template.

( - ) Selesai dan sobat coba klik pada salah satu label atau search box

Selamat mencoba semoga bermanfaat dan happy blogging....................... 
source 
sumber image : Kang Salman (www.kucoba.com)

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 Cari Teman Blogger

Cara  Mudah Cari Teman Blogger



bloggerkotasukabumidocs photo flamboyan68docs_zps35281e13.jpg

flamboyan68 - Pertama kali yang terlintas di benak kita dalam membuat suatu blog tentunya adalah untuk berbagi pengetahuan/ilmu yang dimiliki dengan yang lain yang di dokumentasikan di dalam web blog, blog sebagai media untuk curahan hati (curhat) tentang pengalaman atau hobi yang tentunya menarik/unik untuk di posting di web blog, ataupun sebagai penyedia jasa atau informasi tertentu misalnya informasi dalam hal komputer, jasa download film atau musik dll dan yang terakhir mungkin dalam rangka mencari teman  lama atau sahabat baru dan tidak tertutup kemungkinan salah satu teman mempunyai aktivitas yang sama yaitu blogging dan tentunya ini menarik apalagi teman satu daerah.

Artikel yang akan saya share di sini adalah cara mencari teman komunitas blogger yang telah disediakan oleh blogspot. Teman yang kita cari bisa satu daerah atau lain daerah/kota, dan sobat bisa mencoba cara sederhana ini :

 
Tautan/link diatas pada saat di klik sobat secara otomatis akan dibawa ke suatu halaman blogspot blogger yang telah sesuai dengan daerah/kota yang diinginkan, dan sobat hanya merubah sedikit ikuti cara di bawah ini :
 
ID = Kode untuk Indonesia 
jawa+tengah = Nama Provinsi (harus ditambah tanda + dan di sesuaikan dengan panjang nama prov.)
semarang= Kota tujuan yang dikehendaki.

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