Membuat Artikel Terkait Thumbnail Untuk Blogspot

Membuat Artikel Terkait Thumbnail Untuk Blogspot - Cara membuat artikel terkait thumbnail di blogspot ini sudah banyak blogger yang menulis di blog mereka, namun Belajar Ilmu Komputer juga menulis artikel ini karena ada beberapa pengunjung yang mengharapkan agar artikel tentang cara membuat artikel terkait atau bahasa Inggrisnya Realated Post ini diposting juga di blog Belajar Komputer dan

Read More

Cara Cepat Membuat Banner Online Gratis

Anda memiliki blog dan hendak mempercantik blog anda dengan banner-banner cantik? tidak salah lagi anda menemukan artikel yang tepat untuk mengetahui tempat dan cara cepat membuat banner online secara gratis. Daripada anda bersusah paya untuk membuat animasi dengan software khusus seperti Adobe Photoshop, Adobe Flash dan lain, alangkah lebih cepat apabila anda memanfaatkan tempat pembuatan

Read More

Cara Menghilangkan Sidebar pada Blog

Sobat antero, apakah sobat berpikir dalam platform blogger tidak dapat menyembunykan Sidebar yang jugadapat membuat halaman lebar.
Namu sobat memerlukan bantuan XML dan CSS untuk menghapus sidebar dan bahkan dapat meningkatkan lebar tanpa menghadapi kesulitan apapun. Tujuan utama dari peningkatan lebar dan menyambunyikan sidebar halam terntentu adalah untuk mengubah blog sobat menjadi tampak keren.
Langkah-langkah:
1. Pergi ke Blogger.com > Tambah Halaman BARU/ Post
2. Selanjutnya pilih TAB HTML pada Psot Editor Blogger
3. Copy dan Paste Kode CSS dan XML berikut:

<style>
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;}
#main-wrapper { width:<b>98%</b>!important;}
.post { width:98%!important; }
</style>

Tambahan:
Jika sobat ingin menhilangkan Judul halamn tertentu, silahkan tambahkan Kode di bawah sebelum </style>.
Bot dan crawler akan tetap membaca judul tersebut, tetapi pengujung (manusia) tidak akan melihatnya karena dengan bantuan CSS kita telah menyembunyikannya dari mereka.

.post-title, .post-labels, post-icons, post-author {display:none!important;}

Read More

Cara Pasang Iklan Di Bawah Akhir Artikel Posting

Cara memasang iklan di setiap akhir artikel atau bagian bawah postingan ini dapat diterapkan untuk memasang iklan seperti Google Adsense maupun iklan lokal lainnya seperti Kliksaya atau iklan lainnya. Saya sengaja menulis artikel tentang cara memasang iklan di akhir postingan ini karena perlu anda ketahui bahwa tempat yang paling ideal dan tepat untuk memasang iklan dan paling banyak di klik

Read More

Cara Cepat Promosikan Blog

Sobat Antero, sudah lama nggak posting. Ya maklumlah masih anak sekolah, pumpung ada kesempatan saya membagikan sebuah cara cepat promosi blog.

Sangat klasik berbicara tentang promosi blog tp ini salah satu cara untuk meningkatkan pengunjung ke blog anda karena dengan banyaknya pengunjung ke blog anda meningkatkan popularitas suatu blog
dibawah ini beberapa cara promosi blog yang mungkin sudah banyak anda lakukan yaitu dengan memasukkan URL anda ke:

- Forum
- Newsgroups
- Blogs
- Discussion Groups
- Direktory artikel
- Mendaftarkan website URL anda ke Google, Yahoo, MSN

Berikut salah satu cara promosi blog yang sangat efektif untuk meningkatkan banyak pengunjung dengan cara mendaftarkan URL anda ke situs direktori link yaitu www.growurl.com
disitus tersebut anda bisa mempromosikan blog anda secara gratis ataupun dengan membeli kredit, anda juga bisa mendapatkan free kredit dengan mengikuti persyaratan yang ada diwebsite tersebut

silahkan mulai sekarang promosikan blog anda dan tingkatkan banyak pengunjung dengan daftar disini atau bisa langsung klik banner dibawah ini

Read More

Mengatasi Error 404 Not Found

Rangkin blog akan sulit meningkat apabila blog yang dikelolah sedang tidak sehat. Kesehatan sebuah blog dilihat dari banyak indikator, diantaranya adalah link yang rusak atau url link yang sudah dihapus sehingga search engine tidak menemukan url dimaksud.

Kenapa error 404 not found itu bisa muncul pada Google Webmaster? error 404 itu tercatat dalam Google Webmaster karena:


Search engine tidak

Read More

Cara Mengubah URL Artikel Blogspot

Tulisan Cara Mengubah URL Blogspot ini saya share di sini berhubung hal ini cukup penting dalam mengembangkan blog agar bisa menjadi lebih bersahabat dengan mesin pencari (search engine), sekaligus tidak melanggar ketentuan google adsense bagi yang mengikuti program adsense. Salah satu syarat dari GA adalah tidak menempatkan merek dagang google pada url blog, oleh karena melihat banyak url blog

Read More

Cara Membuat Efek Bintang Pada Cursor Mouse

Sobat Antero, jika sebelumnya saya sudah posting bagaimana caranya membuat efek gelembung pada cursor mouse, kali ini saya akan membagikan efek bintang pada cursor mouse.

Efek ini akan bekerja apabila cursor mouse digerakan maka akan ada banyak bintang bertaburan yang tentu saja akan sedikit menambah menarik suatu blog.Untuk pemasangannya tidaklah terlalu sulit bahkan bagi blogger pemula seperti saya,yang dibutuhkan hanya sedikit penambahan javascript.

1. Loging ke Blogger

2. Pilih Rancangan Template

3. Pilih HTML/JavaScript

4. Maukan Code Berikut

<script type='text/javascript'>

// <![CDATA[

var colour="#52D8ED";

var sparkles=100;

var x=ox=400;

var y=oy=300;

var swide=800;

var shigh=600;

var sleft=sdown=0;

var tiny=new Array();

var star=new Array();

var starv=new Array();

var starx=new Array();

var stary=new Array();

var tinyx=new Array();

var tinyy=new Array();

var tinyv=new Array();

window.onload=function() { if (document.getElementById) {

var i, rats, rlef, rdow;

for (var i=0; i<sparkles; i++) {

var rats=createDiv(3, 3);

rats.style.visibility="hidden";

document.body.appendChild(tiny[i]=rats);

starv[i]=0;

tinyv[i]=0;

var rats=createDiv(5, 5);

rats.style.backgroundColor="transparent";

rats.style.visibility="hidden";

var rlef=createDiv(1, 5);

var rdow=createDiv(5, 1);

rats.appendChild(rlef);

rats.appendChild(rdow);

rlef.style.top="3px";

rlef.style.left="0px";

rdow.style.top="0px";

rdow.style.left="3px";

document.body.appendChild(star[i]=rats);

}

set_width();

sparkle();

}}

function sparkle() {

var c;

if (x!=ox || y!=oy) {

ox=x;

oy=y;

for (c=0; c<sparkles; c++) if (!starv[c]) {

star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";

star[c].style.clip="rect(0px, 5px, 5px, 0px)";

star[c].style.visibility="visible";

starv[c]=50;

break;

}

}

for (c=0; c<sparkles; c++) {

if (starv[c]) update_star(c);

if (tinyv[c]) update_tiny(c);

}

setTimeout("sparkle()", 40);

}

function update_star(i) {

if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";

if (starv[i]) {

stary[i]+=1+Math.random()*3;

if (stary[i]<shigh+sdown) {

star[i].style.top=stary[i]+"px";

starx[i]+=(i%5-2)/5;

star[i].style.left=starx[i]+"px";

}

else {

star[i].style.visibility="hidden";

starv[i]=0;

return;

}

}

else {

tinyv[i]=50;

tiny[i].style.top=(tinyy[i]=stary[i])+"px";

tiny[i].style.left=(tinyx[i]=starx[i])+"px";

tiny[i].style.width="2px";

tiny[i].style.height="2px";

star[i].style.visibility="hidden";

tiny[i].style.visibility="visible"

}

}

function update_tiny(i) {

if (--tinyv[i]==25) {

tiny[i].style.width="1px";

tiny[i].style.height="1px";

}

if (tinyv[i]) {

tinyy[i]+=1+Math.random()*3;

if (tinyy[i]<shigh+sdown) {

tiny[i].style.top=tinyy[i]+"px";

tinyx[i]+=(i%5-2)/5;

tiny[i].style.left=tinyx[i]+"px";

}

else {

tiny[i].style.visibility="hidden";

tinyv[i]=0;

return;

}

}

else tiny[i].style.visibility="hidden";

}

document.onmousemove=mouse;

function mouse(e) {

set_scroll();

y=(e)?e.pageY:event.y+sdown;

x=(e)?e.pageX:event.x+sleft;

}

function set_scroll() {

if (typeof(self.pageYOffset)=="number") {

sdown=self.pageYOffset;

sleft=self.pageXOffset;

}

else if (document.body.scrollTop || document.body.scrollLeft) {

sdown=document.body.scrollTop;

sleft=document.body.scrollLeft;

}

else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

sleft=document.documentElement.scrollLeft;

sdown=document.documentElement.scrollTop;

}

else {

sdown=0;

sleft=0;

}

}

window.onresize=set_width;

function set_width() {

if (typeof(self.innerWidth)=="number") {

swide=self.innerWidth;

shigh=self.innerHeight;

}

else if (document.documentElement && document.documentElement.clientWidth) {

swide=document.documentElement.clientWidth;

shigh=document.documentElement.clientHeight;

}

else if (document.body.clientWidth) {

swide=document.body.clientWidth;

shigh=document.body.clientHeight;

}

}

function createDiv(height, width) {

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

div.style.position="absolute";

div.style.height=height+"px";

div.style.width=width+"px";

div.style.overflow="hidden";

div.style.backgroundColor=colour;

return (div);

}

// ]]>

</script>

5. Pertinjau dulu sebelum menyimpannya.

Semoga bermanfaat.

Read More

Cara Memberikan Efek Gelembung Pada Cursor Mouse

Sobat Antero, Tampilan Blog sobat kurang menarik, Jika setiap kali Anda memindahkan kursor mouse di sekitarnya menghasilkan gelembung-gelembung pink kecil yang hanyut dari atas layar, mukin dapat mempercantik Blog sobat. 
Untuk menerapkannya di blog Anda, hanya mengikuti langkah-langkah di bawah ini:

• Dari dashboard Blogger Anda, pergi ke Desain.
• Pergi ke Layout dan kemudian klik Tambah Gadget.
• pilih HTML / JavaScript.
• Copy / paste kode di bawah ini.

<script type="text/javascript">
var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // warna untuk border-top, border-right, border-bottom, border-left dan background gelembung
var bubbles=100; // jumlah maksmal gelembung
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}

function bubble() {
var c;
if (x!=ox || y!=oy){
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}

for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}

function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;

function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown;
}

window.onresize=set_width;

function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}

window.onscroll=set_scroll;

function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}

function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}

</script> 

Biarkan kosong 'Judul' dan menyimpan widget / gadget Dan Anda selesai! Periksa blog Anda dan sekarang melihat gelembung merah muda yang berasal dari kursor mouse Anda setiap kali Anda bergerak di sekitar.

Read More

Cara Merubah Warna Blok Teks

Sebelumnya saya telah membahas mengenai Cara Merubah Tampilan Scroll Bar, nah kali ini saya akan memberikan sedikit Cara Merubah Warna Background Saat Text Di Blok. Caranya hampir mirip dengan cara sebelumnya seperti pada cara merubah scroll bar. Langkah pertama cari kode ini ]]></b:skin> lalu setelah itu salin kode di bawah ini dan letakkan di atas kode ]]></b:skin>

::selection { background: #436EEE; color:#FAFAFA;}
::-moz-selection { background: #436EEE; color:#FAFAFA;}
::-webkit-selection { background: #436EEE; color:#FAFAFA;}
::-o-selection { background: #436EEE; color:#FAFAFA; }

Sebelumnya jangan lupa untuk back up template terlebih dahulu. Adapun jika ingin warna background lainya hanya tinggal merubah ode ini #436EEE dengan warna lain. Untuk mempermudah bisa menggunakan HTML Color Codes, dan jika ingin mengubah warna teks ganti #FAFAFA dengan warna yang sesuai/diinginkan. Untuk contohnya silahkan blok salah satu text yang ada di blog ini.

Read More

Cara Mengganti Scrollbar pada Blog

Sobat Antero lihat pada gambar di atas. Di bagian scroll bar nya ada yang berubah. Tampilan keren seperti itu, dapat sobat miliki di blog sobat dengan mudah. Mau tau caranya? Langsung ke T... K..... P....!!!!

Yang perlu dilakukan sobat adalah:

1. Login Ke Blog Sobat.

2. Klik Rancangan > Edit HTML

3. Cari kode : ]]></b:skin>. Gunakan CTRL+F untuk mempermudah pencarian.

4. Taruh Kode di bawah, tepat di atas kode ]]></b:skin>

::-webkit-scrollbar {height:12px;width: 12px;background: #ffffff;}
::-webkit-scrollbar-thumb {background-color: #8C8C8C;-moz-border-radius: 0px;border-radius: 0px;}

Read More

Cara Benar Menghilangkan Duplicate Title Tag

Cara menghilangkan duplicate title tag ini saya terapkan di blog saya Belajar Ilmu Komputer ini. Sebenarnya sudah lama saya membaca banyak artikel tentang cara menghapus duplicate content, cara menghilangkan duplicate title tag dan lainnya, namun tetap saja duplicate content tetap muncul begitu juga dengan duplicate title, duplicate meta description.




Pada hari ini, saya cukup kaget dengan

Read More

Menonaktifkan Klik Kanan di Blog

Sobat Antero, sering kita menulis sebuah artikel dengan susah payah, namun orang lain memanfaatkan tenaga kita untuk mengambil hasil dari kerja kita dengan cara Copy-Paste, atau dengan alasan lain blog yang kita buat tidak bisa dengan mudah di lihat source HTML atau propetisnya. Maka code ini perlu untuk sobat Antero yang tidak ingin artikel kita di Copy-Paste.

<html><head><title> </title><script language="JavaScript">var message="Hallo"; /////////////////////////////////// function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false") </script></head><body>Menonaktifkan Klik Kanan Pada Mouse </body></html>

Read More

Cara Mengetahui Blog Nofollow Dofollow

Ternyata pengetahuan tentang blog Nofollow dan DoFollow harus saya jelaskan lagi di blog Belajar Ilmu Komputer ini karena masih ada saja yang bertanya tentang pengertian DoFollow dan NoFollow, maklum yang bertanya juga adalah blogger pemula, seperti saya juga. Jadi meskipun pengetahuan saya tentang blog DoFollow dan Blog NoFollow sangat minim namun tidak ada salahnya saya mencoba menjelaskan

Read More

Membuat Posting Lama Selalu di Homepage

Membuat Posting Lama Selalu di Homepage sama artinya dengan mengedit HTML agar posting atau artikel lama kita selalu berada di halaman utama blog (homepage). Pada posting ini bertujuan untuk membuat ucapan selamat datang di blogspot. Trik ini bisa digunakan bila kita membuat blog untuk bisnis. Dimana setiap pengunjung yang membuka blog kita pada halaman utama maka artikel tersebut yang akan muncul. Bukan artikel baru melainkan artikel lama yang ingin kita tampilkan di halaman utama. Berhubung saya tidak pandai menulis dan berkata-kata saya rasa sahabat sudah tahu maksud artikel ini.  DEMO

Untuk memulai membuat artikel lama atau artikel tertentu selalu berada di halaman utama kita perlu edit HTML agar artikel yang ingin ditampilkan pada halaman utama selalu muncul. Cara menampilkan artikel tertentu pada home page yang the antero berikan ini adalah cara baru. Dalam arti menyempurnakan cara lama yang saya kurang puas dengan hasil tentang menampilkan artikel lama pada homepage. Dan berikut kekurangannya :

1. Mengganti tanggal posting pada sebuah artikel

Klik New Post >Menulis artikel/edit artikel lama > Publist Post

Kemudian dilanjutkan dengan menekan back kemudian Post Option> Centang Sceduled at

Kemudian dilanjutkan dengan memasukkan tanggal terbaru atau tanggal masa depan.

Cara di atas masih menyisakan kekurangan yaitu saat kita menampilkan arsip blog maka tanggal yang tampil akan menunjukkan masa depan. Sungguh ini sebuah keanehan bukan? Bagaimana pendapat sahabat?

2. Menambah atau menanam kode di template

Untuk memperbaiki cara tersebut ikuti cara baru berikut ini

Klik Design > Edit HTML > Klik Expand Widget Template > Cari kode berikut ini bila ada :D

<div id='main-wrapper'>

 Kemudian pastekan di bawahnya kode berikut :

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

     <div class='headlines'>       

                     <!--change this instruction to your own moot-->               

                     <div class='headline'>

                          <h2>Welcome to My Blog</h2>

                         <p> Blog ini membahas seputar trik edit blogger agar lebih menarik. Tidak hanya itu kami bertujuan untuk saling berbagi informasi tentunya di kategori blogspot. Kami sangat senang jika artikel kami bermanfaat bagi anda semua. Berikan komentar jika ada masalah. Akhir kata Happy blogging by The Antero

                         </p>

                         <!--link to welcome article-->

                         <a class='learn-more' href='http://aim-theantero.blogspot.com/2012/11/membuat-posting-lama-selalu-di-homepage.html'>Learn More</a>

                     </div>       

                 </div></b:if>

Klik preview dan bila sudah puas dengan hasilnya maka klik save. Kode yang berwarna biru adalah kode untuk menampilkan artikel lama atau artikel tertentu pada halaman utama di blogger. Sahabat bisa ganti sesuai selera. Bila sahabat ingin selalu menampilkan artikel tersebut maka hapus kode warna biru. Memang cara ini terbilang sederhana (tidak otomatis) karena kita harus membuat deskripsi artikel namun bagi saya sangat profesional.

Cara tersebut masih sangat sederhana karena hasil tergantung bawaan template sahabat. Jika ingin mengembangkan menjadi lebih profesional lagi silakan saja sesuai kreatifitas dan minat sahabat seperti menambah gambar atau yang lainnya. Mudah bukan?

Read More

PPC Lokal Paling Terpercaya

Tulisan ini sangat cocok untuk blogger pemula yang mencoba peruntungan dengan mengikuti program PPC (Paid Per Click). Program ini menjadi pilihan utama karena program ini biasanya tidak membutuhkan syarat yang sulit, meski begitu, ada beberapa PPC yang membutuhkan syarat yang cukup ketat. Sebagai seorang blogger pemula, blog Belajar Ilmu Komputer menyarankan untuk mengikuti program PPC untuk

Read More

Wordpress Style Search Widget Untuk Blogger

Saya tidak suka Wordpress begitu banyak tapi hal yang saya suka di Wordpress ada style. Meraka menggunakan Css dan html dengan cara yang sempurna dimana pengguna tidak perlu mengedit blog ada begitu banyak.

Hari ini saya akan mengajarkan Anda bagaimana untuk menambahkan efek tampan melayang-layang kotak pencarian css ke blogger.

Untuk Tambahkan Kotak Pencarian ini di blog anda ikuti langkah-langkah di bawah ini-

•      Pergi ke dashboard blogger.

•      Klik pada tombol tata letak.

•      Sekarang ada Tambah Gadget.

•      Pilih html / Javascript dan paste kode berikut di sana.  

<style>
#search {
}
#search input[type="text"] {
    background: url(search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #bebebe;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }
#search input[type="text"]:focus {
    width: 200px;
    }
</style>
<form method="get" action="/search" id="search">
  <input name="q" type="text" size="40" placeholder="Search..." />
</form><br/>

Read More

Cara Membuat Widget Update Status Twitter Di Blog

Cara Membuat Widget Update Status Twitter Di Blog - Pada kesempatan kali ini saya akan membahas bagaimana cara menampilkan status terbaru dari twitter kamu tampil di Blog kamu, sebelumnya saya sudah pernah membahas tentang cara menampilkan status twitter kamu di blog dengan menggunakan fasilitas dari twitter nya, kali ini berbeda tidak menggunakan fasilitas twitter yang di berikan, tapi menggunakan sedikit modifikasi sehingga akan terlihat lebih bagus, dan cara membuatnya sangat mudah dan tersedia beberapa background untuk anda yang bagus jadi tinggal sobat pilih salah satu aja.

Gambar diatas kamu boleh gunakan untuk mengganti kode yang berwarna biru, arahkan kursor ke gambar diatas, klik kanan new tab Copy linknya lalu ganti kode yang berwarna biru.

1. Login ke Blog kamu.

2. Pilih Rancangan terus Add Gadget terus pilih HTML/Java Script.

3. Copy kode dibawah ini.

<div style="background:#fff url(https://lh3.googleusercontent.com/-mESlBTXPXd8/T5OZSdziSdI/AAAAAAAAByI/EwRLCMlPvOU/s300/bLAZER%2520bLOG%25202.png) no-repeat;padding-top:45px;padding-left:8px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('aim_ul').start();
</script>
</div>

Ganti yang berwarna MERAH  dengan username Twitter kamu.
Kamu juga dapat mengganti yang berwarna BIRU denagn Background yang tekah disediakan cukup Copy URL Image nya saja lalu ganti.

Read More

Cara Mengedit Template HTML Blog Yang Baik Dan Benar

 

Sobat antero, kali ini saya akan membagikan Tips cara mengedit HTML yang baik dan benar. Edit HTML tidak semudah yang kita bayangkan kecuali kita sudah sangat mahir tentang HTML. Pengalaman pertama saya ketika edit HTML, selalu terjadi kesalahan dalam pengeditan (ma'lum baru belajar blogger pada waktu itu), sehingga saya harus mencari orang yang bisa mengajar saya tentang HTML.

Orang itu juga memberikan beberapa tips cara mengedit HTML yang baik dan benar. Ini dia tipsnya:

1. Sebelum mengedit Template HTML kamu Backup/ Download Template Lengkap, untuk mencegah hal-hal yang tidak di inginkan, seperti ada kegagalan, kamu tinggal Download lagi Template hasil backup tadi dan akan kembali ke semula.

2. Untuk memudahkan kamu mencari sebuah kode tinggal klik CTRL+F, misal kamu di suruh mencari kode </head>, kamu tinggal klik CTRL+F lalu ketik kode yang kamu cari.

3. Biasakan jika mau mengedit HTML kamu centang Expand Widget Template yang ada di pojok kanan, gunanya untuk

menampilkan semua kode yang di sembunyikan, misal kamu mau cari kode <data:post.body/> tapi tidak ketemu itu artinya kamu tidak mencentang Expand Widget Templaten nya, nah jika kamu centang Expand Widget Template nya maka kode tersebut akan ada.

4. Jika sudah selsai mengedit HTML sobat jangan langsung Simpan Template tapi pilih dulu PERTINJAUN jika berhasil baru Simpan.

Read More

Cara Membuat Flying Bird Pada Blogger

Sobat antero, kali ini saya akan membagi trik untuk para blogger, trik ini membahas tentang cara membuat Flying Bird. Flying Bird?          Ya, Flying Bird, widget ini akan selalu tampak jika kita scroll halaman kita. Widget ini akan terbang seperti burung jikan menscroll halaman dan kembali diam jika kita tidak menscroll halaman.
Apakah sobat antero tertarik untuk memasang widget ini? Jika ya, OK langsung saja saya kasih caranya.

1. Login Blogger
2. Setelah login pilih Tata Letak
3. Klik Tambah Gadget  >>>>>>  HTML/Java Script
4. Tmabah kode di bawah ini:

<script src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js" type="text/javascript"></script><script type="text/javascript"> var twitterAccount = "Your twitter account name";tripleflapInit(); </script><div><a href="http://123bestfriend.blogspot.com/2011/05/animated-flying-twitter-bird-flowers.html">Get this</a><br /> </div><script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript"> </script>

5. Klik Save, dan silahakan lihat blog kalian.


Catatan: Ganti kode warna merah denang ID twittermu.
Contoh ID twitter: http://twitter.com/aim_ul
ganti kode yang berwarna merah pada script di atas dengan aim_ul

Read More