Penyempurnaan HTML di Webmaster Tool

Banyak mamfaat Webmater tool seandainya kita ingin suatu keberhasilan dalam membuat blog atau website, karena di dalam Tool Webmaster banyak terdapat menu-menu yang bisa kita pakai untuk dapat Mengoptimalkan kinerja HTML yang ada di blog atau Website kita.

Untuk Mengoptimalkan Penyempurnaan HTML Webmaster tool anda bisa mencobanya dengan cara:

1. Anda masuk dulu ke Webmaster Tool

2.Anda klikTambah Situs (Bahasa Indonesia) Kalau anda yang sudah  mendaftarkan blog atau web site-nya bisa langsung mengklik layout template tersebut.

3. Setelah itu anda akan di bawa ke Menu yang terdapat di sebelah kanan Webmaster Tool diantaranya. 

• Konfigurasi 
• kesehatan 
• lalu lintas
• Pengoptimalan   
• Lab

4. Anda Klik Pengoptimalan lalu akan keluar sub menu di bawahnya antara lain.

• Peta Situs
• Hapus url
• Penyempurnaan HTML
• Kata Kunci Konten
• Sumber Daya Lain

5. Anda Klik Penyempurnaan HTML, Disana akan terdapat Tulisan yang menerangkan "Kinerja dan Pengalaman Pengguna situs anda dapat terbantu jika hal berikut teratasi".

6. Dibawah Tulisana "Deskripsi Meta" akan terlihat apakah ada HTML yang tidak dapat di     index oleh mesin pencari. Ini di tandai adanya link.

7. Anda klik link yang berwarna Biru tersebut. Yang bertuliskan "Duplikasi diskripsi meta".

8. Maka akan mucul di bawahnya HTML yang terdapat Kesalahan-kesalahan tersebut.

9. Anda klik terus link-link yang tertera.

10. Sempurnakan  link yang di tunjuk terdapat kesalahan maka  HTML sudah Di Optimalkan.

Selesai.

Baca Selengkapnya »Penyempurnaan HTML di Webmaster Tool

Google AdSense Support Untuk Blog Bahasa Indonesia

Selamat Datang di Program adSense! Akhirnya Google adSense Support Untuk Bahasa indonesia, ini merupakan kabar yang baik dan menyenakan bagi blog atau website yang berbahasa indonesia.  Selama ini memang Google Adsense terasa sulit untuk menempatkan iklannya di blog bahasa indonesia kalaupun ada mungkin bagi mereka yang tau triks atau cara agar blog atau webnya bisa di pasang iklan dari google adsense.

Emanuele Brandi staf dari Google resmi mengumunkan di situs reminya bahwa adsense telah mensupport bahasa indonesia, disini saya memang sengaja mengabarkan  buat teman-teman blogger yang belum tahu.

Jika teman-teman sudah memiliki account AdSense, tidak perlu mendaftar lagi , akun lama juga diperbolehkan untuk menampilkan iklan adsense untuk bahasa indonesia .

AdSense juga sudah support untuk konten Mobile pada situs mobile dalam Bahasa Indonesia. jika teman-teman belum paham tentang menerapkan iklan adsense untuk situs mobile silakan menuju pusat bantuan untuk mempelajari bagaimana menerapkan AdSense di situs mobile.

Kabarkan ke teman-teman blogger sekalian biar kita bisa dapat penghasilan dan juga sebagai cambuk untuk membuat konten yang bagus.

Baca Selengkapnya »Google AdSense Support Untuk Blog Bahasa Indonesia

Cara Memasang Meta Tag Google,Bing.Yahoo Di Blog

Cara Memasang Meta Tag Google,Bing,Yahoo di Blog 

Cara Memasang Meta Tag Google,Bing,Yahoo di Blog. Google, Yahoo dan Bing adalah search engine yang menyediakan webmaster tool yang memberikan informasi rinci dan statistik tentang bagaimana mereka melihat dan menjelajahi blog anda. Agar Google, Yahoo dan Bing dapat mengakses sebagian besar fitur di blog anda, anda harus memverifikasi blog anda terlebih dulu. Berikut adalah cara memverifikasi meta tag di Google dan Bing ( Webmaster Yahoo Site Explorer sudah bergabung dengan Bing ) :

Google Webmaster Tools

1. Log in ke https://www.google.com/webmasters/tools/ dengan account Google anda.
2. Masukkan URL blog Anda dan klik [Add Site].
3. Anda akan disajikan dengan beberapa metode verifikasi.
4. Pilih Meta Tag.
5. Copy meta tag, yang akan terlihat seperti contoh dibawah ini.
   <meta name=’google-site-verification’content=’dBw5CvburAxi537Rp9qi5uG2174Vb6JwHwIRwPSLIK8?>
6. Jangan tutup halaman verifikasi Google Webmaster Tools dulu.
7. Login ke dashboard blog Anda.
8. Dan paste-kan kode meta tag tadi sebelum </head>.
9. Klik tombol [Save Changes].

10. Kembali ke halaman verifikasi Google Webmaster Tools dan klik tombol [Verify].

---

 Bing Webmaster Center/Yahoo Site Explorer

1. Log in ke http://www.bing.com/webmaster dengan account Live! anda.
2. Klik [Add a site].
3. Masukkan URL blog anda dan klik [Submit].
4. Copy meta tag META  seperti contoh dibawah:
   <meta name=’msvalidate.01?content=’12C1203B5086AECE94EB3A3D9830B2E’>
5. Jangan tutup halaman verifikasi Bing Webmaster Center dulu.
6. Login ke dashboard blog anda..
7. Dan paste-kan kode meta tag tadi sebelum </head>.
8. Klik tombol [Save Changes].
9. Kembali ke halaman verifikasi Bing Webmaster Center dan klik tombol [Return to the Site list].

sumber : bootingskoblog.net

Baca Selengkapnya »Cara Memasang Meta Tag Google,Bing.Yahoo Di Blog

Cara Membuat Photo Berputar

Cara membuat Fhoto berputar, untuk apa, bagaimana....mungkin pertanyaan itu akan timbul di benak saudara namun kalau sudah melihat hasilnya mungkin saudara sahabat blogger ingin juga meletakkanya di blog saudara, sebagai penghias blog.coba lihat gambar di atas dan dekati cursor mouse anda. DEMO

Nah begini caranya :
login ke blogger anda,
kemudian pilih dasboard,lanjut pilih rangcangan klik edit HTML...
lalu cari kode ]]></b:skin> jika dah ketemu 


copi-paste kode dibawah ini taruh di atas kode ]]></b:skin>


.simplerotate{
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;
}


.simplerotate:hover{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}

lalu simpan
kemudian ke rangcangan-elemen laman-klik add elemen laman -pilih HTML/javascript


copy code dibawah ini, kemudian paste di gadget hatml/Javascript




<img border="0" class="simplerotate" original="URL PHOTO ANDA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMpsB3tIw6-izb5b0vpfk3E2Nlx1k5mo8scKfjM3GFGpEX2FT_3ahSHKOYSUgm70ePbvBoiQhIu2ajWmJ2csb5tYnrcfFY8h2dUcBcAN2ZYWShoD3wK5Xf0aLFan6WbUG6obeolQ-r0KY/s128/barcelona-fc.jpg" style="display: inline;" />

lihat hasilnya 

Baca Selengkapnya »Cara Membuat Photo Berputar

Cara Membuat Text Berputar Mengelilingi Cursor

membuat text berputar Mengelilingi mause ini kita buat sebagai penghias blog dan sebagai daya tarik pengunjung agar betah berlalama lama di blog kita. Mari ikuti saya ..eeee kok saya yang di ikuti..maksudnya ikuta cara-caranya sebagi berikut : Lihat DEMO

Cara Membuat Teks yang Berputar Mengelilingi Cursor
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<style type="text/css">
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color: #0000FF;

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
//<![CDATA[

;(function(){

// BUAT TULISANNYA DISINI "SEMOGA BETAH DI BLOG DALIDEU...(QUOTED STRING)
var msg = "SEMOGA BETAH DI BLOG DALIDEU...";


// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 25;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

//DALIDEU//

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>

5. Sebelum disimpan, ganti tulisan Membuat Teks yang Berputar Mengelilingi Cursor dengan teks/tulisan yang kita inginkan.

Baca Selengkapnya »Cara Membuat Text Berputar Mengelilingi Cursor

Memasang Widget Perkiraan Cuaca

 Kali ini saya akan menulis tentang cara memasang widdget Perkiraan cuaca di blog . Mumpung cuaca lagi ga menentu akhir-akhir ini jadi sebelum bepergian kita bisa liat cuaca hari ini di blog kita dulu. Di widget cuaca ini terdapat beberapa fitur selain ramalan cuaca hari ini, ada fitur lain juga seperti kecepatan angin buat hari ini. Untuk ramalan cuaca juga bisa disesuaikan dengan kota tempat tinggal sobat, misalnya Bandung, jakarta dan kota-kota lainnya.
Buat sobat yang tertarik untuk memasang widget weather atau widget ramalan cuaca, berikut cara memasang widget weather

• Pertama sobat pergi ke halaman http://www.weather.com/services/oap/weather-widgets.html

• Setelah itu sobat ketik nama kota sobat atau kode post tempat sobat tinggal, misalnya jakarta

• Setelah itu sobat akan masuk ke halaman nama kota yang sobat tadi ketik misalnya Jakarta Indonesia

• Selanjutnya sobat akan di bawa kehalaman Get Code disana sobat bisa bisa memilih dulu tampilan widget yang akan di pasang di blog sobat, jika sudah cocok kemudian Sobat Klik Get kode

• Sobat copy code tersebut kemudian sobat pastekan di widget HTML/Java script sobat.

• Atau jika sobat tinggal di wilayah jakarta sobat bisa copy kode berikut ke widget HTML/Javascript sobat

<script type="text/javascript" src="http://voap.weather.com/weather/oap/IDXX0022?template=DRIVV&par=3000000007&unit=1&key=twciweatherwidget"></script>

Sumber :  http://www.fajar345.com/2012/03/cara-memasang-widget-weather-di-blog.html

Baca Selengkapnya »Memasang Widget Perkiraan Cuaca

Membuat Judul Blog Berubah-rubah

Bosan dengan judul blog yang ituitu saja...!! Nah Kali ini kita mencoba membuat Judul blog beruba-rubah sebagai Daya tarik tersendiri untu menukar suasa agar kita tidak jenuh akan blog kita. Untuk membuat seperti apa yang kita maksd seperi kalimat di judul postingan kita tadi, Nh Kita Langsung Ke Caranya:

1- Login ke Blogger.
2- Di halaman Dasbor, kita pilih Rancangan.>>Edit Tata Letak
3- Klik Add Gadget
4- Pilih Html/Javascript
Lalu Pastekan Kode Dibawah ini


" <script language="JavaScript">
<!--
/*****TITLE JALAN*****/

function tb5_makeArray(n){
this.length = n;
return this.length;
}

tb5_messages = new tb5_makeArray(5);
tb5_messages[0] = "___v0Lc4n0_Nstars___";
tb5_messages[1] = "Welcome To My Blog ";
tb5_messages[2] = "Please Give Me ComMentS";
tb5_messages[3] = "Thank's For Visit";
tb5_messages[4] = "Don't Forget To Wheldt_H4cK3R";
tb5_rptType = 'infinite';
tb5_rptNbr = 10;
tb5_speed = 80;
tb5_delay = 1200;
var tb5_counter=1;
var tb5_currMsg=0;
var tb5_stsmsg="";
function tb5_shuffle(arr){
var k;
for (i=0; i<arr.length; i++){
k = Math.round(Math.random() * (arr.length - i - 1)) + i;
temp = arr[i];arr[i]=arr[k];arr[k]=temp;
}
return arr;
}
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
function tb5_init(n){
var k;
if (n == tb5_arr.length){
if (tb5_currMsg == tb5_messages.length-1){
if ((tb5_rptType == 'finite') && (tb5_counter==tb5_rptNbr)){
clearTimeout(tb5_timerID);
return;
}
tb5_counter++;
tb5_currMsg=0;
}
else{
tb5_currMsg++;
}
n=0;
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
tb5_sp=tb5_delay;
}
else{
tb5_sp=tb5_speed;
k = tb5_arr[n];
tb5_sts[k] = tb5_messages[tb5_currMsg].charAt(k);
tb5_stsmsg = "";
for (var i=0; i<tb5_sts.length; i++)
tb5_stsmsg += tb5_sts[i];
document.title = tb5_stsmsg;
n++;
}
tb5_timerID = setTimeout("tb5_init("+n+")", tb5_sp);
}
function tb5_randomizetitle(){
tb5_init(0);
}
tb5_randomizetitle();

//-->
</script> "
Lalu Klik Save

Dan Lihat Hasilnya

Baca Selengkapnya »Membuat Judul Blog Berubah-rubah

Membuat Energi Saving

Membuat Energi Saving, Energi Saving merupakan suatu tampilan di blog jika crusor tidak kita gerak/jalankan di blog yang lagi kita baca atau kita lihat maka secara otomatis blog tersebut kelihatan gelap, atau bergambar sesuai gambar yang di letakan, nah untuk membuat Energi Saving Di Blog anda ikuti saja cara-caranya sbb:





1. Login di Blogger > pada Dasboard pilih Rancangan > Edit HTML
2. Centang / Check List dulu "expand widget templates"
3. Cari kode </head> kemudian copy - paste kode di bawah ini sebelum kode tersebut

<!-- save your energy -->
<script language='javascript' src='http://h1.ripway.com/oskartagane/tanahsaktienergisaving.js' type='text/javascript'/>
<!-- save your energy end -->


Save..
Selesai.

Baca Selengkapnya »Membuat Energi Saving

Membuat Widget Konten lain

Membuat Widget Konten lain, aneh ya kedengarannya, Ya maksudnya yaitu widget yang menampilkan konten blog orang lain, atau bisa jadi anda mempunyai beberapa blog yang akan di tampilkan di salah satu blog , nah itu maksudnya, ngerti gak kira-kira, saya harap anda mengerti ya.
Untuk membuatnya seperti biasa.

1. Masuk ke blogger anda
2. Klik rancangan
3. Penambahan widget
4. Klik Tambah HTML/javascript
5. Lalu Pastekan Kode Berikut:

<iframe scrolling="auto" width="200" height="350" frameborder="1" src="http://www.wokasloh.co.cc"></iframe>

Keterangan :
Warna Biru Adalah Tinggi dan Lebar widget, bisa anda sesuaikan dengan keinginan anda.
Warna merah adalah Url blog/Konten yang ingin anda masukan.

Simpan...
Selesai...

Contoh :

Baca Selengkapnya »Membuat Widget Konten lain

Cara Mengganti Tulisan Newer Post, Home, dan Older Post Dengan Gambar

Cara Mengganti Tulisan Newer Post, Home, dan Older Post Dengan Gambar, ini salah satu cara agar supaya blog kelihatan lebih cantik dan menarik, nah untuk melakukan pergantian tersebut berikut cara-caranya :


1. Login  blogger
2. Klik menu layout edit HTML Terus centang kotak kecil expand template widget

Mengganti Tulisan Newer Post
cari kode ini: <data:newerPageTitle/>

kalau dah ketemu ganti kode tersebut dengan kode: <img src='alamat gambar (panah kiri)'/>


Mengganti Tulisan Older Post

cari kode ini: <data:olderPageTitle/>
Kalau dah ketemu ganti kode tersebut dengan kode ini: <img src='alamat gambar(panah kanan)'/>


Mengganti Tulisan Home:

cari kode ini: <data:homeMsg/>
kalau dah ketemu ganti dengan : <img src='Alamat gambar(rumah)'/>

Keterangan:
ganti tulisan yang Berwarna Hijau dengan alamat gambar.
Selesai dan lihat Hasilnya.

Baca Selengkapnya »Cara Mengganti Tulisan Newer Post, Home, dan Older Post Dengan Gambar

Cara Membuat widget Slide Cantik Untuk Blog

Untuk Membuat widge Slide Cantik Di Blog anda Seperti gambar Slid Di bawah Ini:

Bagaimana, sangat interkatif bukan? Nah.. Untuk membuatnya sangatlah mudah, ikuti saja langkah-langkahnya berikut ini:

1. Masuk pada Slide
2. Klik Sign-up atau daftar. Kemudian isikan form yang di sediakan
3. Setting sesuai keinginan anda, disitu disediakan beberapa model skins.
4. Setelah proses penyettingan selesai, pada menu pilihan situs seperti facebook, livejournal, blogger, twitter, typepad, friendster, wordpress, dll.
5. Masukkan username dan password Blogger anda guna untuk mendapatkan KODE nya.
6. Copas kode tersebut di kolom halaman tepatnya di bagian HTML. dan beri nama halaman Blog anda dengan Nama Slide.
7. Klik terbitkan.
8. Selesai……

Bagaimana.. mudah bukan?

Baca Selengkapnya »Cara Membuat widget Slide Cantik Untuk Blog

Cara Membuat Blogroll di Blog

Ini lo... Cara Membuat blogroll di blog. Berikut ini ada tiga  contoh tipe blogroll yang bisa Anda gunakan baik yang bernaung dibawah bendera blogger ataupun blog wordpress self hosted maupun dengan hosting wordpress (free). Dan widget blogroll ini hanya memerlukan tag HTML biasa dengan menggunakan semacam “kotak” kemudian diberi overflow dengan dibatasi width (lebar) dan height (tinggi) sehingga overflow pun berfungsi dengan baik jika link blog teman-teman Anda sudah begitu banyaknya. Tiga tipe tersebut adalah dengan border (garis tepi) tanpa border dan menggunakan warna background.

Untuk membuat widget kotak blogroll tersebut yang Anda perlukan adalah tag HTML sebagai berikut,
Tag HTML blogroll dengan border (Blogroll 1)

<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 200px; text-align: center; background:#FFFFF;">
<a href="http://URL-BLOG" target="_blank">Tekslink 01</a><br/>
<a href="http://URL-BLOG" target="_blank">Tekslink 02</a><br/>
Link lainnya
</div>

Tag HTML blogroll tanpa border (Blogroll 2)

<div style="border: 0px; overflow: auto; width: 150px; height: 200px; text-align: center; background:#FFFFFF;">
<a href="http://URL-BLOG" target="_blank">Tekslink 01</a><br/>
<a href="http://URL-BLOG" target="_blank">Tekslink 02</a><br/>
Link lainnya
</div>

Tag HTML blogroll dengan background (Blogroll 3)

<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 200px; text-align: left; background:#FEA8A1;">
<a href="http://URL-BLOG" target="_blank">Tekslink 01</a><br/>
<a href="http://URL-BLOG" target="_blank">Tekslink 02</a><br/>
Link lainnya
</div>

Anda bisa mengubah lebar dan tinggi kotak widget blogroll tersebut dengan mengubah angka yang terdapat setelah width (lebar) dan height (tinggi) disesuaikan dengan ukuran sidebar template Anda. Lalu untuk align teks dan backgroundnya, Anda bisa mengubah left (kiri), right (kanan) atau center (tengah) setalah text-align: dan mengubah kode warna setelah background:# … disesuaikan dengan warna template Anda.

Baca Selengkapnya »Cara Membuat Blogroll di Blog

Cara Membuat label Blogumus di blog

Cara membuat Label Blogumus di Blog itu topk kita kali ini, Untuk membuatnya di blog anda, anda ikuti saja urutan langkah-langkahnya sebagai berikut:

1. Masuk ke Blogger anda

2. Klik Rancangan

3. Tambah Widget HTML

4. Cari code seperti di bawah ini

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

Setelah ketemu kode tersebut silakan Copy Paste kode yang ada di bawah ini, tepat berada di bawah kode di atas.

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

Sebelum di saving, silakan melakukan Pratinjau dulu, silakan tentukan sendiri ukuran panjang dan lebarnya, untuk default ukuran panjang dan lebar blogumus ini adalah width 300 px dan height 240 px, cari kode tersebut dan rubah sesuai dengan template anda.

Selamat mencoba

Baca Selengkapnya »Cara Membuat label Blogumus di blog

Cara Pasang Widget I Love Indonesia

Sekarang saya posting  Bagaimana cara Pasang widget " I LOVE INDONESIA" di Pojok Kanan Atas. saya langsung aplikasikan biar pengunjung bisa membuat di blog sahabat sendiri. Langsung saja, caranya begini:

1. Buka Blogger dan Sign In menggunakan account anda

2. Pilih tata letak

3. Add Widget

4. Text/HTML

5. Masukan Script di bawah ini

<script language="JavaScript" src="http://sites.google.com/site/itinformationclub/widget.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://img38.imageshack.us/img38/8584/iluvindonesia.png")</script>

6. Klik Simpan

Baca Selengkapnya »Cara Pasang Widget I Love Indonesia

Cara Pasang Widget Wibya Toolbar Di blog

Nah sekarang bagaimana cara pasang widget Wibya toolbar di blog..?? Untuk memasang widget ini di blog anda, anda bisa ikuti tahap-tahap berikut :

1. Buka Situs Ini http://www.wibiya.com
2. Klik Get It Now, maka akan akan muncul tampilan seperti ini
3. Isi data lengkap kamu, Full name(nama lengkap kamu), Email Adress(alamat enail, yang nantinya buat konfirmasi akun), Password(isi dengan password yang kamu inginkan), Site Url(isi dengan Url kamu, jika ingin pasang di Blog, maka masukkan alamat blog kamu), Site Name(tentang isi dari blog kamu, Contoh Indonesian Beach), Site Language( pilih bahasa yang kamu mau). Klo sudah terisi lanjutjan dengn klik tombol Next. Dan tampilan berikutnya seperti ini
4. Pilih salah satu tampilan yang kamu inginkan, lanjutkan lagi dengan meng klik tombol next.,dan….tampilannya seperti ini.,
5. Gambar diatas adalah menu menu yang akan di tampilkan pada toolbar kamu nanti, pilih remove from toolbar apabila ingin menghapus salah satu menu yang ingin di tampilkan, jadi intinya pilih menu yang penting-penting saja,. Contoh (Social chat, I translation, Facebook like, dll yang kamu anggap perlu untuk di tampilkan). Lanjut lagi dengan meng klik tombol next. 
6. Akan ada tampilan pop up windows seperti di bawah ini, isikan alamat-alamat yang diminta, jika face book like maka isikan dengan alamat facebook kamu, dan sterusnya, and then klik Done
7. Setelah itu pilih lokasi dimana kamu akan memasang toolbarnya, pilih lambang blogger jika ingin memasang di blogger, dan kamu akan dibawa ke halaman berikutnya seperti ini :
8. Copy Script yang ada di kolom edit Content, semuanya ya, jangan sampe ada yang ketinggalan
9. Langkah selanjutnya Login ke blogger, Pilih Rancangan/Design, add Gadget, Pilih HTML/JAVA Script, Pastekan Kodenya dikotaknya, gak usah di kasih judul ya, dan Pilih Save, Selesai dech, karang lihat hasilnya, ok gak? Apa bila ingin melukakan pengeditan toolbarnya masuk aja ke Wibiya dan kamu otak atik sendiri aja, sesuai dengan tampilan yang kamu inginkan..,Akhir kata semoga postingan ini bermanfaat bagi kita semua

Baca Selengkapnya »Cara Pasang Widget Wibya Toolbar Di blog

Cara Ganti Template Blogspot

Kali ini kita mengetahui bagaimana cara Ganti Template di blogspot, Untuk temeplate baru proses mengganti templatenya Anda perlu mendownload  file template baru yang banyak disediakan untuk blogger , kemudian upload lewat account blogger.
Cara Mengganti template di new blogger:
Yang sudah pakai New Blogger Template

• Login ke blogger.com, setelah masuk ke dashboard, pilih blog yang ingin kamu ganti templatenya. Klik pada link Layout.
• Setelah halaman Template terbuka, pilih sub menu Edit HTML
• Sekarang upload fil .xml yang udah kamu download, Klik tombol Browse dan cari dimana file .xml kamu simpan, kemudian klik tombol Upload

Yang masih mamakai Classic Template, mau pakai yang new blogger template

• Login ke blogger.com, setelah masuk ke dashboard, pilih blog yang ingin kamu ganti templatenya. Klik pada link Template.
• Setelah halaman Template terbuka, pilih sub menu Customize Design
• Klik Tombol Upgrade Your Template dan pilih salah satu template yang ada, kemudian klik tombol Save Template

Jadi code nya seperti make classic template, cukup upload dan templatemu langsung berubah. Ingat, selalu backup/ download template yang dipakai sebelum mengganti dengan template baru.

Baca Selengkapnya »Cara Ganti Template Blogspot

Cara pasang Widget Histat di Blog

Memasang statistik pengunjung pada blog, termasuk salah satu tampilan yang penting. Tujuan utamanya untuk mengetahui seberapa total pengunjung, pengunjung hari ini, total pageview, pageview hari ini dan berapa yang online.

Langkah - langkah Pasang Statistik Pengunjung sebagai berikut :

1. Untuk memulai, silahkan klik  disini
2. Klik Register
3. Isikan data-data anda, seperti : email, password, url blog anda, dll.
4. Klik Continue
5. Setelah itu cek email anda dah klik link yang berwarna biru untuk verifikasi.
6. Kemudian anda akan dibawa ke halaman histats, silahkan login bila diperlukan. Untuk membuat widgets statistk klik menu Counters di menu atas.
7. Setelah itu pilih tampilan counters anda, ada animasi, tampilan 1 line, 2 lines 3 lines dan 4 lines. Pilih sesuai dengan selera anda.
8. Kemudian klik pada counters yang anda inginkan, maka anda akan di berikan kode HTML.
9. Kemudian silahkan copy kode tersebut dan paste pada halaman yang ingin anda pasang di blog anda.
10. Simpan..

Baca Selengkapnya »Cara pasang Widget Histat di Blog

Cara Membuat Translator di Blog

Untuk memasang translator pada blog adalah sangat penting sekali, terutama jika ada pengunjung dari dari negeri luar yang tidak mengerti dengan bahasa kita maka di perlukannya bahasa penerjemah yang harus ada pada blog kita. caranya adalah:

1. login ke blog
2. klik layout masuk ke HTML/Javascript
3. Copy pastekan kode HTML/Javascript di bawah ini

<script src="http://www.gmodules.com/ig/ifr?url=http ://www.google.com/ig/modules/translatemypag e.xml&up_source_language=id&w=160&a mp;h=60&title=&border=&output=js"></script>

kemudian simpan

Baca Selengkapnya »Cara Membuat Translator di Blog

Cara Memasang Widget LinkWithin di blog

 Langsung saja kita membahas Cara memasang Widget LinkWithing di blog, ikuti caranya di bawah ini:

• Masuk ke akun Blogger Anda.
• Kunjungi http://www.linkwithin.com/learn

• Isikan email Anda pada kolom Email.
• Masukkan URL blog Anda di kolom Blog Link.
• Pilih Blogger pada kolom Flatform.
• Pilih banyaknya artikel yang ingin ditampilkan, 3, 4, atau 5 stories pada kolom Width.
• Beri tanda centang pada "My blog has light text on a dark background" bila blog Anda warna latar belakang blog Anda gelap.
• Klik tombol Get Widget!
• Klik Install Widget utnuk membuka Blogger di tab baru.
• Pada halaman Menambah Elemen Laman, Pilih sebuah blog jika Anda memiliki lebih dari satu blog.
• Klik tombol MENAMBAH WIDGET.
• Drag dan drop kotak LinkWithin ke bawah kotak Posting Blog.
• Klik tombol SIMPAN.

Baca Selengkapnya »Cara Memasang Widget LinkWithin di blog

Penerapan Fancybox Dengan Jquary di Blogger

Fancybox adalah efek jendela munculan (pop up) dengan menggunakan JQuery yang dikembangkan Janis Skarnelis. Berbeda dengan jendela munculan yang biasa kita lihat, Fancybox mempunyai desain elegan yang menyerupai pop up pada Mac OS serta efek transisi yang menarik. Selain dapat menampilkan gambar, Fancybox juga mampu menampikan halaman eksternal dengan Iframe. Lebih lanjut, silakan lihat mampir ke halaman demo.
Cara Penerapan
 

Pemasangan di template Blogger/blogspot

Langkah 1
Unduh (download) kode yang telah dikustomisasi di sini
Isi file:
1. jquery.fancybox-1.3.1.css
2. jquery.fancybox-1.3.1.js
3. jquery.mousewheel-3.0.2.pack.js (opsional)

Unggah (upload) file jquery.fancybox-1.3.1.js dan jquery.mousewheel-3.0.2.pack.js (opsional) ke hostingan Anda (saya menggunakan Fileave.com untuk menitipkan file js).

Langkah 2 Buka file jquery.fancybox-1.3.1.css dengan notepad, copy semua kode di dalamnya
Langkah 3 Backup template Anda, lalu tuju halaman Edit HTML, paste kode pada Langkah 2 di atas
]]></b:skin>
Langkah 4 Tempatkan kode JQuery berikut di atas </head>  (bila belum ada)
<!-- jQuery -->
<script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'/>
Langkah 5 Selanjutnya tempatkan kode berikut setelah kode JQuery tersebut (ganti http://hostingan-anda.com/jquery.fancybox-1.3.1.js dengan alamat hostingan file Anda)

<!-- Fancybox Costumized Js -->
<script src='http://hostingan-anda.com/jquery.fancybox-1.3.1.js' type='text/javascript'/>
<!-- Js Tambahan -->
<script type='text/javascript'>
$(document).ready(function() {
    $(&quot;a:has(img)&quot;).fancybox();
    $(&quot;a.image&quot;).fancybox();
    $(&quot;a.iframe&quot;).fancybox();
    $(&quot;a#inline&quot;).fancybox({
    &#39;hideOnContentClick&#39;: true
    });
    $(&quot;a.group&quot;).fancybox({
        &#39;speedIn&#39;    : &#39;600&#39;,
        &#39;speedOut&#39;    : &#39;200&#39;,
        &#39;overlayShow&#39;    : &#39;false&#39;
    });
    $(&quot;a.buzz&quot;).fancybox({
                    &#39;autoScale&#39;     : false,
                    &#39;transitionIn&#39;  : &#39;none&#39;,
                    &#39;transitionOut&#39; : &#39;none&#39;,
                    &#39;type&#39;          : &#39;iframe&#39;
            });
});
</script>
<!-- end Fancybox Costumized Js  -->
Langkah 6 Simpan template Anda

Penerapan
Sampai di sini proses pemasangan Fancybox di template Blogger Anda telah selesai. Langkah selanjutnya adalah penerapan efek Fancybox pada objek yang Anda inginkan di postingan, maupun elemen halaman blog Anda (Single Image, Image Gallery, Iframe dan konten Inline)
1.    Single Image
<a class="single_image" href="http://gambar-anda.jpg"><img src="gambar-thumbnail-anda.jpg" alt="keterangan-gambar"/></a>
 
2.    Image Gallery
<a class="grouped_elements"  href="http://gambar1-anda.jpg"><img src="gambar-thumbnail1-anda.jpg" alt="keterangan-gambar 1"/></a>
<a class="grouped_elements" href="http://gambar2-anda.jpg"><img src="gambar-thumbnail2-anda.jpg" alt="keterangan-gambar 2"/></a>
 
3.    Iframe
<a class="iframe" href="http://www.google.com" title="keterangan-iframe">Contoh Iframe Google.com</a>
 
4.    Konten Inline
<a id="inline" href="#data">Menampilkan konten dari elemen dengan id="data"</a>
<div style="display:none"><div id="data">Kata-kata (objek inline) yang muncul di pop up</div></div>
 
Opsi Tambahan
1.    Anda dapat mengaktifkan mouse weel sebagai navigasi untuk Image Gallery dengan menambahkan jquery.mousewheel-3.0.2.pack setelah penempatan kode jquery.fancybox-1.3.1.js. Untuk melihat efeknya silakan lihat halaman demo bagian Image Gallery dan gunakan mouse weel Anda.
2.    Untuk menampilkan Iframe dengan skala tertentu, Anda dapat menambahkan kode berikut di deretan <-- Js Tambahan --> (ubah angka 35 untuk lebar dan 75 untuk tinggi sesuai kebutuhan)
            $(&quot;.extLink&quot;).fancybox({
         &#39;width&#39; : &#39;35%&#39;,
         &#39;height&#39; : &#39;75%&#39;,
         &#39;autoScale&#39; : false,
         &#39;transitionIn&#39; : &#39;none&#39;,
         &#39;transitionOut&#39; : &#39;none&#39;,
         &#39;type&#39; : &#39;iframe&#39;
            });
Selanjutnya gunakan class="extLink" untuk melakukan pemanggilan (contoh dapat dilihat di halaman demo shoutmix)
Penutup
Untuk keterangan lebih lanjut silakan mampir ke Fancybox.net. Terima kasih, selamat mencoba, dan semoga bermanfaat

Sumber Tutorial : http://kolom-tutorial.blogspot.com/2010/07/penerapan-fancybox-dengan-jquery-di.html

Baca Selengkapnya »Penerapan Fancybox Dengan Jquary di Blogger