Menampilkan iklan di atas postingan setelah read more diklik

Berikut ini adalah tutorial bagi anda yang sangat gemar mencari uang dari iklan pada blog. Mungkin dengan tutorial ini, anda bisa menarik pengunjung untuk mengklik iklan anda karena iklan anda akan selalu tampil di paling atas pada postingan anda. Bagi yang postingannya telah diberikan fasilitas read more, maka iklan tersebut akan tampil di atas postingan setelah pengunjung mengklik tombol read more tersebut, sehingga dapat memungkinkan loading blog anda akan lebih cepat.
Berikut ini adalah caranya:

1. Masuk ke Edit HTML dan jangan lupa untuk mencentang Expand Template Widget.
2. Cari kode <data:post.body/>
3. Jika ingin iklanmu muncul dibagian atas posting letakkan kode iklannya diatas kode <data:post.body/>
4. Dan jika ingin iklanmu muncul dibagian bawah posting letakkan kode iklannya setelah kode <data:post.body/>
5. Jika ingin iklanmu masuk didalam postingan sebelah kiri tambahkan kode <div style='float:left;'> dan </div> diantara kode iklanmu, untuk sebelah kanan, tinggal mengganti left menjadi right.
6. Tambahkan kode-kode untuk menampilkan gadget hanya pada postingan dan kode tersebut bisa anda cari disini
7. Jika sudah selesai jangan lupa untuk klik simpan template.

NOTE : tidak semua kode iklan dapat langsung ditaruh di dalam template, sebagian ada yang harus di parse terlebih dahulu contohnya kode iklan google adsense. Untuk mem-parse kode iklan silakan klik disini, masukkan kode iklan yang ingin diparse dan klik encode, copy hasilnya dan masukkan hasil encode tersebut ke template tadi

SELAMAT MENCOBA

Read more

Menampilkan gadget di halaman tertentu pada blog

Berikut ini hanyalah sebuah tutorial sederhana, yaitu untuk membuat gadget blog hanya ditampilkan pada halaman tertentu saja dan mungkin juga bisa berguna untuk mempercepat loading blog kita.

Baiklah, langsung saja pada tutorialnya.
Berikut ini adalah macam-macam kode beserta fungsinya :

Menampilkan Widget Hanya di Homepage (halaman awal blog)

<b:if cond='data:blog.url == data:blog.homepageUrl'>
..........................
</b:if>

Menampilkan Widget selain di Homepage

<b:if cond='data:blog.url != data:blog.homepageUrl'>
.....................................
</b:if>

Menampilkan Widget hanya di Archivepages (halaman arsip blog)

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

Menampilkan Widget selain di Archivepages

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

Menampilkan Widget hanya di Itempages (postingan)

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

Menampilkan widget selain di Itempages

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

Menampilkan widget hanya di Staticpages (halaman statis)

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

Menampilkan widget selain di staticpages

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

Menampilkan widget pada URL Postingan Tertentu

<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>
.........................................
</b:if>

Menampilkan widget selain di URL postingan tertentu
<b:if cond='data:blog.url != &quot;alamaatpostingan&quot;'>
................................................
</b:if>

NOTE: pada "alamat postingan", ganti dengan URL postingmu

Sekarang cara mengaplikasikannya adalah dengan meletakkan kodenya dengan susunan sebagai berikut:

Misal Judul Gadget yang digunakan uji coba adalah "translator"
Maka kode keseluruhan:

(Cari kode ini dengan memberi tanda contreng pada Expand Template Widget)
Tanda strip yang berwarna merah adalah tempat kamu harus meletakkan kode penyembunyi gadgetnya
Sebagai contoh, aku punya widget yang kuberi nama "Translator"
Maka kode keseluruhan pada templatenya adalah:

<b:widget id='HTML2' locked='false' title='Translator' type='HTML'>
<b:includable id='main'>
..................................................kode penyembunyi widget
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
.............................................. kode penutup
</b:includable>
</b:widget>

NOTE: kode ini bisa anda cari dengan mencentang pada Expand Widget Template

Contoh:

<b:widget id='HTML2' locked='false' title='Translator' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

SELAMAT MENCOBA

Read more

Cara membuat page navigasi pada blog

Berikut ini adalah tutorial untuk cara membuat halaman pada blog, dan contohnya bisa anda lihat pada gambar di atas.
Fungsinya adalah bisa untuk memudahkan pengunjung mencari halaman yang dimaksud atau memudahkan untuk mengetahui halaman berapa yang sedang mereka baca.

Langsung saja pada tutorialnya.
1. Login akun blogger anda
2. Masuk ke Rancangan
3. Pilih Edit HTML (jangan lupa beri tanda centang pada pilihan Expand widget template)
4. Cari kode ]]></b:skin> (cara mudah mencari kode HTML adalah dengan cara meng-klik CTRL F pada keyboard anda)
5. Copy kode di bawah ini dan pastekan tepat sebelum atau di atas kode ]]></b:skin> tadi

.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;
}

.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;


}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

6. Kemudian, cari kode berikut ini:

<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

7. Copy kode di bawah ini dan pastekan di bawah kode </b:section>

<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';


var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += 'Â <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-
script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

<div style='text-align:right;font-size:10px;color:000000;margin-top:15px;
display:none;'> <a href='http://www.teamanima.co.cc/2010/06/cara-membuat-page-navigasi-pada-blog.html'>Get this widget</a></div>

8. Kemudian save template

SELAMAT MENCOBA

Read more

Cara memasang kode warna pada blog

Apa itu kode warna?
Warna yang biasa kita lihat dalam kehidupan sehari-hari kita, ternyata juga digunakan dalam dunia teknologi, mungkin banyak dari kita yang belum mengetahui kalau sebenarnya warna yang terdapat dalam dunia teknologi adalah merupukan kumpulan kode-kode dalam bahasa teknologi.
Dalam website/blog misalnya, kita sering menggunakan warna untuk memberikan variasi yang lebih menarik, dan itupun membutuhkan kode-kode ini.
Berikut ini saya akan memberitahukan cara memasang sebuah tabel kode warna pada web atau blog anda, sehingga anda tidak perlu lagi susah-susah mengingat kode-kode untuk setiap warna yang ingin anda gunakan.

Berikut adalah cara-caranya:
1. Login akun blogger anda
2. Masuk ke menu Rancangan
3. Pilih Edit HTML
4. Beri tanda centang pada opsi Expand widget template
5. Kemudian, cari kode </head>
6. Copy kdoe di bawah ini dan pastekan di atas / sebelum kode </head> tadi

<script language='javascript'>
function Barva(koda)
{
document.getElementById("vzorec").bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById("vzorec2").bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}
</script>

<script type='text/javascript'>

var hue;
var picker;
//var gLogger;
var dd1, dd2;
var r, g, b;

function init() {
if (typeof(ygLogger) != "undefined")
ygLogger.init(document.getElementById("logDiv"));
pickerInit();
//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
}

// Picker ---------------------------------------------------------

function pickerInit() {
hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
hue.onChange = function(newVal) { hueUpdate(newVal); };

picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);
picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };

hueUpdate();

dd1 = new YAHOO.util.DD("pickerPanel");
dd1.setHandleElId("pickerHandle");
dd1.endDrag = function(e) {
// picker.thumb.resetConstraints();
// hue.thumb.resetConstraints();
};
}

executeonload(init);

function pickerUpdate(newX, newY) {
pickerSwatchUpdate();
}


function hueUpdate(newVal) {

var h = (180 - hue.getValue()) / 180;
if (h == 1) { h = 0; }

var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);

document.getElementById("pickerDiv").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

pickerSwatchUpdate();
}

function pickerSwatchUpdate() {
var h = (180 - hue.getValue());
if (h == 180) { h = 0; }
document.getElementById("pickerhval").value = (h*2);

h = h / 180;

var s = picker.getXValue() / 180;
document.getElementById("pickersval").value = Math.round(s * 100);

var v = (180 - picker.getYValue()) / 180;
document.getElementById("pickervval").value = Math.round(v * 100);

var a = YAHOO.util.Color.hsv2rgb( h, s, v );

document.getElementById("pickerSwatch").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

document.getElementById("pickerrval").value = a[0];
document.getElementById("pickergval").value = a[1];
document.getElementById("pickerbval").value = a[2];
var hexvalue = document.getElementById("pickerhexval").value ='#'+
YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)
if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select();
}

</script><!--[if gte IE 5.5000]>
<script type="text/javascript">

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}

YAHOO.util.Event.addListener(window, "load", correctPNG);

</script>
<![endif]-->

7. Setelah selesai, klik Save

Berikut ini adalah kode untuk tabelnya dan anda bisa menaruhnya di postingan atau pada Laman (Posting -> Edit Laman)

<center><form name="hcc" id="hcc">
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b40404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0101">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f78181">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#61380b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df7401">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#faac58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#868a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#38610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#74df00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bef781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df74">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a85">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861">
</td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0174df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#08088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0101df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#380b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#7401df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb">
</td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b38">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0174">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5">
</td></tr><tr height="10"><td>
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#151515">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#424242">
</td><td onclick="Barva(this.bgColor)" bgcolor="#585858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#848484">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff">
</td></tr></tbody></table></td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" height="24" width="24">
</td><td valign="bottom"><p>Kode warna yang terpilih : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></td></tr></tbody></table>
</form></center>

Untuk contoh atau demo, bisa anda lihat disini

SELAMAT MENCOBA

Read more

Membuat tampilan iklan yang tiba-tiba muncul pada blog

Mungkin banyak dari anda yang memiliki blog atau website yang digunakan sebagai ladang iklan. Tapi bagaimana dengan iklan anda yang tidak laku atau bagaimana dengan iklan yang tidak pernah di klik oleh pengunjung?
Saya punya solusinya, mungkin berhasil, mungkin juga tidak, tapi kita tidak akan pernah tahu sebelum mencoba.
Baiklah, pertama saya akan menjelaskan tentang cara kerjanya, iklan ini pada mulanya hanyalah sebuah iklan biasa, namun dengan tampilan berbeda, apa bedanya? Iklan ini akan muncul secara tiba-tiba saat seorang pengunjung mendatangi blog/website anda.
Baiklah, mungkin anda sudah merasa bosan dengan penjelasan saya yang panjang tersebut.
Berikut ini adalah kode dan cara pemasangannya:

1. Login ke Blogger
2. Masuk ke "Rancangan - Elemen Laman"
3. Klik Tambah Gadget
4. Pilih HTML/JavaScript
5. Copy kode di bawah ini dan paste pada bagian konten (kalau bisa tanpa perlu anda beri judul):

<style type="text/css">
#topbar{
position:absolute;
visibility: hidden;
width: 350px;
z-index: 100;
padding:5px;
background-color: #FFFFFF;
border: 1px solid #333333;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin:0 auto 10px;
float:left;
color: #505050;
text-align: justify;
font-size: 12px;
font-family: Verdana, serif;
}
</style>


<script src="http://s2.sigmirror.com/files/52659_xu57s/js_pop_up.js" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=0
var startX = 20
var startY = 20
var verticalpos="fromtop"
</script>


<div id="topbar">
<div align="right"><a href="" onclick="closebar(); return false"><button>Tutup</button></a></div>
<!-- Kode Iklan -->

<font face="arial,sans-serif" color="#83878c" style="line-height: 8px; font-size: 9px; text-decoration:underline;"><a href="http://www.teamanima.co.cc/2010/06/membuat-tampilan-iklan-yang-tiba-tiba.html" target="_blank">Get this widget</a>
</div>

6. Klik tombol Save


Sekarang, saya akan memberitahukan apa saja yang dapat anda ubah dari kode di atas?

1. Nilai 350 untuk mengatur lebar tempat iklan

2. Nilai #FFFFFF untuk mengubah warna latar dari tempat ads popup

3. Nilai 1px solid #333333 untuk mengatur garis pinggir, jika anda tidak memerlukan garis pinggir ubah 1px menjadi 0px atau ubah solid menjadi none

4. Untuk mengetahui kode-kode warna HTML silahkan klik disini.

5. var persistclose=0, nilai 0 berarti ads popup akan selalu muncul walau diklik tombol Tutup pada saat pengunjung membuka halaman lain, nilai 1 berarti ads popup hanya akan muncul satu kali sampai pengunjung meng-klik tombol Tutup dan ads popup tidak akan muncul lagi walaupun pengunjung membuka halaman lain sampai browser ditutup

6. var startX = 20 dan var startY = 20, nilai 20 adalah jarak x dan y antara ads popup dengan sisi browser dengan satuan pixel (px), ubahlah nilai 20 untuk mengatur jaraknya

7. var verticalpos="fromtop" untuk mengatur dari mana ads popup muncul, jika berarti ads popup akan muncul dari atas dan selalu diposisi atas browser, jika di set "fromtop", namun jika diatur "frombottom" berarti ads popup akan muncul dari bawah dan akan selalu diposisi bawah browser.

8. Gantilah kode <!-- Kode Iklan --> dengan kode iklan milik anda.

SELAMAT MENCOBA

Read more

Panduan Setting domain .co.cc

Berikut ini adalah sebuah tutorial bagi anda yang telah memiliki blog dengan fasilitas blogger.
Pertama-tama, saya akan menjelaskan apa itu.co.cc?
Jika anda memiliki sebuah blog dengan fasilitas blogger.com, pasti blog anda tersebut memiliki pola domain htttp://namablogmu.blogspot.com. Jika anda merasa domain tersebut terlalu panjang untuk diingat, saya telah merekomendasikan sebuah website yang akan dengan senang hati mempersingkat blog anda dengan nama domain sesuka anda.

Pertama-tama, silakan anda masukkan nama domain yang anda inginkan di bawah ini untuk memastikan apakah nama domain yang anda inginkan masih tersedia atau tidak.



Jika tersedia, anda sudah siap untuk membuat blog anda memiliki nama lebih singkat lagi.
Jika pendaftaran telah selesai dan blog anda telah memiliki nama baru dengan pola www.namablogmu.co.cc. Sekarang adalah saatnya kita mengatur publikasi pada blogspot kita agar bisa berubah menjadi .co.cc

Berikut ini adalah caranya:

Lakukan setting pada menu ke-2 yaitu ZONE RECORD
Untuk setting, anda ubah menjadi berikut :

Host: www.namablogmu.co.cc
TTL: 1D
Type: CNAME
Value: ghs.google.com

NOTE: untuk host tidak harus www.namablogmu.co.cc, tapi bisa anda pakai blog.namablogmu.co.cc atau nama-nama lain yang anda inginkan.

Cara di atas digunakan untuk yang baru pertama kali mendaftar di .co.cc

Untuk yang sudah memiliki akun .co.cc, silakan gunakan setting berikut, atau bagi yang baru mendaftar namun tidak berhasil bisa juga menggunakan setting berikut:

Host: (kosongkan)
TTL: 1D
Type: A
Value: 74.125.53.121

Simpan pengaturan tersebut.
Setelah proses itu berhasil, saatnya kita mengatur blogspot kita.
Berikut adalah gambar urutan proses-prosesnya:

Pilih tab menu pengaturan, pilih submenu publikasi


Klik beralih ke pengaturan lanjutan


Kamu akan dibawa ke Form seperti gambar dibawah ini
Isi domain Anda dengan namablogmu.co.cc atau www.namablogmu.co.cc atau blog.namablogmu.co.cc atau nama lain yang anda masukkan saat mendaftar di .co.cc tadi
Gunakan Hostfile yang hilang (pilih TIDAK)
Isikan kode captcha pada verifikasi kata lalu klik simpan setelan


Selesai!
Sekarang coba cek blog kamu, apakah sudah beralih ke domain custom?
Sudah? sekarang hanyalah cara bagaimana caranya agar pengunjung yang menuju namablogmu.co.cc akan diarahkan ke www.namablogmu.co.cc atau subdomain.namablogmu.co.cc
Masuk lagi ke tab pengaturan pilih Publikasikan

Kamu beri tanda centang pada pilihan Mengarahkan namablogmu.co.cc ke www.namablogmu.co.cc

SELAMAT MENCOBA

Read more

Cara membuat daftar isi versi simple

Berikut ini adalah bentuk daftar isi dengan model yang berbeda dari postingan saya yang sebelumnya
Jika tutorial sebelumnya adalah tentang membuat daftar isi dengan model atau gaya accordian yang rumit, sekarang akan saya berikan tutorial tentang cara membuat daftar isi yang lebih simple.

Berikut adalah kodenya :

<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" />
<script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://namablogmu.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Ubah tulisan Namablogmu dengan nama blog anda masing-masing

Kemudian, berikut ini adalah gambar cara pemasangannya :

1. Pilih tab Posting
2. Masuk ke tab Edit halaman
3. Klik menu buat halaman baru



4. Masukkan kode tadi ke kolom yang tersedia dan jangan lupa untuk mengubah Tulisan Namablogmu dengan nama blog anda masing-masing.
5. Pastikan kolom tersebut merupakan kolom dari EDIT HTML



Untuk contohnya bisa anda lihat disini
Tutorial ini diadopsi dari abu-farhan.com

SELAMAT MENCOBA

Read more

Cara membuat daftar isi versi accordion

Berikut ini adalah sebuah tutorial tentang cara membuat sebuah daftar isi pada blog anda dengan tampilan accordian yang menarik dan bisa anda coba pasang pada blog anda masing-masing.

Pertama-tama, saya akan memberikan kodenya:

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://namablogmu.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

Ubah Tulisan Namablogmu dengan nama blog anda masing-masing.

Kemudian, berikut ini adalah gambar cara pemasangannya :

1. Pilih tab Posting
2. Masuk ke tab Edit halaman
3. Klik menu buat halaman baru



4. Masukkan kode tadi ke kolom yang tersedia dan jangan lupa untuk mengubah Tulisan Namablogmu dengan nama blog anda masing-masing.
5. Pastikan kolom tersebut merupakan kolom dari EDIT HTML



Untuk contoh, bisa anda klik disini
Tutorial ini diadopsi dari Abu-Farhan.com

SELAMAT MENCOBA

Read more

Membuat menu spoiler pada blog

Tampilan spoiler, bisa dibilang sebuah menu yang bisa menghilang dan muncul lagi, dengan sebuah tombol untuk melakukan hal tersebut
Untuk contohnya, bisa anda klik pada tombol di bawah ini :

[Judul Spoiler] [Judul miring] :

Baiklah, langsung saja saya akan memberikan kodenya agar anda, para blogger bisa membuat menu spoiler seprti tadi.
Berikut adalah kode yang anda gunakan :

<div style="margin: 5px 20px 20px;"><div style="margin-bottom: 2px;"><b>[Judul Spoiler] <em>[Judul miring]</em></b> : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div><br /><div style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>

Lalu, apakah yang bisa anda rubah sesuai keinginan anda?
1. Tulisan [Judul Spoiler]
dan [Judul miring] merupakan judul dari tampilan spoiler yang bisa anda rubah sesuai kebutuhan
2. Tulisan Show dan Hide yang merupakan tampilan tombol yang bisa anda rubah sesuai keinginan
3. Tulisan [ISI SPOILER] yang merupakan isi di dalam spoiler tersbut saat dittampilkan yang bisa dirubah sesuai kebutuhan anda juga.

Untuk pemasangan, anda bisa memasangnya pada kolom widget yang ada di samping kanan / kiri, atau bisa juga di postingan blog anda.

SELAMAT MENCOBA

Read more

Cara menghilangkan tulisan UNDEFINED pada blog

Saat kita mengganti template blog kita, tidak jarang tampilan tanggal pada blog akan berubah menjadi "UNDEFINED" dan hal tersebut kemungkinan besar disebabkan karena template baru blog yang kita pasang membutuhkan format tanggal yang berbeda.
Berikut ini saya akan memberikan solusinya.

1. Untuk menyelesaikan masalah tersebut pertama login ke blogger.
2. Pilih settting atau pengaturan.
3. Kemudian pilih format
4. Ubah format header tanggal, format tanggal indek arsip dan format timestamp seperti yang ditunjukkan pada gambar di bawah ini:



5. Simpan setting anda.
6. Ketika memunculkan blog anda maka tanggal pada judul posting anda akan bekerja dan tidak ada lagi tulisan UNDEFINED.

SELAMAT MENCOBA

Read more

website toolbar dengan wibiya

Apa itu wibiya?
Wibiya adalah sebuah website yang menyediakan fasilitas toolbar yang di install pada website dan berfungsi untuk memudahkan pengunjung ataupun membuat tampilan website yang lebih menarik.



Lalu, dimanakah toolbar tersebut dipasang?
Toolbar wibiya tersebut terletak pada bawah website, untuk contohnya, anda bisa melihatnya di bawah blog ini (tampilan garis panjang berwarna orange)

Apa saja fasilitas yang diberikan pada toolbar wibiya ini?
Mungkin pada blog ini, fasilitas keseluruhan masih belum saya tambahkan karena banyak yang tidak begitu penting.
Namun, jika anda masih penasaran, saya bisa memberitahukan apa saja fasilitas-fasilitas yang disediakan oleh wibiya

Berikut ini adalah fasilitas-fasilitasnya:

You Tube video gallery

Menampilkan video-video yang ada pada youtube.com

Real Time users

Menampilkan jumlah pengunjung yang sedang online (fasilitas dari whos.amung.us

Twitter Lists

Memudahkan pembaca dalam melihat profile lengkap atau pencarian dalam twitter tanpa perlu meninggalkan website / blog anda

Twitter Dashboard

Memudahkan pengunjung dalam melakukan kegiatan-kegiatan yang berhubungan dengan twitter seperti tweets, latest tweets, search, dan lain lain

Twitter Profile

Menampilkan profil twitter lengkap anda dan memudahkan pengunjung dalam melakukan kegiatan-kegiatan twitter tanpa perlu meninggalkan website / blog anda

Addictive Flash Games

Memberikan fasilitas games flash online gratis bagi pengunjung agar bisa bermain tanpa perlu meninggalkan blog anda

Scroll To Top

Memudahkan pengunjung untuk menuju bagian paling atas pada blog anda

Webpage Chat

Sebuah tambahan chat website yang unik pada setiap halaman website anda dengan full intregasi twitter dan facebook

Smart Share

Memudahkan pengunjung website anda dalam berbagi conten yang ada pada web anda dan juga berguna untuk menambah trafik pengunjung karena anda akan memdapatkan link balik darinya

Share Menu

Memudahkan pengunjung dalam berbagi, menyimpan, mendistribusikan isi konten web anda melalui Facebook, twitter, Digg, Yahoo! Buzz, myspace, dan lain lain

Search

Memudahkan pengunjung dalam pencarian konten yang ada pada blog anda maupun pencarian dengan fasilitas google

Subscribe

Memudahkan pengunjung untuk bisa berlangganan postingan blog anda

Latest Posts

Menampilkan postingan-postingan web anda

Random Post

Membuat pengunjung menuju ke postingan yang dipilih secara acak

Project Board

Memudahkan pengunjung anda dalam berbisnis online (kemungkinan, anda pun akan mendapatkan penghasilan dari memasang fasilitas ini)

Live Notifications

Memberikan pemberitahuan secara langsung yang akan tampil saat pengunjung pertama kali membuka website anda

Navigation Links

Memudahkan pengunjung anda jika ingin berpindah halaman website

Simple Text Title

Menampilkan tulisan singkat pada halaman website anda

Justin.tv Live Broadcasting

menampilkan video secara langsung dan koneksi real time dengan pengunjung anda melalui Justin.tv channel milik anda sendiri

iTranslation

Menampilkan terjemahan konten dalam website anda dalam berbagai bahasa (tersedia 45 bahasa)

Google Buzz

Mengintegrasikan google buzz anda dan membagikan konten anda

Games Arcade

Menambahkan fitur games hingga 12.000 games seru pada website anda yang dapat dimainkan pengunjung

FriendFeed Stream

Mengintegrasikan feed stream teman pada website anda

Facebook Recommendations

Memungkinkan pengunjung website anda untuk mengetahui halaman dan konten dalam website (fasilitas facebook) yang dapat di
Like ataupun dihubungkan

Facebook Like Button

Memudahkan pengunjung untuk membagikan konten yang telah di "Like" dengan facebook dengan satu klik

Facebook Activity
Feed

Menampilkan aktifitas terbaru website anda pada facebook

Facebook Fan Page

Menghubungkan para fans website anda dan bisa juga berfungsi untuk menambahkan jumlah fans website anda dalam facebook

User Donations

Membuat donasi website anda dengan fasilitas paypal

Facebook Photos
Gallery

Menampilkan foto facebook anda pada pengunjung blog dengan tampilan 3D yang cool

Digg

Menampilkan tombol digg pada wibar website anda

Photo Gallery

Menampilkan galeri foto lengkap anda dengan tampilan 3D yang cool

Website Chat

Membuat ruang chat pada website anda yang dapat diakses melalui berbagai halaman dalam website anda

Content Timeline (beta)

Menampilkan timeline visual dan interaktif dari berbagai RSS feed

Twitter@Anywhere

Mengintegrasikan twitter langsung dari website anda dalam satu klik

Kali ini, saya akan menjelaskan cara pemasangannya:
1. Pertama-tama, daftarkan dulu diri anda di wibiya dengan cara klik disini
2. Ikuti langkah-langkah selanjutnya yang telah diberikan

Setelah proses pendaftaran selesai, yang perlu anda lakukan hanyalah menunggu e-mail yang akan dikirimkan ke e-mail anda
NOTE : e-mail mungkin anda terima paling lama satu minggu, jadi harap bersabar

Setelah e-mail anda terima, yang perlu anda lakukan hanyalah mengikuti langkah-langkah yang telah tercantum pada e-mail tersebut.

SELAMAT MENCOBA

Read more