SEO HTC

3 Template untuk blog movie

2013-03-26T03:02:00.004-07:00

3 Template untuk blog movie - Hai Sobat blogger ? lama tidak share template lagi,,nah kali ini.saya akan share template untuk blog dengan kategori film / movie download.template yang saya share ini sudah terbukti beauty dan keren,,karena dilihat dari screenshot.nya saja sudah terlihat seperti website professional,,mau download secara gratis 3 template tersebut ? silahkan lanjutkan membaca.

3 Template untuk blog kategori Movie :

Johny movie pret

Download | Demo

Johny Tubepret

Download | Demo

Johny Prett

Download | Demo

~ Happy Download - Ega Ariya Dirgantara ~

Situs Iklan ppc selain google adsense

2013-03-26T02:36:00.000-07:00

Situs iklan ppc selain GA terbaik - akun anda ditolak oleh google adsense ? kini ada solusinya,anda bisa mencoba situs iklan ppc lain yang sudah terbukti berkualitas,dan banyak sekali blogger yang menggunakannya selain google adsense.mau tau apa saja situs iklan ppc yang dimaksud ? yuk nyimak bentar :D

Berikut Situs Penyedia iklan PPC terbaik selain google adsense

Indonesia blog network / idblognetwork

Rata-rata PPC : Rp.2000
PO minimal : Rp.300.000
banyak sekali blogger yang menggunakannya
langsung pergi ke : http://www.idblognetwork.com/

Sitti.co.id

Rata-rata PPC : Rp.600 - Rp.2000
PO minimal : Rp.100.000
saya menggunakan ini
langsung pergi ke : http://www.sitti.co.id/

KlikSaya.com

Rata-rata PPC : Rp.300 - Rp.800
saya menggunakan ini
langsung pergi ke : http://www.kliksaya.com/

Chitika.com

sama seperti google adsense
tetapi tidak terlalu banyak syarat
saya menggunakan ini
langsung pergi ke : http://www.chitika.com

demikian iklan ppc,,yang saya ketahui sangat menguntungkan,bagi anda yang berminat langsung menuju ke-TKP.

~ Happy Bisnis Online - Ega Ariya Dirgantara ~

Download Ringkasan Materi Matematika SMP

2013-03-26T01:18:00.000-07:00

Download Ringkasan Materi Matematika SMP - download ringkasan matematika smp kelas 7,8,9 gratis.silahkan download ringkasan materi ini gratis lewat tustfile,dan alhamdulillah link masi berlaku untuk saat ini,maka dari itu,,sebelum file corrupt,,buruan download,,biar nggk kehabisan.lumayan kan buat belajar dirumah ?

Pilih BAB berikut :

klik beberapa link dibawah ini

lalu klik "klik untuk download"
maka anda akan diarahkan ke adf.ly
kemudian klik skip ad
lalu anda akan diarahkan ke tustfiles
lalu klik download kecil berwarnah hijau tepat ditengah-tengah untuk download file.

jika anda menemui link rusak ataupun sudah tidak dapat didownload,,silahkan hubungi saya di kotak komentar,dengan secepatnya akan saya balas.
dan tolong share yah gan,,artikel ini dimana saja.
boleh copas kok asalkan cantumkan link sumber. :D
oke,,silahkan download.

~ Happy Download - Ega Ariya Dirgantara ~

Optimasi SEO yang baik untuk traffic

2013-03-26T01:04:00.002-07:00

Optimasi SEO Traffic meningkat - Optimasi SEO sangat diperlukan untuk blog anda karena,ini bisa membuat traffic blog anda meningkat dari yang sebelumnya rendah bisa berlipat ganda.bagaimana caranya ? yuk ikuti tips dibawah ini.

Kenapa harus optimasi SEO ?
Karena ini sangat penting diperlukan,agar traffic blog meningkat,dan google lebih senang mengindex blog dan konten anda.

Tips Optimasi SEO yang baik untuk blog :

Perhatikan konten blog anda

yang dimaksud disini adalah konten artikel anda,apakah sudah berkualitas,atau anda menulis konten tersebut hasil dari copy paste ? nah,sebaiknya ganti kebiasaan anda mencopy paste konten blog lain,,karena google tidak menyukainya,dan optimasi seo anda akan berkurang.

Buatlah Konten yang menarik dan unik

maksudnya buatlah artikel yang bagus dan menarik agar dapat menarik minat pembaca,dalam membaca artikel anda.usahakan hasil karya anda sendiri.dan bukan hasil dari copy paste dari blog lain.

Buatlah artikel yang trend topic

atau membuat artikel yang topic.nya lagi ngetrend-ngetrend nya,,contohnya di tahun 2013 ini harlem shake,,lah yang ngetren.

Sering blogwalking dan berkomentar di blog lain.

hal ini diperlukan agar anda mendapatkan backlink atau setidaknya dikunjungi balik oleh si pemilik blog yang anda komentari.

Pilih Template yang SEO Friendly

template juga bisa mempengaruhi kualitas seo blog,maka dari itu segera ganti template anda menjadi template yang seo friendly,seperti template yang saya gunakan ini.

memasang meta tag pada blog

ini juga harus dilakukan agar google dapat dengan mudah merayapi blog anda.

penempatan keyword pada blog

tempatkan keyword di template pada meta tag,,sesuai dengan topik blog anda.dan tempatkan keyword pada konten dengan tepat.

untuk artikel

perhatikan penempatan tag heading dynamic dan link anchor text dengan benar.gunakan selalu bold , italic,dan underline.

pelajari cara membuat seo blog

dengan melakukan browsing sering-sering mungkin,,anda akan mendapatkan banyak pengalaman tentang optimasi SEO Blog.

submit blog anda ke social bookmark.

itu sedikit tips yang bisa saya bagikan untuk hari ini,,dan semoga bisa bermanfaat.

~ Happy Blogging - Ega Ariya Dirgantara ~

Cara berkomentar yang baik dan benar

2013-03-26T00:09:00.000-07:00

Cara berkomentar yang baik dan benar - "dasar komentar nggak bermutu ?!" mau anda dibilang begitu ? pastinya enggak kan ? ini juga penting.karena menyangkut etika dan nama baik seseorang,jika komentar tersebut dapat menyinggung si pembaca.nah bagaimana tipsnya ? ikuti tutorial berikut.

Berkomentar adalah hal yang dilakukan setelah anda membaca sebuah atikel,hasil dari pencarian disearch engine,dan komentar tersebut terjadi jika artikel tersebut sangat bermanfaat atau ada yang kurang.atau tidak bermanfaat.

Tips cara berkomentar yang baik :

Sebelum berkomentar,baca terlebih dahulu artikel yang anda baca.

seringkali kita menemukan komentar-komentar singkat yang digunakan untuk mendapatkan backlink blog mereka,contohnya seperti : "nice info sob/pertamax" nah hal ini diperbolehkan sebenarnya,,tetapi rata-rata mereka yang berkomentar seperti itu tidak mengerti apa yang mereka baca,maka dari itu,baca dulu artikelnya.

Jangan berkomentar menggunakan anonim/anonymous

kenapa ? karena admin jarang membalas,komentar yang menggunakan anonim,karena admin tidak mengerti kepada siapa mereka menjawab,maka dari itu gunakan akun google,atau setidaknya menggunakan Name/Url,,dengan begitu admin blog akan tahu,,mereka berbicara dengan siapa.

Jangan berkomentar karena tujuan untuk berpromosi.

karena,ini dapat menimbulkan SPAM,,dan komentar anda bisa terhapus oleh admin atau pun dimasukkan kedalam SPAM box.kecuali jika sudah ada persetujuan antara kedua belah pihak,,maksudnya dengan tujuan tukar menukar link untuk meningkatkan backlink antara admin dan si pengomentar.

Jangan meninggalkan link hidup

jika link hidup ini anda tinggalkan di blog dofollow,boleh-boleh saja.tetapi jika link aktif anda tinggalkan di blog nofollow,otomatis akan dianggap SPAM oleh google.

Jangan berkomentar dengan SARA

berkomentarlah yang baik dan tidak bermaksud menyinggung admin / artikel

Bertanya yang sopan.

tanyakan apabila ada kesalahan dalam penulisan artikel,dan ada link download yang mati.atau sebagainya,silahkan tanyakan dengan sopan.

Berikan komentar yang bersifat membangun

silahkan berikan kritikan yang bersifat membangun.atau memberikan tips-tips,,kepada si admin.

mungkin itu beberapa tips yang bisa saya berikan kepada anda.

~ Happy Blogging - Ega Ariya Dirgantara ~

Internet Download Manager Terbaru

2013-03-25T23:35:00.004-07:00

IDM update terbaru

Download internet Download manager terbaru - maksudnya adalah,download internet download manager update terbaru.dan akan diupdate terus jika ada rilis terbaru.silahkan pilih update terbaru,full version,full crack,full patch,langsung pilih tipe dan pergi ke link download.

Pilih Tipe IDM :

Semoga Bisa Bermanfaat
~ Happy Download - Ega Ariya Dirgantara ~

Cara menempatkan css yang benar

2013-03-25T03:47:00.003-07:00

Cara Menempatkan css yang benar - akhir-akhir ini banyak sekali blogger yang tidak mengerti cara menempatkan css dengan benar pada tempatnya.bahkan ada yang tidak mengerti apa itu css.nah disini saya akan memberikan tips cara menempatkan css yang benar di template dan postingan.

Tips pada template :

cara menempatkan css yang benar pada template itu ,biasanya ditempatkan di atas ]]></b:skin> ,nah ada juga yang diletakkan dibawahnya,,tetapi menggunakan style type ,, contoh :

<style type='text/css'>

kode css

</style>

kode yang menggunakan atribut style type ,,itu cocok digunakan jika kode harus ditampilkan di hompage saja,( menggunakan fungsi b:if cond ) atau di dalam postingan,,seperti contohnya cara membuat readmore...
tetapi jika untuk kode-kode biasa,,seperti related post,dan lainnya ,,cukup diletakkan di atas ]]></b:skin> .

Tips pada postingan :

untuk menggunakan css pada postingan itu sama seperti diatas yaitu menggunakan atribut <style type='text/css'>

kode seperti ini,,jika didalam postingan biasanya digunakan untuk membuat desain grafis pada postingan,,contoh pre....atau yang lainnya,( biasanyadigunakan untuk blog blogazine ).

nah,itulah contoh menggunakan css,,dengan benar.jadi jika di blog saya atau yang lainnya ada tutorial yang ada cssnya,,pasti anda akan mengerti cara menempatkannya,,dengan benar.

~ Sekian semoga bermanfaat - Happy Blogging - Ega Ariya Dirgantara ~

widget share metro button style css3

2013-03-25T03:27:00.000-07:00

Widget share metro button style css3 - kali ini kita akan membuat widget share/like dengan style metro button css3.untuk lebih jelasnya silahkan lihat demo dibawah,,dan jika ingin membuat widget tersebut,,silahkan mengikuti tutorial berikut.

Hasil :

Tutorial :

masuk akun blogger
masuk ke edit template >> "expand template widget"
cari kode ]]></b:skin>
lalu pastekan kode berikut diatasnya.

.widget-item-control a {
    display: none;
}
.widget-item-control a {
    display: none;
}
#supportive-seohtc {
    width: 300px;
    float: left;
    margin-top: 10px;
}
#supportive-seohtc li {
    position: relative;
    cursor: pointer;
    padding: 0!important;
}
#supportive-seohtc .facebook,.googleplus,.rss,.twitter {
    position: relative;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    z-index: 5;
    display: block;
    float: left;
    margin: 1px;
}
#supportive-seohtc .icon {
    overflow: hidden;
}
#supportive-seohtc .facebook {
    width: 147px;
    height: 150px;
    background: rgba(59,89,152,1) url(https://lh4.googleusercontent.com/-6tuOBGcpzGc/URPO_I2Yj9I/AAAAAAAAC_0/qBm56PAG1yY/h120/facebook.png) no-repeat center center;
}
#supportive-seohtc .twitter {
    width: 148px;
    height: 74px;
    background: rgba(59,89,152,1) url(http://3.bp.blogspot.com/-hak4MMDUFy0/UQNWX7ZFzVI/AAAAAAAAFME/1-6Kt65O5Xk/s1600/Twitter.png) no-repeat center center;
}
#supportive-seohtc .googleplus {
    width: 148px;
    height: 74px;
    background: rgba(59,89,152,1) url(http://2.bp.blogspot.com/-jeIkKF52wSU/UQNX5OwGt-I/AAAAAAAAFMc/xlLSwvc24nk/s1600/google+plus.png) no-repeat center center;
}
#supportive-seohtc .rss {
    width: 299px;
    height: 74px;
    background: rgba(59,89,152,1) url(http://4.bp.blogspot.com/-Ebrw9duZtTI/UQNTcS_wDHI/AAAAAAAAFLk/XPBiCPYENEg/s1600/rss.png) no-repeat center center;
}
#supportive-seohtc li:hover .facebook {
    background-color: #3468B6;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
}
#supportive-seohtc li:hover .twitter {
    background: rgba(64,153,255,1) url(https://lh6.googleusercontent.com/-gp5q_y7kibQ/URPO_I6-sKI/AAAAAAAAC_w/twhFzlX2p1c/h120/Twitter.png) no-repeat center center;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
}
#supportive-seohtc li:hover .googleplus {
    background: rgba(228,69,36,1) url(https://lh6.googleusercontent.com/-5-00TE6gtvM/URPO_ALyNwI/AAAAAAAAC_4/A4Dr7Hg7C6A/h120/google+plus.png) no-repeat center center;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
}
#supportive-seohtc li:hover .rss {
    background: rgba(255,102,0,1) url(https://lh4.googleusercontent.com/-NjlbntNHzFI/URPPCHuQ_XI/AAAAAAAADAI/S2lzrz6uZ0c/h120/rss.png) no-repeat center center;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
}

kemudian masuk kemenu
add widget >> HTML/javascript
pastekan kode berikut

<ul id='supportive-seohtc'>
<li><a class='icon facebook' href='http://www.facebook.com/FaceBookPage/'/></a></li>
<li><a class='icon twitter' href='http://twitter.com/TwitterUserName'/></a></li>
<li><a class='icon googleplus' href='https://plus.google.com/GooglePlusUserID/'/></a></li>
<li><a class='icon rss' href='http://feeds.feedburner.com/FeedBurnerUserName'/></a></li>
</ul>     

Note : ganti link dengan link akun anda.
simpan perubahan
lalu lihat hasilnya

~ Happy Blogging - Ega Ariya Dirgantara ~

css3 box kode untuk css dan HTML/javascript

2013-03-25T03:07:00.000-07:00

Box kode css3

CSS3 Box Kode - hai sobat blogger ? apakah kalian sudah mempraktekkan trik blogspot / css3 terbaru ? trik ini adalah bagaimana cara membuat kode box untuk css dan HTML/javascript dengan style css3.caranya sebenarnya mudah kok.simak dulu tutorial ini.

Hasil :

code anda disini

Tutorial :

masuk akun blogger
ke menu edit html >> "expand template widget"
cari kode ]]></b:skin> dengan ctrl + f
pastekan kode berikut,diatasnya

.code-seohtc {
overflow:auto;width:503px;height:200px;
font-family: "Consolas", "Courier New", Courier, mono, serif;
color:#848176;
margin : 15px 35px 15px 15px;
padding : 10px 10px 10px 35px;
clear : both;
list-style-type : none;
background : #000000 url(http://1.bp.blogspot.com/-nic37VqULoA/UDdTubWtwcI/AAAAAAAABbs/zv-i-PbnWHQ/s1600/labstrike-1.png) repeat-y top left;
border : 1px solid #000000;
border-left:20px solid #ccc;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px
}
.code-seohtc:hover{
background : #000000 url(http://1.bp.blogspot.com/-alUx-JlZsZw/UDdT4qYXglI/AAAAAAAABb0/7ili3p2WHa4/s1600/labstrike-2.png) repeat-y top left;
color:#FEF9BF;
border : 1px solid #000;
border-left:20px solid #ccc;
-webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 10px 10px 5px #888888;
}

simpan perubahan
sekarang , masuk ke postingan.
buat sebuah tutorial blogspot
lalu ketika ingin membuat kode yang akan dishare.
masukkan kode berikut

<div class="code-seohtc"> Your Code Here </div>

Note :

ganti kode yang berwarna merah dengan kode anda sendiri.
publikasikan dan lihat hasilnya

~ Happy Blogging - Ega Ariya Dirgantara ~

Search box keren css3

2013-03-25T02:53:00.003-07:00

Search box css3

Search box css3 - Hai sobat blogger ? jumpa lagi dengan saya.kali ini saya akan shrae trik membuat kotak search dengan css3.penasaran ingin membuat ? cara membuatnya cukup mudah kok.setelah sebelumnya saya share cara membuat button ala google+ ,,nah bagaimana,,sudah siap untuk membuat ?

Hasil :

Hasil Tutorial

Tutorial :

masuk akun blogger
lalu ke edit add widget >> HTML/javascript
pastekan kode berikut :



<style>


#search-form {


 background: #e1e1e1; /* Fallback color for non-css3 browsers */


 width: 365px;




 /* Gradients */


 background: -webkit-gradient( linear,left top, left bottom, color-stop(0, rgb(243,243,243)), color-stop(1, rgb(225,225,225)));


 background: -moz-linear-gradient( center top, rgb(243,243,243) 0%, rgb(225,225,225) 100%);




 /* Rounded Corners */


 border-radius: 17px;


 -webkit-border-radius: 17px;


 -moz-border-radius: 17px;




 /* Shadows */


 box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);


 -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);


 -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);


}




/*** TEXT BOX ***/


input[type="text"]{


 background: #fafafa; /* Fallback color for non-css3 browsers */




 /* Gradients */


 background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(1, rgb(230,230,230)));


 background: -moz-linear-gradient( center top, rgb(250,250,250) 0%, rgb(230,230,230) 100%);




 border: 0;


 border-bottom: 1px solid #fff;


 border-right: 1px solid rgba(255,255,255,.8);


 font-size: 16px;


 margin: 4px;


 padding: 5px;


 width: 250px;




 /* Rounded Corners */


 border-radius: 17px;


 -webkit-border-radius: 17px;


 -moz-border-radius: 17px;




 /* Shadows */


 box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);


 -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);


 -moz-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);


}




/*** USER IS FOCUSED ON TEXT BOX ***/


input[type="text"]:focus{


 outline: none;


 background: #fff; /* Fallback color for non-css3 browsers */




 /* Gradients */


 background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(235,235,235)));


 background: -moz-linear-gradient( center top, rgb(255,255,255) 0%, rgb(235,235,235) 100%);


}




/*** SEARCH BUTTON ***/


input[type="submit"]{


 background: #44921f;/* Fallback color for non-css3 browsers */




 /* Gradients */


 background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(79,188,32)), color-stop(0.15, rgb(73,157,34)), color-stop(0.88, rgb(62,135,28)), color-stop(1, rgb(49,114,21)));


 background: -moz-linear-gradient( center top, rgb(79,188,32) 0%, rgb(73,157,34) 15%, rgb(62,135,28) 88%, rgb(49,114,21) 100%);




 border: 0;


 color: #eee;


 cursor: pointer;


 float: right;


 font: 16px Arial, Helvetica, sans-serif;


 font-weight: bold;


 height: 30px;


 margin: 4px 4px 0;


 text-shadow: 0 -1px 0 rgba(0,0,0,.3);


 width: 84px;


 outline: none;




 /* Rounded Corners */


 border-radius: 30px;


 -webkit-border-radius: 30px;


 -moz-border-radius: 30px;




 /* Shadows */


 box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);


 -moz-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.2);


 -webkit-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);


}


/*** SEARCH BUTTON HOVER ***/


input[type="submit"]:hover {


 background: #4ea923; /* Fallback color for non-css3 browsers */




 /* Gradients */


 background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22)));


 background: -moz-linear-gradient( center top, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22) 100%);


}


input[type="submit"]:active {


 background: #4ea923; /* Fallback color for non-css3 browsers */




 /* Gradients */


 background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22)));


 background: -moz-linear-gradient( center bottom, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22) 100%);


}


   


</style>




<form action="URL Of the Page Where the Result Appear" id="searchbox">


<input name="cx" type="hidden" value="X:Y" /> 


<input name="cof" type="hidden" value="FORID:11" /> 


<input id="q" name="q" size="70" type="text" /> 


<input name="sa" type="submit" value="Search" /> </form>

simpan perubahan
lihat hasilnya.

bagaimana ? mudah kan ?

~ Happy Blogging - Ega Ariya Dirgantara ~

Google+ Button Style CSS3

2013-03-25T02:39:00.000-07:00

Google+ Button style css3 - adalah projek saya yang pertama,nah demonya adalah seperti screenshots tersebut.saya akan share caranya.cara ini juga termasuk tutorial css3,mau tau bagaimana caranya ? silahkan simak tutorial berikut untuk membuatnya.

Screen :

Tutorial :

masuk akun blogger
masuk edit html >> "expand template widget"
lalu pastekan kode dibawah ini diatas kode ]]></b:skin>


/* button-seohtc.blogspot.com */
.buttons {/* Style as you wish (toolbar) */
}
/* The Magnificent CLEARFIX */
.buttons:before, .buttons:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
.buttons:after {
    clear: both;
}
.buttons {
    zoom: 1;
}


*/
    $BUTTON-seohtc.blogspot.com /*
button {
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    font: bold 11px Helvetica, Arial, sans-serif;
    color: #444;
    line-height: 17px;
    height: 18px;
    display: inline-block;
    float: left;
    margin: 5px;
    padding: 5px 6px 4px 6px;
    background: #F3F3F3;
    border: solid 1px #D9D9D9;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
 -webkit-transition: border-color .20s;
 -moz-transition: border-color .20s;
 -o-transition: border-color .20s;
 transition: border-color .20s;
    height: 29px !important;
    cursor: pointer;
}
button:hover {
    background: #F4F4F4;
    border-color: #C0C0C0;
    color: #333;
}
button:active {
    border-color: #4D90FE;
    color: #4D90FE;
    -moz-box-shadow:inset 0 0 10px #D4D4D4;
    -webkit-box-shadow:inset 0 0 10px #D4D4D4;
    box-shadow:inset 0 0 10px #D4D4D4;
}
button.bluebtn {
    border: 1px solid #3079ED !important;
    background: #4B8DF8;
    background: -webkit-linear-gradient(top, #4C8FFD, #4787ED);
    background: -moz-linear-gradient(top, #4C8FFD, #4787ED);
    background: -ms-linear-gradient(top, #4C8FFD, #4787ED);
    background: -o-linear-gradient(top, #4C8FFD, #4787ED);
 -webkit-transition: border .20s;
 -moz-transition: border .20s;
 -o-transition: border .20s;
 transition: border .20s;
}
button.bluebtn:hover {
    border: 1px solid #2F5BB7 !important;
    background: #3F83F1;
    background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
    background: -moz-linear-gradient(top, #4D90FE, #357AE8);
    background: -ms-linear-gradient(top, #4D90FE, #357AE8);
    background: -o-linear-gradient(top, #4D90FE, #357AE8);
}
button.greenbtn {
    border: 1px solid #29691D !important;
    background: #3A8E00;
    background: -webkit-linear-gradient(top, #3C9300, #398A00);
    background: -moz-linear-gradient(top, #3C9300, #398A00);
    background: -ms-linear-gradient(top, #3C9300, #398A00);
    background: -o-linear-gradient(top, #3C9300, #398A00);
 -webkit-transition: border .20s;
 -moz-transition: border .20s;
 -o-transition: border .20s;
 transition: border .20s;
}
button.greenbtn:hover {
    border: 1px solid #2D6200 !important;
    background: #3F83F1;
    background: -webkit-linear-gradient(top, #3C9300, #368200);
    background: -moz-linear-gradient(top, #3C9300, #368200);
    background: -ms-linear-gradient(top, #3C9300, #368200);
    background: -o-linear-gradient(top, #3C9300, #368200);
}
button.redbtn {
    border: 1px solid #D14836 !important;
    background: #D64937;
    background: -webkit-linear-gradient(top, #DC4A38, #D14836);
    background: -moz-linear-gradient(top, #DC4A38, #D14836);
    background: -ms-linear-gradient(top, #DC4A38, #D14836);
    background: -o-linear-gradient(top, #DC4A38, #D14836);
 -webkit-transition: border .20s;
 -moz-transition: border .20s;
 -o-transition: border .20s;
 transition: border .20s;
}
button.redbtn:hover {
    border: 1px solid #B0281A !important;
    background: #D14130;
    background: -webkit-linear-gradient(top, #DC4A38, #C53727);
    background: -moz-linear-gradient(top, #DC4A38, #C53727);
    background: -ms-linear-gradient(top, #DC4A38, #C53727);
    background: -o-linear-gradient(top, #DC4A38, #C53727);
}
button.action:hover {
    -moz-box-shadow: 0 1px 0px #DDD;
    -webkit-box-shadow: 0 1px 0px #DDD;
    box-shadow:iset 0 1px 0px #DDD;
}
button.action:active {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #C6C6C6 !important;
}
button.bluebtn:active {
    border-color: #2F5BB7 !important;
}
button.greenbtn:active {
    border-color: #2D6200 !important;
}
button.redbtn:active {
    border-color: #B0281A !important;
}
/**\
    $BUTTON LABEL-seohtc.blogspot.com
\**/
 button span.label {
    display: inline-block;
    float: left;
    line-height: 17px;
    height: 18px;
    padding: 0 1px;
    overflow: hidden;
    color: #444;
 -webkit-transition: color .20s;
 -moz-transition: color .20s;
 -o-transition: color .20s;
 transition: color .20s;
}
button span.label {
    line-height: 15px !important;
}
button:hover .label.bluebtn {
    color: #7090C8;
}
button:hover .label.greenbtn {
    color: #42B449;
}
button:hover .label.yellow {
    color: #F7CB38;
}
button.bluebtn .label {
    color: #FFF !important;
    text-shadow: 0 1px 0 #2F5BB7 !important;
}
button.greenbtn .label {
    color: #FFF !important;
    text-shadow: 0 1px 0 #2D6200 !important;
}
button.redbtn .label {
    color: #FFF !important;
    text-shadow: 0 1px 0 #B0281A !important;
}
button.action .label {
    padding: 0 17px !important;
}
button.action:active .label {
    color: #333 !important;
}
button.bluebtn:active .label, button.greenbtn:active .label, button.redbtn:active .label {
    color: #FFF !important;
}

lalu save template
selanjutnya masuk menu add widget >> HTML/javascript
pastekan kode berikut



<div class="buttons">


   <button class="action bluebtn"><span class="label">Save</span></button>


   <button class="action redbtn"><span class="label">Upload</span></button>


   <button class="action greenbtn"><span class="label">Comment</span></button>


   <button class="action"><span class="label">Cancel</span></button>


 </div>

simpan perubahan.
sebelumnya ganti kode yang berwarna merah dengan selera sobat.

~ Happy Blogging - Ega Ariya Dirgantara ~

Template 3 kolom black or white

2013-03-25T01:06:00.002-07:00

Download Template 3 kolom - 2 template tersebut juga karya maskolis,karena sebelumnya saya juga share 2 template blogger responsive,,karya maskolis.nah,,untuk kali ini,,saya akan share template 3 kolom.disana ada 2 pilihan warna,,yaitu hitam/dark dan white /putih.silahkan download dengan link berikut.

Black

White

Demo
Download

Sumber : mastemplate.com

~ Happy Blogging - Ega Ariya Dirgantara ~

2 Template Blogger Responsive | maskolis

2013-03-25T00:51:00.001-07:00

Download Template Blogger Responsive - saya akan berbagi template lagi nih,,2 teplate ini karya master web desain,yaitu maskolis.banyak sekali template-template yang digunakan para blogger.karena templatenya yang keren,simple,seo,responsive,dan juga valid.mau download template tersebut ? silahkan lanjutkan membaca.

Template :

Pakdhe Johny

Demo | Download

Fitur :

Camera Slideshow

Floating Social Bookmark

Responsive Layout (menurut saya)

Banner iklan 728 x 90 di bawah header

Artikel terkait dengan thumbnail

Tag H1 dan H2 juga sudah dipasang

Coba klik salah satu gambar di homepage, fitur apa itu namanya?

Dan masih banyak lagi yang masih belum dipasang

Johny Ribet

Demo | Download

Fitur :

sama seperti diatas.

Source : http://www.maskolis.com/2013/03/2-simple-template-blogger-responsive.html

~ Happy Blogging - Ega Ariya Dirgantara ~

Link Exchange

2013-03-24T22:47:00.002-07:00

Link Exchange - adalah kegiatan tukar menukar link atau bisa disebut backlink,namun atas kerjasama.para blogger tersebut.nah disini saya juga bermaksud ingin bertukar link kepada anda,agar dapat meningkatkan traffic dan backlink antara kita berdua.

langsung saja bagi anda yang ingin bertukar link dengan saya,masukkan link saya :

Nama : Blog Belajar SEO Blogspot / SEO HTC
Link : http://seohtc.blogspot.com/

atau dengan cara ini :

Note :

Jika anda memasang link saya di postingan,,saya akan melakukan hal yang sama.
Tetapi jika link saya anda letakkan di sidebar,saya jug akan melakukan hal yang sama.

Daftar Link Sahabat :

EA-XP

Wap Akatsuki

Cara membuat recent post dengan 1 kategori label

2013-03-24T22:22:00.001-07:00

Recent Post Kategori Label Tertentu - kali ini,kita akan membuat widget recent post dengan 1 kategori label tertentu,dan ini biasanya paling dicari,cari.oleh,peblogger sekarang.cara membuatnya cukup mudah.kok...ikuti terus tutorial ini yah ?

Tutorial :

masuk akun blogger
add widget baru >> HTML/javascript
masukkan kode ini :

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var
 displaymore = false;var displayseparator = false;var showcommentnum = 
false;var showpostdate = false;var showpostsummary = true;var numchars =
 80;</script>

<script type="text/javascript" src="/feeds/posts/default/-/NAMA LABEL?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

lalu simpan perubahan.
kemudian pergi ke edit HTML
cari kode ]]></b:skin> dengan Ctrl + F
lalu masukkan kode ini diatasnya.

img.label_thumb{float:left; padding:5px; border:1px solid #8f8f8f; 
background:#D2D0D0; margin-right:10px; height:55px; width:55px}





img.label_thumb:hover{background:#f7f6f6}


.label_with_thumbs{float:left; width:100%; min-height:70px; margin:0px 10px 2px 0px; adding:0}


ul.label_with_thumbs li{padding:8px 0; min-height:65px; margin-bottom:10px}


.label_with_thumbs a{}


.label_with_thumbs strong{}

kemudian cari kode </head> ,lalu masukkan kode ini diatasnya.

<script src='http://adablogku.googlecode.com/files/lebelgambar.js' type='text/javascript'/>

setelah itu save perubahan.
lihat hasilnya

~ HappyBlogging - Ega Ariya Dirgantara ~

Cara membuat widget iklan melayang dengan tombol close

2013-03-24T03:51:00.000-07:00

Cara membuat widget iklan melayang dengan tombol close - sebenarnya widget ini bisa muncul disamping kanan dan kiri,,blog.nah,saya akan berbagi tipsnya.mungkin tips ini berlaku untuk anda yang main iklan ppc,,atau advertisement yang lainnya.untuk tutorialnya,silahkan simak tutorial berikut.

Cara Membuat :

masuk akun blogger
tambah gadget baru >> HTML/javascript
pastekan kode berikut

<style type="text/css">
#adsense_blog {
position:fixed;_position:absolute;top:0px; right:0px;width: 160px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
</style>
<script type="text/javascript">
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function close1(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("adsense_blog").style.visibility="hidden"
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="adsense_blog">
<div style="text-align: right;">
<a href="" onclick="close1(); return false"><img src="http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png" /></a></div>
<div onclick='close1()'>
<div style="background: #fff;">
<a href="http://poetra-pakumis.blogspot.com/p/contact-us.html" target="_blank"><img src="http://i1216.photobucket.com/albums/dd374/abyfarhan/PasangIklan_zps0d4e538b.jpg" border="0" alt="Photobucket" /></a></div>
</div></div>
<style type="text/css">
#adsense_blog1 {
position:fixed;_position:absolute;top:0px; left:0px;width: 160px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
</style>
<script type="text/javascript">
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function close11(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("adsense_blog1").style.visibility="hidden"
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="adsense_blog1">
<div style="text-align: left;">
<a href="" onclick="close11(); return false"><img src="http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png" /></a></div>
<div onclick='close11()'>
<div style="background: #fff;">
<p style="line-height: 100%; margin-top: 0; margin-bottom: 0" align="center"> <a target="_blank" href="http://www.soalpsikotes.com/?id=abyfarhan"> <img border="0" src="http://www.soalpsikotes.com/images/ebook-buku-psikotes.gif" width="160" height="600" /></a><p></p> </div></div></div>

Ganti kode berwarna merah dengan kode iklan masing-masing.
save perubahan.

~ Happy Blogging - Ega Ariya Dirgantara ~

Cara Membuat Permalink Blogspot SEO Friendly

2013-03-24T03:44:00.001-07:00

Cara membuat permalink Blogspot Seo Friendly - permalink adalah salah satu optimasi off page pada seo blog.ini sangat penting dibutuhkan agar blog anda benar-benar,seo friendly.bagaimana cara membuatnya ? sangatlah mudah.dan anda hanya perlu mengikuti tutorial berikut.

Tutorial Membuat :

masuk akun blogger
pergi ke edit html >> "expand templates widgets"
lalu cari kode <data:post.body/>
pastekan kode berikut dibawahnya

<div class='permalink-seofriendly' style='padding:5px 5px 5px 5px; 
overflow: auto; width: auto; height: auto; text-align: justify;'>
<small>Anda
 sedang membaca artikel tentang 
<strong><u><data:blog.pageName/></u></strong>
 dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan 
url <strong><data:post.url/></strong>. Anda boleh 
menyebarluaskan atau mengcopy artikel 
<strong><data:blog.pageName/></strong> ini jika memang
 bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk 
mencantumkan link sumbernya.</small></div>

lalu cari kode berikut ]]></b:skin>
pastekan kode berikut diatasnya.

.permalink-seofriendly
{border: 2px dashed #424242;
padding: 5px;
background: #fbfbef;-moz-border-radius:5px;}
.permalink-seofriendly a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}

kemudian simpan template
dan lihat perubahannya.

Sumber : http://impoint.blogspot.com/2013/01/cara-membuat-permalink-seo-di-blog.html

~ Happy Blogging - Ega Ariya Dirgantara ~

Cara membuat widget like box + follow twitter melayang

2013-03-24T03:32:00.000-07:00

Widget like Box + Twitter melayang

Cara Membuat widget like box + follow twitter melayang - pada postingan kali ini,saya akan membagi sedikit tips mengenai tutorial blogger.cara membuat like box melayang.tutorial ini mungkin sudah banyak yang share,,tapi tidak ada salahnya jika saya share,lagi.semoga saja bisa bermanfaat.untuk mengikuti langkah-langkahnya ,simak tutorial berikut.

Tutorial membuat :

masuk akun blogger
tambah gadget baru >> HTML/Javascripts
pastekan kode berikut

<script src="http://facewoman.googlecode.com/files/andikwin-like-fb.js" type="text/javascript"></script> 



<div id="fbslidebox" style="position: fixed; width: 310px; overflow: 
hidden; bottom: 150px; right: 5px; background: #fff;) repeat scroll 0% 
0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 5px 
ridge Black; display: block;"> 



 <div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;"> 





 <a id="fbcloseslidebox" style="float: right; color: rgb(0, 0, 0); 
padding: 0pt 2px; border: 1px solid rgb(0, 0, 0); text-decoration: none;
 font-size: 10px; font-family: Verdana;" href="#">Keluar</a> 



 <strong style="color: rgb(0, 0, 0);">Jangan Lupa Klik Like & Follow</strong> 







<a href="https://twitter.com/ID TWITTER SOBAT"
 title="facewoman.blogspot" class="twitter-follow-button" 
data-button="grey" data-text-color="#000000" 
data-link-color="#ffffff">Follow @NAMA TWITTER SOBAT</a><script src="//platform.twitter.com/widgets.js" type="text/javascript"></script> 







<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FID FANS PAGE SOBAT&amp;width=280&amp;height=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;:none;
 overflow:hidden; width:270px; height:290px;" 
allowtransparency="true"></iframe> 





</div></div>

simpan perubahan.

Note :

Kode-kode yang saya tandai dengan warna,,bisa dirubah dengan keinginan anda.
untuk lebih jelasnya silahkan meluangkan waktu untuk berdiskusi di kotak komentar. :D

~ Happy Blogging - Ega Ariya Dirgantara ~

Cara Membuat Kotak FeedBurner + Related Post

2013-03-24T03:20:00.000-07:00

Feed Burner berdampingan dengan Related post bergambar

Cara Membuat Kotak FeedBurner berdampingan dengan Related Post bergambar - trik kali ini adalah membuat kotak feedburner atau email subscription berdampingan dengan related post bergambar.lihat pada gambar untuk melihat demonya.untuk tutorialnya simak kutipan langkah-langkah berikut.

Tutorial Membuat :

Masuk Akun Blogger
pergi ke template >> edit html >> "expand template widget"
temukan kode ]]></b:skin> dengan Ctrl + F
lalu pastekan kode berikut,diatasnya

#related{background:#F0F2F5; border:1px solid #aaa;margin:0 0 5px;padding:10px}

ul#related-posts{font:bold 11px Arial;list-style:none;text-transform:none;margin:10px 0;padding:0}

#related .related-posts{font-weight:400;width:50%;float:right}

#related .related-posts p{font:bold 14px Arial;margin:0}

ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px}

*html ul.rp#related-posts li{margin:0 13px}

ul#related-posts li a{-moz-box-shadow:0 1px 2px 
rgba(0,0,0,0.15);border:2px solid 
#aaa;display:block;height:72px;position:relative;width:72px;color:#fff;text-decoration:none;text-shadow:0
 1px 0 #000;font:11px Arial}

ul#related-posts li .overlay{height:66px;line-height:16px;position:absolute;width:66px;z-index:10;padding:6px 0 0 6px}

ul#related-posts li a:hover .overlay{background:#000;display:block!important;opacity:0.7}

ul#related-posts li img{bottom:0;padding:0!important}

ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25)}

#related .subscribe{width:43%;float:left;color:#333;}

#related .subscribe p.intro{font-weight:400}

#related .subscribe 
p.feed{margin-bottom:10px;font-weight:700;padding-left:21px;background:url(http://3.bp.blogspot.com/-kci2j8VxzNY/UPw8jUo8hzI/AAAAAAAABNw/xV9j7En07ew/s1600/feed+icon.gif)
 0 50% no-repeat;vertical-align:middle}

.clearfix:after{content:&quot;.&quot;;display:block;height:0;clear:both;visibility:hidden}

.clearfix{display:inline-block}

lalu temukan kode <data:post.body/> ,kemudian pastekan kode berikut dibawahnya.

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

<div class='clearfix' id='related'>

<div class='related-posts'>

<p>Related Articles</p>

<script type='text/javascript'>

var 
defaultnoimage=&quot;http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg&quot;;

var maxresults=6;

</script>

<script src='http://yourjavascript.com/1198561349/relatedimg.js' type='text/javascript'/>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &quot;true&quot;'>

</b:if>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + 
data:label.name + 
&quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;'
 type='text/javascript'/>

</b:loop>

<script type='text/javascript'>

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);

</script>               

</div>

<div class='subscribe'>

<p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/ID Feedburner sobat' target='_blank' title='feedburner'>

<b>click here</b></a>, or subscribe to receive more great content just like it.</p>

<p class='feed'><a href='http://url blog sobat.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>

<form action='http://feedburner.google.com/fb/a/mailverify' 
method='post' 
onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=ID Feedburner sobat&apos;,
 &apos;popupwindow&apos;, 
&apos;scrollbars=yes,width=550,height=520&apos;);return true' 
target='popupwindow'>

<input name='uri' type='hidden' value='ID Feedburner sobat'/>

<input name='loc' type='hidden' value='en_US'/>

<input id='botsub' name='email' onblur='if (this.value == 
&quot;&quot;) {this.value = &quot;Enter your 
email&quot;;}' onfocus='if (this.value == &quot;Enter your 
email&quot;) {this.value = &quot;&quot;;}' type='text' 
value='Enter your email....'/>

<input id='botsubbutton' type='submit' value='Submit'/><br/>

<small>Your information will not be shared. Ever.</small><br/>

<a href='http://feeds.feedburner.com/ID Feedburner sobat'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/ID Feedburner sobat?bg=ceaa6c&amp;fg=444444&amp;anim=1' style='border:0' width='88'/></a>

</form>

</div>

</div>

</b:if>

Note :

Kode yang berwarna merah adalah ID Feedburner sobat, sesuaikan dengan keinginan sobat.
sedangkan kode berwarna biru itu adalah URL blog sobat.

Terakhir save template
dan lihat hasilnya

~ Happy Blogging - Ega Ariya Dirgantara ~

Widget Recent Post HTML5

2013-03-24T03:04:00.003-07:00

Widget Random Post Valid HTML5

Widget Random Post Valid HTML5 - untuk postingan kali ini,,saya akan membahas tips membuat recent post valid HTML5.kenapa harus HTML5 ? karena agar tidak terdeteksi error oleh w3c.sebenarnya saya sangat senang sekali,,dengan HTML5 dan saya mencoba membuat template dan blog saya ini valid HTML5.untuk lebih jelas,,simak tutorial berikut.

Widget recent post / random post sangat dibutuhkan untuk blog anda karena termasuk salah satu optimasi SEO.bagaimana langkah-langkahnya ? simak tutorial ini.

Langkah-langkah membuat widget recent post valid HTML5

masuk akun blogger
ke tata letak >> add widget
pilih widget HTML/javascript
lalu pastekan kode berikut

<script type="text/javascript">

var randarray = new Array();var l=0;var flag;

var numofpost=7;function randomposts(json){

var total = parseInt(json.feed.openSearch$totalResults.$t,10);

for(i=0;i < 
numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j
 in randarray){if(l==randarray[j]){ flag=1;}}

if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');

for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];

for(k=0; k < entry.link.length; 
k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a
 href=" + entry.link[k].href + ">" + entry.title.$t + "</a> 
</li>";

document.write(item);}}

}document.write('</ul>');}

</script>

<script src="http://urlblogsobat.blogspot.com/feeds/posts/default?alt=json-in-script&amp;start-index=1&amp;max-results=1000&amp;callback=randomposts"
 type="text/javascript"></script>

setelah itu save.
mudah kan? :D

~ Happy Blogging - Ega Ariya Dirgantara ~

2 Template Simple SEO Friendly 2013 Terbaru

2013-03-24T01:02:00.001-07:00

Template Blogger Simple SEO Friendly - kali ini saya akan share template lagi,nih.template yang saya share ini sudah terbukti keseoannya.karena sudah dibuktikan oleh beberapa master bloggers,template tersebut adalah karya maskolis dan kang ismet.apa saja template tersebut ? simak info berikut

2 Template Simple SEO Friendly 2013 Terbaru

Johny Wuss

Johny Wuss - SEO Friendly Template

Fast Loading
Seo Friendly
Dinamic Heading Lengkap
Dilengkapi Share button
Simple dan Keren

Download | Demo

Super SEO

Super SEO Blogger Template

2 navigasi
social network
auto readmore with thumbnails
Breadcrumbs SEO Friendly
Related Post
Thread Comments
SEO Friendly
mirip template raja seo thesis Blogjuragan
simple
elegant

Download | Demo

Diantara 2 Template tersebut,saya menggunakan template Super SEO ,karena memiliki tampilan yang simple dan SEO.

~ Terimakasi sudah membaca dan mendownload. - Ega Ariya Dirgantara ~

Blog Dofollow

2013-03-24T00:32:00.002-07:00

Blog Dofollow - blog dofollow adalah blog yang disebut anak emas,oleh google.karena google menyukainya.jadi apa anda akan merubah blog anda menjadi dofollow atau nofollow ? ada beberapa kelebihan dan kekurangan dofollow,ada juga cara mengganti blog menjadi dofollow.apa saja itu ? simak tutorial berikut.

Apa sih Dofollow itu ?

Dofollow adalah blog-blog yang link-linknya bisa teridentifikasi oleh robot spider google.jika blognya dofollow termasuk link komentarnya juga dofollow maka otomatis URL konten yang kalian tinggalkan akan ikut terupdate google.dan blog kalian bisa masuk di search engine google.
Kalau Nofollow sebaliknya

Apa Kelebihan Blog Dofollow ?

Mendapatkan komentar yang banyak
trafik melonjak berlipat ganda.
selalu dikunjungi blogger lain.
blog semakin populer
lebih banyak yang follow blog kita
lebih banyak yang berlangganan artikel kita.
disukai google.
pengunjung tetap stabil walaupun jarang update.

Lalu Apa Kekurangan Blog Dofollow ?

Banyak sekali SPAM di komentar
PageRank Blog mudah sekali menurun karena antara outbound link dan inbound link tidak seimbang.
susah mendapatkan pagerank dari google.
tidak disukai google jika memberikan link yang banyak pada komentar.
apabila kebanyakan link keluar,maka posisi kita akan bergeser kepada SERP.dan blog tidak bisa terindeks oleh google.

Berikut adalah cara agar membuat blog anda menjadi dofollow :

masuk akun blogger
pergi ke menu edit html
centang "expand template widget"
lalu tekan Ctrl + F , lalu cari kode rel='nofollow'
selanjutnya hapus kode yang ada rel='nofollow' nya.
misalkan anda menemukan kode seperti ini

<a expr:href='data:backlink.url' rel='nofollow'>

ganti kode yang berwarna merah dengan rel='dofollow'
setelah semua sudah menjadi dofollow
simpan template anda

mungkin itu sedikit tips mengenai Blog Dofollow,semoga bisa bermanfaat.
~ Ega Ariya Dirgantara ~

Meta Tag HTML5 ala SEO HTC

2013-03-23T19:16:00.002-07:00

Meta Tag HTML5 - kali ini saya akan share tips membuat meta tag anda valid HTML5 ala SEO HTC.bagaimana cara tersebut bisa terjadi ? apa rahasianya ? apakah tidak ada error meta saat di cek di w3c ? untuk lebih lengkapnya silahkan simak tutorial berikut

Cara Memasang Meta Tag

login ke akun blogger
masuk ke menu template >> edit html >> centang "expand templates widgets"
lalu cari kode berikut menggunakan ctrl + f

<b:include data='blog' name='all-head-content'/>

Kemudian hapus semua kode diantara

<b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[

Kemudian Ganti dengan Meta tag berikut :


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

<b:else/><title><data:blog.pageName/> | <data:blog.title/></title>

</b:if>

<b:if cond='data:blog.homepageUrl == data:blog.url'><meta content='Isi dengan Deskripsi Blog Anda' name='description'/>

<meta content='Isi dengan keyword blog anda' name='keywords'/>

</b:if>

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

<meta expr:content='data:blog.pageName' name='keywords'/>

</b:if>

<meta content='Isi dengan kode verfikasi Google anda' name='google-site-verification'/>

<meta content='Isi dengan kode verfikasi Alexa Anda' name='alexaVerifyID'/>

<meta content='Isi dengan kode verfikasi Bing Anda' name='msvalidate.01'/>

<meta content='index, follow' name='robots'/>

<meta content='2 days' name='revisit-after'/>

<meta content='general' name='rating'/>

<meta content='never' name='expires'/>

<meta content='id' http-equiv='Content-Language'/>

<meta content='id' name='geo.country'/>

<meta content='Indonesia' name='geo.placename'/>

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

<meta content='true' name='MSSmartTagsPreventParsing'/>

<meta content='blogger' name='generator'/>

<meta content='general' name='rating'/>

<meta content='Isi dengan nama anda' name='author'/>

Simpan Template

Template Blogjuragan SEO friendly

2013-03-23T19:03:00.000-07:00

Template Blogjuragan SEO Friendly - Download Template blogjuragan seo friendly.hai sobat blogger ? lama tidak update postingan,dan pada postingan saya kali ini , saya akan memberikan / menshare template super seo friendly karya master seo ,siapa lagi kalau bukan template blogjuragan.

Silahkan Download Dengan Link Berikut :

password : Ega Ariya Dirgantara

Live Demo Download

Cara Membuat Tooltip CSS3

2013-03-23T18:00:00.000-07:00

Cara Membuat Tooltip CSS3 - kali ini saya mencoba share trik membuat tooltip css3.apa itu tooltip ? tooltip adalah deskripsi pembantu saat seseorang menklik link atau gambar yang sudah disertai tooltip didalamnya,sehingga deskripsi link atau gambar akan muncul.nah,bagaimana membuat yang lebih keren ? simak tutorial berikut.

Demo Tutorial Beikut

Langkah-langkah

Login ke akun blogger

Klik Edit HTML - "expand template widgets"
cari kode ]]></b:skin> dengan menggunakan Ctrl + F
lalu letakkan kode berikut diatas ]]></b:skin>:


.tbi-tooltip {
 outline: none;
 cursor: help;
 position: relative;
 text-decoration: none;
 border-bottom: 1px dotted #000;
}

.tbi-tooltip span {
 margin-left: -999em;
 position: absolute;
 color: #000;
}

.tbi-tooltip:hover span {
 font-family: Trebuchet MS, Calibri, Tahoma, Geneva, sans-serif;
 position: absolute;
 left: 1em;
 top: 2em;
 z-index: 99;
 margin-left: 0;
 width: 250px;
 -moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
 -moz-box-shadow: 0px 0px 9px #000000;
 -webkit-box-shadow: 0px 0px 9px #000000;
 box-shadow: 0px 0px 9px #000000;
}

.tbi-tooltip:hover img {
 border: 0;
 margin: -10px 0 0 -55px;
 float: left;
 position: absolute;
}

.tbi-tooltip:hover em {
 font-family: Candara, Tahoma, Geneva, sans-serif;
 font-size: 1.2em;
 font-weight: bold;
 display: block;
 padding: 0.2em 0 0.6em 0;
}

.custom {
 padding: 0.5em 0.8em 0.8em 2em;
}

.tbi-general {
 background: #EDEDED;
 background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1)));
 background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
 background: -o-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
 background: -ms-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
 background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
 -webkit-box-shadow: 4px 4px 1px 1px #ccc;
 box-shadow: 4px 4px 1px 1px #ccc;
}

.tbi-critical {
 border: 1px solid #FF3334;
 background: #ffccaa;
 background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2NhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjg0ODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffccaa 0%, #ff8482 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffccaa), color-stop(100%,#ff8482));
 background: -webkit-linear-gradient(top,  #ffccaa 0%,#ff8482 100%);
 background: -o-linear-gradient(top,  #ffccaa 0%,#ff8482 100%);
 background: -ms-linear-gradient(top,  #ffccaa 0%,#ff8482 100%);
 background: linear-gradient(to bottom,  #ffccaa 0%,#ff8482 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffccaa', endColorstr='#ff8482',GradientType=0 );
}

.tbi-help {
 border: 1px solid #2BB0D7;
 background: #a9e4f7;
 background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5ZTRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZmI0ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a9e4f7 0%, #0fb4e7 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7));
 background: -webkit-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
 background: -o-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
 background: -ms-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
 background: linear-gradient(to bottom,  #a9e4f7 0%,#0fb4e7 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 );
}

.tbi-info {
 border: 1px solid #2BB0D7;
 background: #a9e4f7;
 background: url(data:image/svg+xml;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5ZTRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZmI0ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a9e4f7 0%, #0fb4e7 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7));
 background: -webkit-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
 background: -o-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
 background: -ms-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
 background: linear-gradient(to bottom,  #a9e4f7 0%,#0fb4e7 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 );
}

.tbi-warning {
 border: 1px solid #FFAD33;
 background: #f1e767;
 background: url(data:image/svg+xml;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZTc2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2JjNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f1e767 0%, #fcbc5d 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#fcbc5d));
 background: -webkit-linear-gradient(top,  #f1e767 0%,#fcbc5d 100%);
 background: -o-linear-gradient(top,  #f1e767 0%,#fcbc5d 100%);
 background: -ms-linear-gradient(top,  #f1e767 0%,#fcbc5d 100%);
 background: linear-gradient(to bottom,  #f1e767 0%,#fcbc5d 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#fcbc5d',GradientType=0 );
}

Save Template Anda.

Cara Memunculkan Ke Halaman Posting

Tambahkan kode berikut sesuai dengan spesifikasi tooltips yang anda inginkan pada bagian HTML editor post.

Untuk tooltip umum dan standar/ General tooltip Gunakan Kode:

<a class="tbi-tooltip" href="#">ANCHOR TEXT HERE<span class="custom tbi-general"> TOOLTIP HERE</span></a>

Untuk Critical Tooltip Gunakan Kode:

<a class="tbi-tooltip" href="#">ANCHOR TEXT HERE<span class="custom tbi-critical"><img src="https://lh6.googleusercontent.com/-IIUWYhGh_-M/UB1pbdD3wCI/AAAAAAAAFiQ/9BSZXhLX-tQ/s48/Critical.png" alt="Error" height="48" width="48" /><em>Critical</em>TOOLTIP HERE</span></a>

Untuk Warning Tooltip Gunakan Kode:

<a class="tbi-tooltip" href="#">ANCHOR TEXT HERE<span class="custom tbi-warning"><img src="https://lh3.googleusercontent.com/-sEK0idue4HM/UB1pcNMBpjI/AAAAAAAAFio/JB7yN1M0WF4/s48/Warning.png" alt="Warning" height="48" width="48" /><em>Warning</em>TOOLTIP HERE</span></a>

Untuk Help Tooltip Gunakan Kode:

<a class="tbi-tooltip" href="#">ANCHOR TEXT HERE<span class="custom tbi-help"><img src="https://lh6.googleusercontent.com/-kCmiNkbo9i4/UB1pbogi4JI/AAAAAAAAFiU/hJb76rrKNBo/s48/Help.png" alt="Help" height="48" width="48" /><em>Help</em>TOOLTIP HERE</span></a>

Untuk Information Tooltip Gunakan Kode:

<a class="tbi-tooltip" href="#">ANCHOR TEXT HERE<span class="custom tbi-info"><img src="https://lh3.googleusercontent.com/-aPsqP_cKj0k/UB1pbaBgV_I/AAAAAAAAFiY/xqeP4CLV3ew/s48/Info.png" alt="Information" height="48" width="48" /><em>Information</em>TOOLTIP HERE</span></a>

Kustomisasi

Anda dapat mengganti tanda pager # dengan link yang akan ditampilkan padanya tooltips
Ganti ANCHOR TEXT HEREdengan kalimat yang anda inginkan
Ganti TOOLTIP HEREdengan kalimat informasi yang ingin anda tambahkan

Demikian cara membuat tooltips keren bertenaga CSS3 untuk blogger. Semoga anda suka dengan widget ini dan bermanfaat bagi anda. Terimakasih

SEO HTC

3 Template untuk blog movie

3 Template untuk blog kategori Movie :

Situs Iklan ppc selain google adsense

Berikut Situs Penyedia iklan PPC terbaik selain google adsense

Download Ringkasan Materi Matematika SMP

Pilih BAB berikut :

Optimasi SEO yang baik untuk traffic

Tips Optimasi SEO yang baik untuk blog :

Cara berkomentar yang baik dan benar

Tips cara berkomentar yang baik :

Internet Download Manager Terbaru

Pilih Tipe IDM :

Cara menempatkan css yang benar

Tips pada template :

Tips pada postingan :

widget share metro button style css3

Hasil :

Tutorial :

css3 box kode untuk css dan HTML/javascript

Hasil :

Tutorial :

Search box keren css3

Hasil :

Tutorial :

Google+ Button Style CSS3

Screen :

Tutorial :

Template 3 kolom black or white

Black

White

2 Template Blogger Responsive | maskolis

Template :

Link Exchange

Daftar Link Sahabat :

Cara membuat recent post dengan 1 kategori label

Tutorial :

Cara membuat widget iklan melayang dengan tombol close

Cara Membuat Permalink Blogspot SEO Friendly

Cara membuat widget like box + follow twitter melayang

Tutorial membuat :

Cara Membuat Kotak FeedBurner + Related Post

Tutorial Membuat :

Note :

Widget Recent Post HTML5

2 Template Simple SEO Friendly 2013 Terbaru

2 Template Simple SEO Friendly 2013 Terbaru

Blog Dofollow

Meta Tag HTML5 ala SEO HTC

Cara Memasang Meta Tag

Kemudian Ganti dengan Meta tag berikut :

Template Blogjuragan SEO friendly

Cara Membuat Tooltip CSS3

Demo Tutorial Beikut

Langkah-langkah

Cara Memunculkan Ke Halaman Posting

Untuk tooltip umum dan standar/ General tooltip Gunakan Kode:

Untuk Critical Tooltip Gunakan Kode:

Untuk Warning Tooltip Gunakan Kode:

Untuk Help Tooltip Gunakan Kode:

Untuk Information Tooltip Gunakan Kode:

Kustomisasi