Latest Updates
  • This My Zetta Zone
  • This My Zetta Zone
  • This My Zetta Zone
  • This My Zetta Zone
http://Star-us.blogspot.com/ cb-simple Cheaterz-Comunity VHEE-ZONE KRABY CYBER This My Zetta Zone This My Zetta Zone This My Zetta Zone

Cara Membuat Latest Updates di Blog

Maverick Zetta Blogger, CSS, SEO Nov 2, 2013
Assalamualaikum sobat.Kali ini saya akan berbagi trik yang sangat sederhana.Trik ini saya ambil dari template Woles yang di desain oleh Mas sugeng.Latest Updates ini gunanya untuk menampilkan post terbaru yang kamu post.yah untuk lihat demonya silahkan lihat diatas.Gimana ? lumayan bagus kan.Untuk lebih jelas silahkan lihat screenshotnya.
Ingin Tahu Cara Membuatnya bagaimana ? Silahkan bahas dan simak baik-baik tips berikut.

CSS

/* HEADLINE */
.newspic{
width: 1561px;
background: #f5f5f5;
float: left;
font-size: 11px;
overflow: hidden;
margin: 0 8px;
padding: 0;
height: 28px;
-webkit-box-shadow: 0px 0px 10px #2980b9;
-mox-box-shadow: 0px 0px 10px #2980b9;
-ms-box-shadow: 0px 0px 10px #2980b9;
-o-box-shadow: 0px 0px 10px #2980b9;
box-shadow: 0px 0px 10px #2980b9;
border: 2px solid #2980b9;
border-top: none;
line-height: 28px;
border-bottom: 2px solid #2980b9;
margin-left: 0;}
span.breakingnews{
background:#2980b9;
text-transform:none;
color:#fff;
float:left;
line-height:28px;
margin:0 8px 0 0;
padding:0 8px;
}
.news a:link,.news a:visited{
color:#000;text-decoration:none;
}
.news a:hover{
color:#0099cc;text-decoration:underline;
}
.labelfield{
color:#0099cc;
font-size:100%;
}
.datefield{
color:#aaa;
font-weight:normal;
}
#example1{
float:left;
overflow:hidden;
padding:0;
text-align:left;
}
#example1 img{
display:none;
}
code{
color:#0099CC;
}
example1 a:link,#example1 a:visited{
color:#0099cc;
text-decoration:none;
}
#example1 a:hover{
color:#555;
text-decoration:none;
}

HTML

<div class='newspic'>
<span class='breakingnews'>Latest Updates</span> 
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 5000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Feed Blog&quot;, &quot;http://zetta-zone.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;span&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div> 
<div class='clear'/>

jQuery


<!-- Headline -->
<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'/>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="http://3.bp.blogspot.com/-YDemUmb6mk8/Ub9mpleHHOI/AAAAAAAACCc/u_rMQ9wdYlU/s1600/9.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 alt="loading" title="loading" 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="http://3.bp.blogspot.com/-YDemUmb6mk8/Ub9mpleHHOI/AAAAAAAACCc/u_rMQ9wdYlU/s1600/9.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>

Cara Pemasangan

  • Untuk Cssnya Letakan di Atas kode ]]></b:skin>
  • Untuk HTML Silahkan Letakan di atas kode Wrapper Kalian
  • Untuk jQuery Silahkan diletakan diatas kode </head>
Gimana ? Susah kagak ? kalau susah silahkan request di kotak komentar yah.
sekian dan terimah kasih

Cara Membuat Halaman Error 404 di Blog

Maverick Zetta Blogger, CSS, SEO Oct 24, 2013
Assalamualaikum sobat.Kali ini saya akan memberikan trik blogger yang cukup mudah.Trik ini namanya "Cara Membuat Halaman Error 404 di Blog".Sebenarnya sih saya ini sakit kepala alias pusing.namun, saya tetap berusaha berbagi trik yang cukup mudah ini.Yah langsung saja yah sob.dikutip dari defanzaki
Cara Membuat Halaman Error 404 di Blog
Berikut Cara Membuatnya.

Contoh tag conditional yang akan digunakan:


<body>

    <b:if cond='data:blog.pageType != &quot;error_page&quot;'>

        ...

        ...

        Baris/bidang element blog seperti posting, widget, sidebar dan yang lainnya.

        Element ini akan di sembunyikan jika tak ditemukan url/link apa pun yang ada dalam directory widget.

        ...

        ...

    </b:if>



     Dibawah ini adalah pesan error yang akan muncul ketika permintaan tidak di temukan

  

    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>

        <div id='error-page'>

           <h1>Desain error 404 yang diterapkan.</h1>

        </div>

    </b:if>

</body>

Pertama cari tag kode <body> dan penutup </body> di template anda, lalu sisipkan kode tag conditional berikut di antaranya, lihat cara seperti di bawah ini

Pastekan kode di bawah ini di bawah kode tag <body>


<b:if cond='data:blog.pageType != &quot;error_page&quot;'>



Kemudian cari kode tag </body> dan patekan kode berikut di atasnya



</b:if>

lalu letakkan kode berikut ini di atas kode tag </body>


<b:if cond='data:blog.pageType == &quot;error_page&quot;'>

        <div id='DB-error-page'>

          <h1>404 Halaman/Posting tidak ditemukan!</h1><br/>

          <p>Mungkin Halaman/Posting yang anda tuju telah di hapus dalam blog ini, silahkan gunakan kotak penelusuran di bwah ini</p><br/>

          <div class='kotak-pencarian-404'>   

          <div id='searchbox'>

          <form action='/search' id='searchthis' method='get'>

          <div class='content'>

          <input class='textfield' name='q' size='24' type='text' value='Cari disini...'/>

          <input class='button-cari' type='submit' value='Cari'/>

          </div>

          </form>

          </div>

          </div><br/>

          <a href='/'>Kembali ke Homepage</a>

        </div>

    </b:if>

Maka jika benar, semua akan tampak demikian:



<body>

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>

        ...

        ...

        Baris/bidang element blog seperti posting, widget, sidebar dan yang lainnya.

        Element ini akan di sembunyikan jika tak ditemukan url/link apa pun yang ada dalam directory widget.

        ...

        ...

    </b:if>



<b:if cond='data:blog.pageType == &quot;error_page&quot;'>

        <div id='DB-error-page'>

          <h1>404 Halaman/Posting tidak ditemukan!</h1><br/>

          <p>Mungkin Halaman/Posting yang anda tuju telah di hapus dalam blog ini, silahkan gunakan kotak penelusuran di bwah ini</p><br/>

          <div class='kotak-pencarian-404'>   

          <div id='searchbox'>

          <form action='/search' id='searchthis' method='get'>

          <div class='content'>

          <input class='textfield' name='q' size='24' type='text' value='Cari disini...'/>

          <input class='button-cari' type='submit' value='Cari'/>

          </div>

          </form>

          </div>

          </div><br/>

          <a href='/'>Kembali ke Homepage</a>

        </div>

    </b:if>

</body>

Selanjutnya, ubah tag tittle menjadi seperti berikut



<b:if cond='data:blog.pageType == &quot;index&quot;'>

    <title><data:blog.pageTitle/></title>

<b:else/>

    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>

        <title>Laman Tidak Ditemukan - <data:blog.title/></title>

    <b:else/>

        <title><data:blog.pageName/> - <data:blog.title/></title>

    </b:if>

</b:if>

Setelah semua yang di atas selesai, kini tambahkan css berikut ke template anda dan simpan.


/* error 404 */

#DB-error-page {

  text-align:center;

  background-color:#900;

  position:fixed !important;

  position:absolute; /* IE6 Fallback */

  top:0px;

  right:0px;

  bottom:0px;

  left:0px;

  padding-top:100px;

  z-index:99999;

}

#DB-error-page h1 {

font-family: arial, georgia, sanserif;

font-size: 40px;

font-weight:600;

color:#fff;

}



#DB-error-page p {

font-family: arial, georgia, sanserif;

font-size: 20px;

font-weight:400;

color:#fff;

}



#DB-error-page a {

font-family: arial, georgia, sanserif;

font-size: 15px;

font-weight:300;

color:#fff;

}



#DB-error-page a:hover {

color:black;

}



/* Search page 404 db */

#searchbox {

    margin:0 auto;

    color:#fff;

    overflow: hidden;

    padding:0 auto;

    position: relative;

    height: 40px;

    width: 665px;

}



#searchbox .textfield {

    -moz-border-bottom-colors: none;

    -moz-border-image: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background: none repeat scroll 0 0 #fff;

    border-color: black -moz-use-text-color -moz-use-text-color black;

    border-right: medium none;

    border-style: solid;

    border-width: 1px;

    padding: 4px 5px 4px;

    width: 180px;

}



#searchbox .button-cari {

    -moz-transition: all 0.3s ease 0s;

    background: #E24A27 !important;

    border: medium none;

    color: white;

    cursor: pointer;

    display: inline-block;

    height: 24px;

    margin-right: 4px;

    position: relative;

    text-decoration: none;

}

Silahkan anda ganti tulisan diantara tag <h1> dan <p> dengan tulisan yang anda ingin.

White Blue Aqua Blogger Template

Maverick Zetta Template Oct 21, 2013
Wah, Akhirnya selesai juga deh template re-design nya.Sebenarnya udah lama template ini saya pakai untuk blog http://bmzt.blogspot.com/.Itu blog saya dan imam mamen (SCH-XP).Itu Blog membahas tentang Hal Unik.Loh, kok jadi review blog.Ahaha.Langsung saja lihat fitur dan Screenshotnya sob.

Fiturnya:
- Kotak Search
- Halaman Eror Dengan Tampilan yang Mantap dan minimalis
- Komen Facebook dibawah postingan
- Tombol share dibawah postingan
- Emoticon
Nah, Gimana udah lihat Screenshotnya dan Fitur-fitur template tersebut kan.Dan Untuk link downloadnya silahkan download dibawah ini.
Demo || Download
Sekian dan terimah kasih yah.semoga bermanfaat templatenya..

Dark Blue V2 Blogger Template

Maverick Zetta Blogger, Template Sep 26, 2013
Assalamualaikum sobat kali ini saya akan share template lagi.Template ini saya namakan "Dark Blue V2 Blogger Template".Sebelumnya template yang v2 terhapus karena laptop/PC ku udah aku install windows 7 yang sebelumnya adalah linux.Template ini saya re-design dari template yang diberikan yoga.langsung saja yah sob..


Fiturnya:
- Warna Yang tidak bikin sakit mata
- Footer Auto Hide
- Search Keren
- Related Post
- Permalink
- Theard Comment Keren+Emoticon
- Banner 88x31 di Samping Blog
- Info Post
- Notifikasi Sederhana melayang dibawah blog

Screenshotnya
{Demo} || {Download}

Nah, Gimana keren kagak templatenya ?? hehe... Ingat yah bagi seorang blogger sejati tidak boleh mengganti CREDIT FOOTER dengan sembarangan tanpa izin.
Sekian yah semoga bermanfaat templatenya..
Terimah Kasih.

Simple Dark Orange Blogger Template

Maverick Zetta Blogger, Template Sep 24, 2013

Assalamualaikum sobat, kali ini saya akan berbagi template. Template ini hasil re-design saya.Hehe. Lumayan banyak juga sob yang saya re-design.Template ini saya namakan "Simple Dark Orange Blogger Template".Langsung saja yah sob.
Screenshotnya:

Fiturnya:
- Banner 468x60 di Header (2 Slot)
- Banner 125x125 dibawah header (4 Slot)
- Banner 88x31 di bawah header ( 7 Slot)
- Banner 88x31 diheader (4 slot)
- Footer 2 Kolom
- Permalink
- Style Keren
- Releated Post

Nah, Gimana anda Tertarik dengan template ini ? Silahkan Download Dibawah ini.
Udah kan link download, laporkan jika linknya udah mati yah dengan cara berkomentar di blog ini ^_^
Nah, Ingat Juga jangan Ganti Credit Footernya.
Sekian dan Semoga bermanfaat..

Pengertian Dofollow dan Nofollow serta Kelebihan dan Kekurangan


Assalamualaikum sobat.Kali ini saya akan mempublikasikan sebuah artikel yang judulnya adalah "Pengertian Dofollow dan Nofollow serta Kelebihan dan Kekurangan".Wew, Lumayan panjang yah judulnya.Tapi, Kagak apalah yang penting postingnya bermanfaat. Hehe.langsung saja ya sob..


Pengertian inti:

Dofollow adalah istilah untuk web atau blog yang jika kita memberikan komentar ke blog tersebut maka berarti kita menaruh link ke blog tersebut dan dihitung sebagai backlink oleh google.

Nofollow adalah istilah untuk web atau blog yang jika kita memberikan komentar ke blog tersebut maka berarti kita tidak menaruh link ke blog tersebut dan tidak dihitung sebagai backlink oleh google. Namun tetap orang lain bisa berkunjung melalui link yang kita pasang melalui komentar.

Kenapa blog bisa menjadi dofollow atau nofollow?

Pada dasarnya setiap blog adalah nofollow, dan dapat menjadi dofollow jika yang punya menghendaki perubahan itu.

Kenapa ada yang mengubah - ubah statusnya?

Karena kedua jenis blog ini memiliki kelebihan dan kekurangan. Simak selanjutnya apa kekurangan dan kelebihan dari masing - masing kriteria.

Apa kelebihan dan kekurangan kedua blog tersebut?

Kelebihan nofollow

- Aman dari gangguan spammers yang mencari backlink asal-asalan.
- Lebih diminati google dalam hal seo, dikarenakan mesin google lebih suka jenis ini.
- Komentar dalam blog adalah murni karena kemanfaatan blog kita.
- Pagerank yang kita dapat murni dan stabil. Tidak cepat naik atau cepat turun. Namun naik berlahan namun pasti.
- Lebih menantang untuk mencari kreatifitas posting, karena komentar yang masuk tergantung kwalitas postingan kita.
- Lebih supel melakukan blokwalking untuk menjalin persahabatan dan bertukar link.

Kekurangan nofollow

- Tidak ada yang memberi komentar atau sedikit, namun saya yakin jika isinya bermanfaat pasti ada yang sudi memberikan komentar.
-Pemilik blog dianggap apatis, ini juga kurang tepat. Karena pemilik blog biasanya akan lebih senang untuk bertukaran link dan saya yakin dia sangat suka.
- Lebih rentan ditinggal pembaca untuk blog baru

Kelebihan dofollow

- Blog ini disukai pembacanya karena memberikan manfaat berupa backlink gratis.
- Blog banyak masukan komentar kritik dan saran yang membangun
- Pemilik blog dianggap orang yang memiliki jiwa sosial
- Meningkatkan pageview blog
- Hubungan silaturahim juga semakin kuat. Dan kita yang sering dikunjungi ^_^

Kekurangan dofollow

- Banyak spammers yang memberi komentar seperti PTC scam atau bisnis scam yang berkunjung. Namun tidak masalah jika kita menghapusnya.
- Terkadang karena terlalu banyak link, blog malah dibanned google. Dan alhasil diseo kan turun

Mana yang paling baik?

Ya itulah pilihan keduanya. Masing - masing tidak salah dan memiliki keuntungan dan kelebihan masing-masing. Tergantung selera,

Bagaimana cara mengetahi blog tersebut dofollow atau nofollow?

- Biasanya pemilik blog akan memasang tulisan yang isinya blog ini dofollow
- Atau bisa dengan menginstal addon mozilla, bisa dicari digoogle dengan mengetikan" cara mengetahui blog dofolow atau nofolow.

Referensi dari http://www.jasa-pembuatan-blog.com/2009/11/pengertian-dofollow-dan-nofollow-serta.html
Nah, Gimana cukup jelas kan penjelasan diatas.
Sekian dan semoga bermanfaat..
Terimah Kasih...

Tutorial CSS

Template

Back to Top