ShoutMix chat widget

Tampilkan postingan dengan label blog tips. Tampilkan semua postingan
Tampilkan postingan dengan label blog tips. Tampilkan semua postingan

cara membuat daftar link berjalan

Rabu, 27 Juli 2011 | 0 komentar

Hallo sobat kembali lagi untuk berbagi" ilmu mengenai blog,,
kali ini saya akan berbagi ilmu tentang cara membuat daftar link berjalan,,
ya biar beda gitu sobat,,
ok tak usah berbasa basi lagi beginilah caranya...
cekidooot...

  • pertama"..masuk ke blog sobat,,ok kalo sudah di dasbor trus masuk ke rancangan lalu ke tambah gadget,,terus pilih html java script..
  • nah kalo udah


copas kode ini:




<marquee direction="up" align="center" scrollamount="4" style="border:2px solid" width="50%" height="200px" onmouseover="this.stop()" onmouseout="this.start()" >
<a href="http://yudaspensado.co.cc/">YUDHA SITE</a>
<br /&gt

<a href="http://hendriprabowo.blogspot.com/">HENDRY SITE</a>
<br />
<a href="http://DIMaspensado.co.cc/">DIMAS SITE</a>
<br/>
<a href="http://spensado-david.co.cc/">DAVID</a>
<br />
<a href="http://RIFAI21.co.cc/">MAMET SITE</a>
<br /></marquee>




  • sobat bisa mengotak atik kode diatas dengan keterangan :
  • teks yang berwarna merah bisa sobat ganti dengan url blog yang sobat inginkan,,
  • teks yang berwarna oranye bisa sobat ganti dengan nama yang sobat inginkan..
  • teks yang berwarna biru adalah arah link itu bergerak,,sobat bisa mengantinya sesuai keinginan sobat
  • teks yang berwana hijau adalah kecepatannya sobat,sobat bisa menggantinya
  • teks yang berwarna ungu adalah ukurannya,,sobat juga bisa menggantinya
tinggal di save sobat..

gimana sobat,,mudahkan..
ok selamat mencoba.!!

terus kalo mau,,follow juga blog saya "kalo mau"
terus link juga blog saya sobat,,nnti akan saya backlink..
hehhehe...

Cara membuat energy saving dengan gambar sendiri

Selasa, 19 Juli 2011 | 0 komentar

hallo dobat kali ini say akan berbagi ilmu tentang cara membuat energy saving dengan gambar sendiri,,
melan jutkan artikel kemarin yang tentang cara membuat energy saving pada blog itu sobat,,
menurut saya,,itu terlalu biasa,,
nah,maka kali ini ya saya bwat mnjadi luat biasa...hehehe,,
ya biar lebih beda gitu sobat,,
ok tak usah basa-basi lagi..
beginilah caranya...!!

  • pertama"..masuk ke blog sobat,,ok kalo sudah di dasbor trus masuk ke rancangan lalu ke edit html..
  • nah pada edit html cari kode ini </head>,,(kalo kesulitan tekan saja ctrl+f),,lha kalo udah ketemu

copas kode ini tepat diatasnya:



<script language='javascript' src='http://agungxzeg.googlecode.com/files/agungxzegscreensaver11.js' type='text/javascript'></script>




  • Klik Save Template

  • ok,kalo udah kesimpan,,sekarang masuk ke rancangan lalu ke elemen laman,kalo udah,,trus tambah gasget..lalu pilih html/java scipt..kalo udah

copas kode ini:



<style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(http://i328.photobucket.com/albums/l349/Hellion_Forest/I_love_Indonesia_by_pinkaholicious.jpg) no-repeat center center fixed black; }
div#energysaving p span {display:none;visibility:hidden;}



  • ganti kode berwarna merah dengan url gambar sobat..
  • klik save..
gimana sobat,,mudahkan..
ok selamat mencoba.!!

terus kalo mau,,follow juga blog saya "kalo mau"

cara menampilkan hanya judul postingan saja pada halaman pencarian

Senin, 18 Juli 2011 | 0 komentar

hallo sobat,,,
kali ini saya akan berbagi ilmu tentang cara menampilkan hanya judul postingan saja pada halaman pencarian...
kayak gini contohnya sobat...

gak sulit kok sobat,,
ok,tak usah berbasa-basi lagi,,beginilah caranya.!!!!

  • pertama"..masuk ke blog sobat,,ok kalo sudah di dasbor trus masuk ke rancangan lalu ke edit html..
  • pada edit html sobat harus mencaari kode <b:include data='post' name='post'/>,,(tekan ctrl+f jika kesulitan)..
  • jika kodenya udah ketemu,,


ganti kode tadi dgn kode ini:



<b:if cond='data:blog.homepageUrl
!= data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><data:post.title/></a>
<br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>




tinggal si save,,selesai..

gimana sobat,,mudahkan..
ok selamat mencoba.!!

terus kalo mau,,follow juga blog saya "kalo mau"

Tips Meningkatkan Alexa Rank

Jumat, 15 Juli 2011 | 0 komentar

Berikut adalah beberapa tips meningkatkan alexa rank untuk web atau blog :
  • Memasang Alexa Toolbar di browser internet yang anda pakai

Tertarik ingin memasang alexa toolbar di browser sobat, install saja sekarang.

Gak sulit kok..

Bagi pengguna Internet explorer :









Bagi pengguna FireFox :

get_sparky

Alternatif lain bagi pengguna Firefox (integrasi antara Page Rank checker serta Alexa Rank checkher) :

download_search

  • Memasang alexa Widget di blog
Ini adalah alternatif lain agar mesin alexa mengetahui jumlah pengunjung blog secara akurat, karena tidak semua pengunjung web atau blog kita memasang alexa toolbar di browser internetnya.
  • Setting Web atau Blog anda menjadi Home Page di browser internet

Tau kan apa yang dimaksud home page.???kalo gak tau saya akan menjelaskannya,,

begini, apabila sobat menjalankan browser internet, akan langsung terbuka suatu halaman situs, lha situs itulah yang di namakan home page. Ada baiknya home page ini di setting untuk web atau blog anda sendiri...

masih binguung??

Ya udahlah,,ikutin jha tutorialnya ini.!!

Untuk Internet Explorer

  • 1. Silahkan sobat buka internet explore,,
  • 2. Terus lihat ke pojok atas,,nah itu kan ada icon settingnya,,terus sobat klik,,lalu pilih internet options..















3. Setelah keluar optionsnya, pastikan sobat berada pada tab General,,,tulis alamat blog sobat pada kolom yang ada. misal : http://yudaspensado.co.cc... lalu klik tombol OK.











4. Selesai,,sekarang setiap sobat membuaka internet explore,blog sobat akan selalu dikunjungi...

Untuk mozilla firefox,,langkahnya hampir mirip kok sobat...gini ni caranya..!!

1. pertama”,,buka dulu mozilla sobat,,,

2. Lalu cari dan pilih options sobat....kaya gambar dibawah inilah pokoknya,,,










3. Lalu setelah keluaroptionsnya,,sobat harus ke general..setelah itu isi home pagenya dengan alamat blog sobat,,contohnya kayak gambar dibawah ini sobat..









4. Kalo udah,,tinggal di ok sobat..selesai..

  • Buatlah tulisan di blog anda mengenai alexa

Dengan anda membuat tulisan tentang alexa, maka para pengunjung setia blog anda akan tertarik menggunakan tool alexa, ini tentunya menguntungkan karena data yang masuk ke alexa akan sangat lancar.

  • Tingkatkan pengunjung jumlah blog anda.

Alexa rank adalah suatu peringkat yang berdasarkan banyaknya kunjungan terhadap suatu web atau blog, maka tentu saja semakin banyak pengunjung web atau blog anda, alexa rank akan semakin baik

Cara Membuat Elemen "Gadget" di bawah Header

Kamis, 14 Juli 2011 | 0 komentar

hallo sobat....
kali ini saya akan berbagi ilmu tentang cara membuat Elemen "Gadget" di bawah Header...
gak sulit kok,,
ok,,gak usahbasa-basi lagi sobat,,beginilah caranya..
cekidot..


  • pertama"..masuk ke blog sobat,,ok kalo sudah di dasbor trus masuk ke rancangan lalu ke edit html..
  • lalu backup template sobat..(ya jaga-jaga kalo da kesalahan)
  • nah pada edit html cari kode ]]></b:skin> ,,kalo udah ketemu


copy kode ini di atasnya:



#under_header{
margin:10px 0;
padding:1%;
width:98%;
}




  • kalo udah cari kode dibawah ini (jika tidak ada cari yang hampir sama karna setiap template berbeda - beda)..
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section></div>

  • kalo udah


copy kode ini di bawahnya:



<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>




  • Klik tombol SIMPAN TEMPLATE
  • Klik tab Tata Letak, maka hasilnya akan seperti di bawah ini :

  • image Cara Membuat Elemen




gimana sobat,,mudahkan..
ok selamat mencoba.!!

terus kalo mau,,follow juga blog saya "kalo mau" :-D

cara memamasang fasilitas print di blog

| 0 komentar

hallo sobat,,
kali ini saya akan berbagi ilmu tentang cara memamasang fasilitas print di blog,,
contohnya kayak gini sobat...

print this page Print halaman ini

gak sulit kok sobat,,
ok,,gak usah basa-basi lagi,,beginilah caranya sobat..
cekidot..

  • pertama"..masuk ke blog sobat,,ok kalo sudah di dasbor trus masuk ke rancangan lalu ke tambah gadget..terus pilih html/java script,,
  • kalo udah


copy code ini:



<a href="javascript:print(document)"><img src="http://i396.photobucket.com/albums/pp48/putro16/iconprint.png" alt="print this page" border="0"/>&#160;Print halaman ini</a>




oh iya sobat sobat bisa mengotak-atik kode di atas,,denagn keterangan :
  • code berwarna biru adalah code icon print,,sobat bisa menggantinya kalo mau..
  • code berwarna merah adalah teks yang akan muncul disamping icon print(bisa sobat ganti kalo mau).
    • tinggal si save,,selesai..
    • gimana sobat,,mudahkan..
    ok selamat mencoba.!!
terus kalo mau,,follow juga blog saya "kalo mau"

cara memasang emoticon pada blogger

| 0 komentar

hallo sobat,,
kali ini saya akan berbagi ilmu tentang cara memasang emoticon pada blogger..
Kali ini emoticon akan dipasang dalam halaman blogger. Karena blogger tidak terdapat layanan untuk ini maka kita harus membuatnya sendiri,,
ok sobat tak usah berbasa basi lagi,,beginilah caranya.!!

  • pertama"..masuk ke blog sobat,,ok kalo sudah di dasbor trus masuk ke rancangan lalu ke edit html..
  • nah pada edit html cari kode ]]></b:skin>,,(kalo kesulitan tekan saja ctrl+f),,lha kalo udah ketemu


copy code ini tepat di bawahnya:



<script src='http://louislim2.googlepages.com/addSmiley.js ' type='text/javascript'/>



  • lalu tinggal di save sobat..
  • Standar kode smile yang bisa digunakan kya gini ni sobat :

:) or :-)
:D or :-D
:$ or :-$
:( or :-(
:p or :-p
;) or ;-)
:k or :-k
:@ or :-@
:# or :-#
:x or :-x
:o or :-o

gimana sobat,,mudahkan..
ok selamat mencoba.!!

terus kalo mau,,follow juga blog saya "kalo mau"

cara membuat link bercahaya saat sisorot mouse

Selasa, 12 Juli 2011 | 0 komentar

hallo sobat,,
kali ini saya akan berbagi ilmu tentang cara membuat link menjadi bercahaya saat sisorot mouse,,
contohnya kayak link ini sobat...
gak sulit kok,,
ok,,gak usad basa-bas lagi,,beginilah caranya sobat..
cekidot..

  • pertama"..masuk ke blog sobat,,ok kalo sudah di dasbor trus masuk ke rancangan lalu ke edit html..
  • nah pada edit html cari kode ini a:hover{,,(kalo kesulitan tekan saja ctrl+f),,lha kalo udah ketemu


copy kede ini tepat di sampingnya:



text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;




tinggal si save,,selesai..
gimana sobat,,mudahkan..
ok selamat mencoba.!!

terus kalo mau,,follow juga blog saya "kalo mau"

Membuat Search Box Melayang pada Blog

Minggu, 10 Juli 2011 | 0 komentar

hallo sobat kali ini saya akan berbagi ilmu tentang cara membuat search box melayang pada blog sobat,,



OK langsung aja sobat..gini ni caranya.!!
  • pertama"..masuk ke blog sobat,,ok kalo sudah di dasbor trus masuk ke rancangan lalu ke edit html..
  • nah pada edit html cari kode ini ]]></b:skin>,,(kalo kesulitan tekan saja ctrl+f),,lha kalo udah ketemu

copy kede ini tepat di atasnya:




/* Search
-----------------------------------------------
*/
#search {
width: 260px;
font-size: 11px;
margin: 0;
padding: 6px 0 0 10px;
}

#searchform {
margin: 0;
padding: 0;
overflow: hidden;
display: inline;
}

#searchbox {
float: right;
background: #fefefe;
width: 180px;
color: #000;
margin-right: 15px;
margin-top: 0px;
padding: 4px 0 3px 5px;
border: 1px solid #ababab;
display: inline;
font: 12px normal 'verdana';
}

#searchbutton {
background: #000;
float: left;
width: 50px;
color: #fff;
margin: 0 0 6px 0;
padding: 3px 3px 2px;
border: none;
font: bold 16px arial;
}

#searchbutton a:hover {
background: #000;
}

#melayang {
background: #fcfcfc;
border: 1px solid #f0f0f0;
position: fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }




  • selanjutnya sobat harus mencari kode </body>,,kalo dah ketemu

copy kede ini tepat di bawahnya:



<div id='melayang'>
<div id='search'>
<form action='/search/' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='255' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Cari disini...&quot;;}' onfocus='if (this.value == &quot;Cari disini...&quot;) {this.value = &quot;&quot;}' type='text' value='Cari disini...'/>
<input cursor='hand' id='searchbutton' type='submit' value='go'/>
</form></div>
</div>




tinggal si save,,selesai..
gimana sobat,,mudahkan..
ok selamat mencoba.!!

oh iya sobat sobat bisa mengotak-atik kode di atas,,denagn keterangan :
  • kalo sobat ingin mengatur posisinya,ganti saja kode yg berwarna biru sesuai dgn keinginan sobat..
  • kalo sobat mau ganti tulisan "GO" yg ada di kotak search box,ganti saja kode yg berwarna hijau.
  • kalo sobat mau mengganti teks "Cari disini..." yg ada pada kotak search box,ganto saja kode yg berwarna merah,,sesuai dgn keinginan sobat..
terus kalo mau,,follow juga blog saya "kalo mau"

1000 Cara Meningkatkan Ranking Alexa

Jumat, 08 Juli 2011 | 0 komentar


  1. 1000 Cara Meningkatkan Ranking Alexa

Ibarat sebuat Trilogi, maka ini adalah sequel terakhirku tentang Alexa. Hari ini, tepat sebulan sejak aku mencari info tentang cara menaikkan ranking Alexa lalu mencoba menyimpulkannya menjadi “5 Tips Untuk Meningkatkan / Menaikkan Ranking Alexa“:

  1. Alexa Traffic
  2. Alexa Toolbar
  3. Alexa Widget
  4. Alexa Redirection
  5. Alexa Blog/Content

Dan hasilnya memang luar biasa, blog ini naik sebanyak 1,661,745 rangking dalam 2 minggu. Dan naik 2,638,359 rangking dalam 1 bulan. Lima langkah ini adalah langkah-langkah yang aku coba simpulkan dari sekian banyak tips yang bertebaran di internet (Lihat aja di google.com atau google.co.id jika mau yang versi Indonesia). Dan 5 langkah tadi adalah 5 langkah paling dasar dan termudah. Bukankah dalam mengerjakan sesuatu kita perlu prioritas?

Kembali ke cara-cara meningkatkan ranking Alexa, jika ditelusuri melalui search engine, banyak yang mengklaim memiliki cara untuk meningkatkan / menaikkan ranking Alexa ini. Ada yang menyebutkan 7 cara, 10, 15 bahkan ada yang menyebutkan 20 cara. Bagaimana jika kukatakan kalau ada 1000 cara untuk meningkatkan / menaikkan ranking Alexa?

Coba kita lihat dari yang paling populer, “20 Quick Ways to Increase Your Alexa Rank“. Kenyataannya, banyak tips-tips yang sudah tercakup dalam 5 Langkah tadi. Mari kita ambil contoh :

  • Flaunt your URL in webmaster forums. Webmasters usually have the toolbar installed. You’ll get webmasters to visit your website and offer useful feedback. It’s also a good way to give back to the community if you have useful articles to share with others.
  • Post in Asian social networking websites or forums. Some webmasters have suggested that East Asian web users are big Alexa toolbar fans, judging by the presence of several Asia-based websites in the Alexa Top 500. I suggest trying this only if you have the time or capacity to do so.
  • Get Dugg or Stumbled. This usually brings massive numbers of visitors to your website and the sheer amount will have a positive impact on your Alexa Rank. Naturally, you’ll need to develop link worthy material.
  • Use PayperClick Campaigns. Buying advertisements on search engines such as Google or Exact Seek will help bring in Traffic. Doubly useful when your ad is highly relevant to webmasters.
  • Buy banners and links for traffic from webmaster forums and websites. A prominent and well displayed ad will drive lots of webmaster traffic to your website, which can significantly boost your rank.
  • Optimize your popular posts. Got a popular post that consistently receives traffic from the search engines? Include a widget/graph at the bottom of the post, link to your Alexa post or use Alexa redirection on your internal URLs.
  • Hire forum posters to pimp your website. Either buy signatures in webmaster forums or promote specific articles or material in your website on a regular basis. You can easily find posters for hire in Digital Point and other webmaster forums.
  • Use MySpace . This is a little shady so I don’t recommended it unless you’re really interested in artificially inflating your Alexa Rank. Use visually attractive pictures or banners and link them to your redirected Alexa URL. This will be most effective if your website has content that is actually relevant to the MySpace Crowd.

Nah, semua point di atas sudah tercakup di langkah nomor 1, ALEXA TRAFFIC: Get lot of site traffic! Begitu juga dengan point-point yang lain. Kalaupun ada yang di luar dari 5 point di atas, maka aku harus meng-quote tips berikut:

  • Get friends to review and rate your Alexa website profile. Not entirely sure of its impact on rankings but it might help in some way.
  • Create a webmaster tools section on your website. This is a magnet for webmasters who will often revisit your website to gain access to the tools. Aaron Wall’s webpage on SEO Tools is a very good example.
  • Try Alexa auto-surfs. Do they work? Maybe for brand new sites. I think they are mostly suitable for new websites with a very poor Alexa rank. Note that there be problems when you try to use auto surfs alongside contextual ads like Adsense. They aren’t also long term solutions to improving your Alexa Rank so I suggest using with caution.

Nah, begitulah… ada 1000 cara (bukan secara harfiah) untuk meningkatkan / menaikkan ranking Alexa. Semua tergantung pada kreativitas dan inovasi yang kamu lakukan. Oiya sebelum sekuel tentang Alexa ini aku akhiri, aku mau memberi tips pamungkas: Jangan lupa berdoa! :)

-TAMAT-

sumber

CARA MEMBUAT JUDUL POSTINGAN BERKEDIP

Selasa, 05 Juli 2011 | 0 komentar

OK sobat kali ini saya akan berbagi ilmu tentang cara membuat judul postingan berkedip,,
ya biar jadi lebih beda gitu sobat..
contohnya kaya yang saya pake di postingan ini sobat..
ok'lah sobat gak usah basa basi lagi kalo gitu..
gini nie caranya...cekidot.!!!


  • pertama"...masuk ke blog sobat,,
  • nah,trus pada saat sobat akan membuat postingan baru,,lebih tepatnya saat menulis judul baru ketik kode ini <blink>....</blink>
  • di cela"nya tulis judul postingannya,,kayak gini <blink>JUDUL POSTINGAN</blink>
  • lalu tinggal diterbitkan entrinya..selesai sobat..
gimana mudahkan..ok selamat mencoba.!!!
terus kalo mau,,follow juga blog saya "kalo mau"

cara membuat search engine di blog

| 0 komentar

hallo sobat kali ini saya akan berbagi ilmu tentang cara membuat search engine di blog...
ok,tanpa basa basi lagi,beginilah caranya...
cekidot!!

  • pertama"...masuk ke blog sobat,,ok..
  • kalo udah masuk ke rancangan,terus ke tambah gadget,lalu pilih html/java script,
  • kalo udah

copy code ini:



<form id="searchform" action="http://AlamatBlogAnda.blogspot.com/search" name="searchform" method="get">
<input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search" type="submit"> </form>




catatan :
  • ganti teks yg berwarna merah dengan alamat blog sobat atau blog yg akan sobat beri search engine
  • ganti teks yg berwarna ungu sesuai keinginan sobat,cari,go...atau apalah..teserah sobat..
ok,tinggal save..selesai..
gimana sobat,mudahkan..
ok selamat mencoba..
terus kalo mau,,follow juga blog saya "kalo mau"
  • Sebagai contoh hasil dari search engine dari script diatas adalah seperti ini :




    Atau seperti ini :



    Atau juga seperti ini :

cek berat blog

Sabtu, 02 Juli 2011 | 0 komentar

hallo sobat,,apakah sobat tau seberapa berat blog sobat sekarang,,
nah gini caranya.!!
tinggal masukin aja alamat blog sobat disini..






Masukkan Alamat Blog/Web Max 10 Url:



(yudaspensado.co.cc)



"tanpa http://"..
ok"..

Cara membuat scroll box untuk blog archive

| 0 komentar



hallo sobat kali ini saya akan berbagi ilmu tentang cara membuat scroll box untuk blog archive,,ya agar lbih beda gitu...
udah lah g' usah basa-basi lagi ,,,beginilah caranya sobat....cekidot.!!

  • pertama...masuk ke akun blog sobat,,setelah ke DASBOR,,lalu ke RANCANGAN,,trus masuk ke EDIT HTML,,trus jangan lupa centang Expand widget templates.
    clip_image002
  • setelah itu cari kode <div id='ArchiveList'> ,,jika kesulitan tekan saja ctrl+f..
  • lalu diatas kode tadi anda akan menjumpai kode ini <div class='widget-content'> ,,,
  • lalu ganti kode ini <div class='widget-content'>

    dengan kode ini :



    <div class='widget-content' style='overflow:auto; height:200px'>


  • sobat bisa mengganti heightnya yg 200px itu sesuai dengan yg sobat inginkan.
  • kurang lbih seperti ini sobat

  • tinggal save,,selesai.!!
gimana sobat,,mudahkan..
ok selamat mencoba.!!
terus kalo mau,,follow juga blog saya "kalo mau"

cara membuat ENERGY SAVING MODE pada blog

Selasa, 28 Juni 2011 | 0 komentar

hallo sobat,,kali ini saya akan berbagi ilmu tentang cara membuat ENERGY SAVING MODE pada blog sobat,,
tak usah basa-basi lagi beginilah caranya...cekidot.!!!
image


  • Pertama...masuk pada blog sobat,,kalo sudah masuk pada RANCANGAN,,trus ke EDIT HTML...
  • Jangan lupa centang “Expand Widget Template”
    clip_image002
  • Lalu cari kode </head> ,,kalo kesulitan tekan saja ctrl+f..
  • kalo sudah ketemu

copy kode inir:



<!-- save your energy -->
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script>
<!-- save your energy end -->



  • terus di save,,,selesai...
gimana sobat,,mudahkan,,,ok selmat mencoba.!!

terus kalo mau,,follow juga blog saya "kalo mau"

cara membuat buku tamu yang show/hidenya dari atas

Senin, 27 Juni 2011 | 0 komentar


haloo sobat kali ini saya akan berbagi ilmu tentang blog,,
nah kali ini saya akan membagikan ilmu saya tentang cara membuat buku tamu yang show/hidenya dari atas,,
tak usah berbasa basilgi,,beginilah carnya..cekidot!!

pertama"..masuk pada akun blog sobat (jgn mlik tetangga anda)
lalu ke rancangan,trus ke alamen laman,dan pilih html/java script..


judul spoiler:




<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #0003BC;
background:url(http://i846.photobucket.com/albums/ab26/arifins/fire.gif)#000000 repeat-x bottom center scroll;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
-moz-box-shadow: 0px 2px 5px 0px #f8f9b9;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>

<div class="atcontent">
<div align="center">
<div style="background:#000;">


<!-- Simpan Kode cbox atau shoutmix nya disini -->

</div>
</div>

<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" alt="close" title="Click here to Close Cbox" /></a></div>

<span ><a href="http://www.oktri.co.cc/2011/06/cara-membuat-buku-tamu-showhide-dari.html"><div style="color: rgb(68, 68, 68);">
<span style="font-size:xx-small;">Get This Gadget</span></div></a></span>
</div></div>


<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>

<a href="javascript:showHideAT()"/><img border="0" src="http://i919.photobucket.com/albums/ad35/misawahyudi/Animasi%20Bloggers/bukutamudrj7jpg.gif" alt="Fivers" title="Klik untuk membuka Buku Tamu" style="display:scroll;position: fixed; bottom:350px;right:0px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ; /></a>
</div>







lalu paste kode ini pada html/java script,,,
klik save... selesaaii!!
gimana sobat,mudah kan..selamat mencoba..

trus jangan lupa :
  • Ganti texs berwarna merah dengan kode shoutmix,cbox,dll milik sobat.
  • Text warna kuning merupakan position dari gambar yang sobat inginkan
  • Ganti teks warna biru dengan gambar yg sobat inginkan
terus kalo mau,,follow blog saya "kalo mau"

Cara mengganti favicon menjadi lebih UNIK

| 0 komentar

Hallo sobat,,
kali ini saya akn memosting artikel tentang cara mengganti favicon diblog sobat,tapi kali ini bukan seprti favicon yang biasa" saja,,
begini caranya,,,cekidot.!!!

pertama" upload calon favicon sobat pada alamat ini,,,
lalu tekan Browse. Contreng pilihan "Animate Favicon" jika anda menginginkan favicon animasi. Lalu klik "Generate Favicon.ico".


Selanjutnya download favicon yang dihasilkan dengan mengklik tombol "Download Favicon"



Extract file zip yang dihasilkan. Lalu upload favicon.ico dan animated_favicon1.gif (favicon animasi) ke file hosting gratis seperti Photobucket,dll.
kedua,,masuk ke akun blogger sobat,,lalu masuk ke RANCANGAN,trus ke EDIT HTML,,


copy kode ini:



http://www.geocities.com/amn_tea/favicon.ico"/>




"ganti teks yang berwarna merah dengan URL favicon sobat"

lalu cari kode pada edit html,lalu paste kode tadi tepat diatas kode ,,
ok,,tinggal save, dan selesai..
selamat mencoba.!!

cara membuat follower yang unik pada blog

Sabtu, 04 Juni 2011 | 0 komentar

hai sobat kali ini saya akan membahas tentang cara membuat follower yang unik pada blog....lebih tepatnya melayang,,tetapi intinya uniklah..
jika sobat ingin membuat follower yang unik pada blog,,beginilah caranya..
cekidot....
pertama:
1. Silahkan surfing ke akun Google Friend Connect milik anda (usahakan anda dalam keadaan online/login akun Google atau Blogger anda)
2. Selanjutnya anda akan dibawa ke halaman utama akun Google friend connect milik anda. Perhatikanlah nama-nama blog anda di bagian kiri (untuk poin yang ini khusus bagi anda yang memiliki blog lebih dari satu dalam satu akun Blogger, bagi anda yang hanya memiki satu blog - silahkan langsung ke poin "tiga") => Pilihlah blog mana yang hendak anda pasang widget Followers-nya.
3. Pilih Gadget yang bernama "Tambahkan Gadget Anggota"

4. Maka anda akan dibawa ke halaman pengambilan kode script "Widget Followers". Di halaman ini anda bisa mengatur berapa lebar widget followers anda nantinya, lalu berapa jumlah sederetan wajah followers anda, juga bisa mengatur warna tampilan widget followers anda (background, garis tepi, dll). Sebagai catatan: Usahakan lebar widget anda benar-benar cocok dengan bagian pojok blog anda, ini bertujuan agar tampilan blog anda terlihat lebih bagus
5. Seusai pengaturan dan anda merasa ukuran widget yang telah anda setting sudah benar-benar cocok dengan ukuran pojok template blog anda, maka segeralah untuk mengambil kode scriptnya dengan cara mengklik tombol "Buat Kode"

6. lalu copas kode tersebut.
kedua :
masuk pada blog sobat,lalu ke RANCANGAN,terus TAMBAH GADGET,dan pilih HTML/JAVA SCRIPT,,,,lalu copas kode berikut :

kode html:




<style type="text/css">
#fl{
position:fixed;
right:190px;
z-index:+1000;
}
* html #fl{position:relative;}

.fltab{
height:32px;
width:270px;
float:top;
cursor:pointer;
background:url(#) no-repeat;
}
.flcontent{
float:right;
border:2px solid #676767;
background:url()#F90 repeat-x bottom center scroll;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideFL(){
var fl = document.getElementById("fl");
var w = fl.offsetWidth;
fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
fl.opened = !fl.opened;
}
function moveFL(x0, xf){
var fl = document.getElementById("fl");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
fl.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<div id="fl">
<div class="fltab" onclick="showHideFL()"> </div>
<div class="flcontent">


LETAKAN DISINI KODE SCRIPT WIDGET FOLLOWERS YANG TELAH ANDA AMBIL DI GOOGLE FRIEND CONNECT TADI!


<div style="text-align: right;">

<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<span ><a href="http://www.oktri.co.cc/2011/04/cara-menyembunyikan-widget-follow.html"><div style="color: rgb(68, 68, 68);">
<span style="font-size:xx-small;">Get This Gadget</span></div></a></span>
</div>
</div>
<script type="text/javascript"><br />var fl = document.getElementById("fl");<br />fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";<br /></script>





Setelah itu,bUka rancangan - edit Html.cari code dengan cara tekan Ctrl + F, copy paste kode di atas

html:




<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:65px;left:5px;' title='Follow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9nhnohK3tu8x74ocyAo6I1yQ8vqghBEBKXqsfKrVFByrubdXvzk1KdmVJZKgCv0cRJANzninm2umlcxjDra-UaIJBU4FBFYvRew-RC0nQAQt2hqRcmTAOmzzy0T6jPt063ceQV8t3Ekg/s1600/FOLLOWERS-LOGO-.jpg'/></a>





jika anda ingin mengganti tombol followernya ganti teks berwarna merah,dengan gambar keinginan anda.
OK,SELAMAT MENCOBA...

Cara Menambah widget I LOVE INDONESIA

Senin, 30 Mei 2011 | 0 komentar


Halo sobat kali ini saya akan memberi tahu sobat sekalian tentang cara memasang widget " I love Indonesia" pada blog sobat",,,
lha..beginilah caranya...
pertama" login dulu pada blog sobat,,"yg pnting bkan blog tetangga"..
masuk ke DASBOR,lalu ke RANCANGAN,,terus TAMBAH GADGET,lalu pilih HTML/JAVA SCRIPT..
lalu copas kode dibawah ini..

contoh spoiler:




<script language="JavaScript" src="http://adabisnis.com/js/widget.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://lh6.googleusercontent.com/_9W8681AXnyo/TWS8zq3XKFI/AAAAAAAAAL8/VNes2sF4baw/iluvindonesia.png")</script>



lalu klik SIMPAN,,akhirnya selesai..langsung saja lihat pada blog sobat sekalian..

cara membuat icon twitter terbang melayang

Minggu, 29 Mei 2011 | 0 komentar



halo sobat!!tanpa basa-basi,langsung saja ini adalah tutorial menambahkan icon twitter yang terbang melayang di blog sobat",,cekidot..

Pertama : Login ke Account Blogger Masing2... " Jangan sampai Pinjem Account Tetangga "
Kedua : masuk ke rancangan lalu ke eleman laman terus ke tambah gatget pilih html/java sript
Ketiga : copas kode html berikut

kode html:



<script type="text/javascript" src="http://melayang.googlecode.com/files/Twitterkumpulancara.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ygPy27FkJxvlDjrWNYv37bUI4AWY24yrOmyXKsdlP4eU5z3sDOI_FNH76oDImhJCNeh_E_ATR3cyNOe_jKcgKIuy1pXTLSgYMOWzhzZFQowxZoz6cuvuaU-17Hx7hU5lyIXMsdzM2j8/s800/TwitterBlue.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/#!/yudha_romero";var tweetThisText = "yudha_romero http://yudaspensado.co.cc/";tripleflapInit();</script>




Keterangan:
Warna Biru = Warna Twitter
Ganti http://twitter.com/#!/yudha_romero dengan Twitter Sobat
Ganti yudha_romero dengan Nama Twiter Sobat
Ganti http://yudaspensado.co.cc Dengan BLog Sobat

Keempat
Silahkan Simpan

Kelima
Jika Ingin Ganti Warna Burung Sobat Tinggal Ganti Alamat Gambar Warna Biru Diatas Dengan Warna-Warna Pilihan Berikut ini :

twitter black
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn7ACtlvcXsePm517KHQ1CVX_NZ2IF6OnC45jynn5SkW94Q22hFKlmu2C0CTUWNIISXKU4-oXKSOZih1vhIrs9P8-jEBybeRMmVwyLtX0WTZ5k7EGopS3csVf5UdAuL69aav4OJaTj9LM/s800/twitterblack.png

twitter Yellow
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsDg0-VHqMdSiNd0QTcjDLVvoFa0fIf7y_RFK6TqrgeyIcG1WFusAB4PQEsi2boSxPYbMQcSL9heLlzIt60YnXqynImYocrrYKZxAAT5YCZTBS_wHPX5tx5pTwKtZEm8DKGaGBxxIsOFA/s800/Twitteryellow.png

twitter white
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghqFGtG8I3FD7ApKiPchccOergSgEHHj8Sa1V3X3ApQSs-uHCuILNBNmNMqTqmNUUX6VuQ2BmQJC8XfBvRxN1NHhhopopoTaZwyYSPOB_I5XqiJS1PkphwZDFFcckC-zl8v0hT49vlkzg/s800/twitterwhite.png

twitter red
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj97xuySmdvjm_lDYGtt_e_vx1tRI7vTbm-us4PLeUrZR1uNxoYhw8IqVPTf3oA-8LwrjmOYTL9_Ry2WlWj_pTzCQrLKkLWdNXQU_NU4CYH-lpCjoWW-HI8j1atZwybAr6fvadJd8o7UYE/s800/twitterred.png

twitter Purple
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiovFUMEfUGyfSOfdoJo2YNSDrNQZhHBSaJGletvC8wxuqLcYTvbK6JgNAjjF8B-osiErK12qSjPLjsp95tPoc86EHwEslh-D3IU8NMMPO71z3lTqWW96ejZx7vzffCV9dv0olPkOhzD_0/s800/Twitterpurple.png

twitter Green
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc_j_Gx3GFzi81FvLWPKnlG_uowxaZ-ceIZN_MXKlZKOyfW2i9yeSOtbuDLsBs7zKyy1j3g2TtOWjJ8O1b1w58UNK2xY1ArwQd_5O9qQ02GjpIRnNjE9UEjCDkMJnYjxREsS6Kd73qhuQ/s800/twitterGreen.png

twitter Brown

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxhr_6kOqwGJ50m5tTRlbeVoQIBEf_5lr5CqQDqGFkBvo4GzuyjcNX-0Exp8b7OQrAbxfcxw7_L8WDcgbkfP0mY23evkPtP2TVyGTAH303_-Qa0FG8KIkDnaH89Tid0GYVQehmgjtlel0/s800/twitterbrown.png

twitter Blue
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ygPy27FkJxvlDjrWNYv37bUI4AWY24yrOmyXKsdlP4eU5z3sDOI_FNH76oDImhJCNeh_E_ATR3cyNOe_jKcgKIuy1pXTLSgYMOWzhzZFQowxZoz6cuvuaU-17Hx7hU5lyIXMsdzM2j8/s800/TwitterBlue.png
 
© Copyright 2010-2011 YUDHA SPENSADO All Rights Reserved.
Design by Yuda Spensado | SMPN 1 Dolopo | Powered by Blogger.com.