Menghilangkan Tanggal Posting Blogger

Menghilangkan tanggal posting blogger, mau tau caranya? pertama masuk halaman Edit HTML kemudian cari h2.date-header { jika sudah ketemu tambahkan visibility: hidden; diantara kodetersebut. lihat contoh kodenya dibawah:

h2.date-header {

margin:.3em 0 0;

padding:0;

font-size:80%;

color:#777;

height: 0px;

visibility: hidden;

}

Selama mencoba, Happy Blogging :)

»»Read Fullpost»»

Memasang Stripe-Ad ala Navbar di Blogger

Boost Your Blog's Response Rate With "Stripe Ad"

Menayangkan iklan bergaya Stripe-Ad tentu lebih baik dari pada menayangkan iklan dalam bentuk Popup Ad (Pop-ups, pop-overs and pop-unders), Selain dapat menghindari Popup Blocker, memasang Stripe-Ad terasa sangat pas untuk menampilkan satu focus informasi yang dirasa penting (bisa berupa iklan baris, pengumuman, Feed atau informasi apa saja sesuai kebutuhan).

Jika anda melihat contoh Stripe-Ad diatas pada blog ini, sekilas terlihat hampir serupa dengan standar Navigation Bar (Navbar) Blogger. Pengunjungpun dapat melihat langsung batang navigasi ini ketika pertama kali mereka mengunjungi halaman blog anda. Iklan ini akan tetap tampil walaupun pembaca melakukan Mouse Scroll pada halaman. Jika tertarik kemungkinan besar pembaca akan mengkliknya.

Stripe-Ad tentu saja bukan hal yang baru. Pengguna Wordpress biasanyamenggunakan plugin Strip-Ad buatan MaxBlogPress cara installasinya pun terbilang mudah dan sudah ditulis dengan lengkap caranya, silahkan pelajari sendiri disitusnya ya :)

Cara Pasang Strip-Ad di Blogger:

1. Upload File javascript dibawah ke lokasi penyimpanan file anda, Simpan file dengan nama Stript-ad.js

var mta_arr = new Array();

var mta_clear = new Array();


function mtaFloat(mta) {

mta_arr[mta_arr.length] = this;

var mtapointer = eval(mta_arr.length-1);

this.pagetop = 0;

this.cmode = (document.compatMode && document.compatMode!="BackCompat") ?
document.documentElement : document.body;

this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);

this.mtasrc.height = this.mtasrc.offsetHeight;


this.mtaheight = this.cmode.clientHeight;

this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);

var mtabar = 'mta_clear['+mtapointer+'] =
setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';

mtabar = mtabar;

eval(mtabar);

}

function mtaGetOffsetY(mta) {

var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);


var parentOffset = mta.mtasrc.offsetParent;

while ( parentOffset != null ) {

mtaTotOffset += parentOffset.offsetTop;

parentOffset = parentOffset.offsetParent;

}

return mtaTotOffset;

}

function mtaFloatInit(mta) {

mta.pagetop = mta.cmode.scrollTop;


mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";

}

function closeTopAds() {

document.getElementById("mta_bar").style.visibility = "hidden";

}

2. Buka halaman Edit HTML di blogger.

Copi-Paste kode CSS dibawah, letakan diatas kode
]]></b:skin>

#mta_bar { background: #FFFFE1; border-bottom: 1px
solid #808080; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0;
width: 100%; overflow: auto; position: fixed; }

* html #mta_bar{ /*IE6 hack*/


position: absolute; width: expression(document.compatMode=="CSS1Compat"?
document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }

#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size:
13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}

#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right;
text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0;
width: 30px; white-space: nowrap;}

#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}

#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration:
none;}


#left_bar a { text-decoration: none; color: #0000FF; }

#left_bar a:hover { text-decoration: underline; color: #0000FF; }

3. Masukan kode pemanggilan JS dibawah, letakan diatas kode </head>, jangan lupa sesuaikan dengan alamat lokasi URL dimana anda meyimpan file JS-nya.

<script src='http://www.alamatserveranda.com/Stripe-Ad.js'
type='text/javascript'/>

4. Letakan kode dibawah ini dibawah kode <body>, Silahkan sesuaikan setingan dibawah dengan link dan deskripsi anda sendiri.

<div id='mta_bar'>

<div id='left_bar'><span class='left'><a href='http://defcon-blacklist.blogspot.com'
target='_blank'>[News Today] | International | .....</a></span></div>


<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;defcon-blacklist.blogspot.com&apos;;return
true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;'
src='http://http://www.alamatserveranda.com/close.gif'
style='cursor:hand;cursor:pointer;'/></span></div>

5. Simpan hasil kerja anda :)

Selamat Mencoba..happy blogging^_^

»»Read Fullpost»»

Cara membuat Random Post pada Blogger

Random post adalah suatu cara menampilkan posting secara acak, Sebenarnya cara memasang random post sudah lama ada dan sudah banyak yang menulis, namun blogger yang baru memulai membuat blog masih saja bingung, mungkin tutorial yang digunakan/ditemukan masih menggunakan bahasa inggris. Agar gak membuat sahabat blogger kecewa saya tulis aja artikelnya secara singkat.

Langkah mudah membuat Random Post:

Pertama:

Buka Template -> Edit HTML -> Jangan lupa lakukan backup template :)

Kemudian Copy-paste kode dibawah ini biasanya atas tag </head>

<script type="text/javascript">

//<![CDATA[

var _yourBlogUrl
= "http://defcon-blacklist.blogspot.com";



function randomPost() {

var script = document.createElement("script");


script.setAttribute("type", "text/javascript");

var theUrl = _yourBlogUrl
+"/feeds/posts/summary?alt=json-in-script&callback=getTotalPostsCallback&start-index=1&max-results=1";

script.setAttribute("src", theUrl);


document.documentElement.firstChild.appendChild(script);

};

function getTotalPostsCallback(json) {

var totalResults = json.feed.openSearch$totalResults.$t;

if (totalResults > 0) {

getRandomPostNumber(totalResults);


}

};

function getRandomPostNumber(totalResults) {

var randomNumber = Math.floor((Math.random() * totalResults) + 1);

getRandomUrl(randomNumber);

};

function getRandomUrl(randomNumber) {


var script = document.createElement("script");

script.setAttribute("type", "text/javascript");

var theUrl = _yourBlogUrl
+"/feeds/posts/summary?alt=json-in-script&callback=getTheUrlCallback&start-index="

+ randomNumber + "&max-results=1";

script.setAttribute("src", theUrl);

document.documentElement.firstChild.appendChild(script);

};

function getTheUrlCallback(json) {

var theUrl = json.feed.entry[0].link[0].href;


window.location.href = theUrl;

}

//]]>

</script>

=> Jangan lupa ganti warna merah diatas dengan nama blog kita, jika sudah jangan lupa disimpan

Kedua:

Kemudian Tambahkan sebuah Element halaman -> HTML/Javascript

<a href="javascript:randomPost();">View Random Post</a>

Jangan lupa disimpan dan lihat hasilnya :)

Source : http://purplemoggy.blogspot.com/

»»Read Fullpost»»

"Blogumus" is a Flash based tag cloud widget for Blogger

"Blogumus" is a Flash based tag cloud widget which uses scripts converted from Roy Tanck's WP Cumulus plugin for Wordpress. I fell in love with Roy's original Cumulus plugin when I saw it, and simply had to learn how to convert this for use in Blogger powered blogs. The result is the widget you can see in action at the top of this post. Hover your mouse over the Flash object to see the animation begin.

In this post, I'll explain how you can add Blogumus to your own Blogger layout with ease!

Update: Improved Widget Code

I have updated the code required to run this widget to activate links in the tag cloud Flash movie. If you have already installed Blogumus, please replace your widget code with the new updated code, or reference the additional lines to modify your existing installation.

How it works

This widget uses a combination of JavaScript and Flash animation to parse and display your blog labels. Once installed in your template, it should work "out of the box" without any additional tweaking required, though of course you may prefer to change the variables for color, background and size if appropriate :)

You should also be able to move the Label Cloud widget through the Page Elements page of your dashboard if you prefer display in a different layout location.

To see Blogumus in action, both Flash and Javascript must be installed and enabled for your internet browser. However, it does degrade relatively gracefully, and label links will still be clickable (though not animated) for those who do not use JavaScript of Flash (including search engine spiders).

How to install Blogumus in your Blogger layout

Installing Blogumus in your Blogger layout is surprisingly simple! You should only need to copy and paste a section of code to your Blogger template, though any tweaks for the style of display will require some manual editing.

Here are the steps required to install Blogumus in your Blogger layout:

Go to Layout>Edit HTML in your Blogger dashboard, and search for the following line (or similar):

<b:section class='sidebar' id='sidebar' preferred='yes'>

Immediatly after this line, paste the following section of code:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>


</b:if>

<div class='widget-content'>

<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>

<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>


<script type='text/javascript'>

var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);


// uncomment next line to enable transparency

//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);

so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);


so.addVariable(&quot;mode&quot;, &quot;tags&quot;);

so.addVariable(&quot;distr&quot;, &quot;true&quot;);

so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);


so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);

so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);


so.write(&quot;flashcontent&quot;);

</script>


<b:include name='quickedit'/>

</div>

</b:includable>


</b:widget>

Then preview your template. If installed correctly, you should see the tag cloud appear in your sidebar. Then you are free to save your template, edit the colors and dimensions as required, or move it to a different location.

That's all!

Customizing Blogumus

In this default installation, Blogumus includes the following preset variables:

• Width is set to 240px


• Height is set to 300px;


• Background color is white


• Test color is grey


• Font size is "12"

If you would prefer to make your widget wider, shorter, change the color scheme, etc, you will need to do this by editing various parts of the code. I'll go through these options in the order they appear in the widget code.

Editing width and height

The variables for width and height are found in this line of the script:

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

The width (currently 240) is highlighted in red, while the height (300px default) is highlighted in blue. These numerical values specify the width and height in pixels, so you can alter these of you prefer.

Editing background color

You can change the background color from white to any other color by altering the hex value in the same line:

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

For example, if you prefer a bright red background, you may replace #ffffff with #ff0000. Take a look at this page for a list of commonly used hex color codes.

Alter the color of text

By default, the text is set to display as dark grey ( hex value #333333). You can alter this variable in the following line:

so.addVariable("tcolor", "0x333333");

Be aware that "tcolor" is a Flash variable and doesn't include the usual hash symbol of hex color codes. Be sure to only replace the numbers!

Adjust the font size

The maximum font size of tags is specified in this line:

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

You can alter this to ensure tags are displayed in a bigger or smaller font if you prefer by changing "12" to a larger or smaller number.

While making any of these changes, you should be able to preview your widget and be certain that your new choice of color, dimensions and background are suitable for your needs.

Credits, support and requirements

Blogumus is based on the original WP Cumulus plugin by Roy Tanck, and was converted for use with Blogger layouts by myself.

Please leave the credit links in the widget code intact. These will not be seen by the majority of your blog readers (as they will only display if JavaScript and Flash is not activated) but leaving these links intact is a great way of passing some link love on to Roy for all his hard work, and to inform other Blogger users that they can find the widget codes on this site.

Support/Issues

If you have any problems installing or using this widget, please leave your comments below or direct these to the Blogger Buster forums as Roy will be unable to provide support for installation in Blogger blogs!

Requirements

For Blogumus to display properly in your template, you will need to have Flash Player 7 or higher. You can download the latest Flash Player plugin for your browser from Adobe.

I'm not sure that this installation will support special characters as tags (only Latin characters supported at present). If you do experiecce issues with labels displaying incorrectly, please let me know. I'll try to add more support, but have very little experience using Flash!

Your thoughts?

I hope that you enjoy using Blogumus in your own Blogger blogs! Please feel free to share or syndicate this page with your favorite bookmarking service if you think it is worth a mention, or subscribe to the newsfeed to learn of more great Blogger tutorials as they are posted.

»»Read Fullpost»»

Membuat Banner dengan Banner Fans

Anda berencana memasang iklan? tapi masih bingung bagaimana cara membuatnya? Jika anda mencari cara yang praktis untuk membuat iklan, saya sarankan anda menggunakan aplikasi gratis Online Banner Maker dari layanan BannerFans.

BannerFans merupakan alat praktis yang memungkinkan kita membuat banner iklan online dengan cara cepat dan ringkas. Yang paling saya sukai dari Banner Fans dibandingkan layanan sejenis, Bannerfans memiliki jumlah pilihan iklan yang cukup lengkap, mulai dariukuran standar 728x90, 480x15, 125x125 dan berbagi pilihan lainnya. Bila anda masih kurang puas dengan pilihan yang ada, anda bisa mengatur sendiri pilihan ukuran iklannya, bahkan anda juga dibolehkan menambah sendiri gambar lain yang ada dalam komputer anda sebagai backgroundnya.

Dengan layanan ini anda juga bisa menambah text sampai dengan 5 baris, mengatur ukuran font lalu mengatur sendiri pilihan warnanya. Untuk setiap baris iklan anda bisa mengatur sendiri efeknya dan memungkinkan anda untuk menambahkan efek gambar yang berbeda, seperti efek shadow misalkan.
Ya sudah langung dicoba aja yuk ^_^

»»Read Fullpost»»