This is default featured post 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Saturday, July 4, 2009

Membuat Efek Gerak Pada Title Blog lebih menarik



Efek Gerak pada Title (Judul) Blog


Copy-Paste kode berikut ini, tepat di bawah kode <Head>
<Head>

<script>
function judul_makeArray(n){
this.length = n;

return this.length;

}
judul_messages = new judul_makeArray(1);
judul_messages[0] = "Free for Share - Genx4Shared";
judul_rptType = 'infinite';
judul_rptNbr = 5;
judul_speed = 50;
judul_delay = 500;
var judul_counter=1;
var judul_currMsg=0;
var judul_tekst ="";
var judul_i=0;
var judul_TID = null;
function judul_pisi(){
judul_tekst = judul_tekst +
judul_messages[judul_currMsg].substring(judul_i, judul_i+1);

document.title = judul_tekst;

judul_sp=judul_speed;

judul_i++;

if (judul_i==judul_messages[judul_currMsg].length){

judul_currMsg++; judul_i=0; judul_tekst="";judul_sp=judul_delay;

}

if (judul_currMsg == judul_messages.length){

if ((judul_rptType == 'finite') && (judul_counter==judul_rptNbr)){

clearTimeout(judul_TID);

return;

}

judul_counter++;

judul_currMsg = 0;

}

judul_TID = setTimeout("judul_pisi()", judul_sp);

}
judul_pisi()</script>

Ubah kode berikut
judul_messages[0] = "Free for Share - Genx4Shared";

sesuaikan dengan judul blog anda


Atau dengan Efek lain yang lebih menarik,,

Copy-Paste kode berikut ini, tepat di bawah kode <Head>
<Head>
<script language="JavaScript">
<!--
//
//Scrolling Status Bar
putmsg="==welcome==";
letchar2="+==o0o==+";
letchar1="+==o0o==+";ultimo1=letchar1.length-1;
ultimo2=letchar2.length-1;
ultimo2=letchar2.length-1;
tiempo=setTimeout("stat_scroll()",.1);
function stat_scroll()
{
aux1=letchar1.charAt(ultimo1-1);
letchar1=aux1+letchar1.substring(0,ultimo1-1);
aux2=letchar2.charAt(0);
letchar2=letchar2.substring(1,ultimo2+1)+aux2;
window.status="(" + letchar2 + putmsg + letchar1 + ")";
tiempo=setTimeout("stat_scroll()",.1);
return true;
}
// -->
</script>
<script language="JavaScript">
<!--
//
putmsg="[Genx4Shared]";
letchar2="+==o0o==+";
letchar1="+==o0o==+";
ultimo2=letchar2.length-4;
ultimo2=letchar2.length-4;
tiempo=setTimeout("tit_scroll()",.1);
function tit_scroll()
{
aux1=letchar1.charAt(ultimo1-1);
letchar1=aux1+letchar1.substring(0,ultimo1-1);
aux2=letchar2.charAt(0);
letchar2=letchar2.substring(1,ultimo2+1)+aux2;
document.title="" + letchar2 + putmsg + letchar1 + "";
tiempo=setTimeout("tit_scroll()",.1);
return true;
}
// -->
</script>



Slide Show Smooth Gallery Widget



Slide Show Smooth Gallery



+ Login ke Blogger kemudian pilih "Layout"
+ Klik pada "Edit HTML" dan paste kode berikut :
1. Letakkan kode berwarna merah tepat di bawah kode hijau muda

<html>
<head>

<!-- begin Smooth Gallery scripts -->
<link rel="stylesheet" type="text/css" href="http://www.geocities.com/adeha_182/jd2.gallery.css" />

<script src='http://www.geocities.com/adeha_182/mootools2.v1.11.js' type='text/javascript'/>

<script src='http://www.geocities.com/adeha_182/jd2.gallery.js' type='text/javascript'/>
<!-- end Smooth Gallery scripts -->


<b:skin><![CDATA[/*

DISINI TEMPAT KODE2 CSS


]]></b:skin>
</head>

<body>
<div id='main-wrapper'>

2. Kemudian letakkan kode berwarna merah di bawah ini, tepat di atas kode hijau muda

<div id='isismoothgallery'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<style>
#myGallery, #myGallerySet, #flickrGallery {
width: 400px;
height: 300px;
z-index:5;
border: 1px solid #000;
margin: 0 0 30px;
}

.jdGallery .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0;
height: 85px;
background: #000;
color: #fff;
text-indent: 0;
overflow: hidden;
}
</style>
<script type='text/javascript'>
function startGallery() {
var myGallery = new gallery($(&#39;myGallery&#39;), {
timed: true
});
}
window.addEvent(&#39;domready&#39;,startGallery);
</script>
<div id='myGallery'>
<div class='imageElement'>
<h2>Featured Article #1</h2>
<p>This is an example ...</p>
<a class='open' href='http://genx4shared.blogspot.com/2009/04/award4shared-spirit-award-for-bloggers.html' title='Read More'/>
<img class='full' src='http://www.geocities.com/blacklist1304/AWARD4Shared.jpg'/>
<img class='thumbnail' src='http://www.geocities.com/blacklist1304/AWARD4Shared.jpg'/>
</div>

<div class='imageElement'>
<h2>Featured Article #2</h2>
<p>This is an example ...</p>
<a class='open' href='http://genx4shared.blogspot.com/2009/03/lets-try-to-costumize-facebook-layout.html' title='Read More'/>
<img class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgayRYFpthFri8ZNPKu9h7ASsYQw0M1N12onDUUulXD_vzuGGGhPbO02hZI2-FKTuANb9nUeM9lp2Ri1Liv3fY2aAg9SRC2WMzhxXwRWFzl7xdeMnCZ1eh9VRmUkeubtCO1w3uFICzAVTA/s320/myfacebook.JPG?imgmax=400'/>
<img class='thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgayRYFpthFri8ZNPKu9h7ASsYQw0M1N12onDUUulXD_vzuGGGhPbO02hZI2-FKTuANb9nUeM9lp2Ri1Liv3fY2aAg9SRC2WMzhxXwRWFzl7xdeMnCZ1eh9VRmUkeubtCO1w3uFICzAVTA/s320/myfacebook.JPG?imgmax=400'/>
</div>

<div class='imageElement'>
<h2>Featured Article #3</h2>
<p>This is an example ...</p>
<a class='open' href='http://genx4shared.blogspot.com/2009/04/mozilla-firefox-is-great-freeware.html' title='Read More'/>
<img class='full' src='http://www.hwdot.com/images/firefox.png'/>
<img class='thumbnail' src='http://www.hwdot.com/images/firefox.png'/>
</div>

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

</body>
</html>


+ Ganti tulisan Featured Article #1, Featured Article #2, Featured Article #3 yang bercetak tebal dengan Judul artikelmu.

+ Ganti tulisan yang berwarna Merah sesuai ukuran lay out mu.
  • width: 500px; (lebar Smooth Gallery)
  • height: 400px; (tinggi Smooth Gallery)
  • margin: 0px 0px 0px 30px; (jarak atas,kanan,bawah,kiri Smooth Gallery)

+ Ganti tulisan yang berwarna Biru dengan Ringkasan artikelmu.

+ Ganti tulisan yang berwarna Hijau dengan Link artikelmu.

+ Ganti tulisan yang berwarna Ungu dengan Link Gambarmu.

+ Untuk menambah elemen slideshow, copy kode yang sebelumnya dan paste dibawahnya kode tersebut.

Simpan dan Lihat Hasilnya.

Zinmag Primus Slider Widget



Slider ala Zinmag Primus Template


Zinmag Primus is a professional and white elegant Blogger template.

Template Feature

2 Navigation Bar
1 Featured Content section
1 Twitter Update section
1 Featured Video section
4 Ads Space
2 Sidebar Gadget section
4 Footer Gadget section
Bagaimana Cara Menampilkannya ?


Letakan kode CSS dibawah ini diatas kode ]]></b:skin>


#slider {

background:url(http://img99.imageshack.us/img99/9594/slide.png);

height: 254px;

overflow: hidden;

position: relative;

margin: 5px 0;


}



#mover {

width: auto;

position:absolute;

overflow:hidden;


}



.slide {

padding: 20px 0px;

width: 1000px;

float: left;


position: relative;

height:200px;

}



.slide h2 {

font-family:georgia, Helvetica, Sans-Serif;


font-size: 24px;

color: #ac0000;

padding:0px 0px 0px 30px;

margin:0px 0px;

width:500px;

overflow:hidden;


}



.slide h2 a:link, .slide h2 a:visited {

color:#fff;

background-color: transparent;

}




.slide h2 a:hover {

color: #ddd;

background-color: transparent;

}



span.slmet {


color: #ee0909;

font-size: 10px;

font-family:Tahoma, georgia, Helvetica, Sans-Serif;

line-height: 20px;

width: 500px;

padding:0px 0px 0px 30px;


margin:0px 0px;

text-transform:uppercase;

}

.slide p {

color: #999;

font-size: 12px;


font-family:georgia, Helvetica, Sans-Serif;

line-height: 20px;

width: 500px;

padding:0px 0px 0px 30px;

margin:0px 0px;

}




.slide img {

position: absolute;

top: 20px;

left: 577px;

background:#fff;


padding:10px 10px;

}



#slider-stopper {

position: absolute;

font-family: Georgia, Helvetica, Sans-Serif;


top: 113px;

right: 65px;

color: #AC0000;

padding: 3px 8px;

font-size: 14px;

text-transform: uppercase;


z-index: 1000;

}


Kemudian letakan kode javascript dibawah ini dibawah kode
]]></b:skin>


<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js'
type='text/javascript'/>


<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js'
type='text/javascript'/>

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {

var sfEls = document.getElementById("catmenu").getElementsByTagName("LI");


for (var i=0; i<sfEls.length; i++) {

sfEls[i].onmouseover=function() {

this.className+=" sfhover";

}

sfEls[i].onmouseout=function() {


this.className=this.className.replace(new RegExp(" sfhover\\b"), "");

}

}

}

if (window.attachEvent) window.attachEvent("onload", sfHover);


//--><!]]></script>




Kemudian cari kode dibawah ini:




<div id='header-wrapper'>

..........

.........

</b:section>





Letakan kode dibawah ini dibawah kode diatas.





<!-- Casing -->

<div id='casing'>

<!-- Slider -->

<div id='slider'>


<div id='mover'>



<div class='slide'>

<span class='slmet'> Posted by Agus ramadhani </span>

<h2><a href='http://www.o-om.com/2008/05/e-book-kiat-sukses-promosi-blog.html'>eBOOK
Kiat Sukses Promosi Blog</a></h2>


<p>Kontes seo "kampanye damai pemilu indonesia 2009" tinggal menghitung hari..10
hari ini saya mencoba sekuat apa pengaruh backlink pada keyword..kalo ada yang
mau bantu dukung om bisa memasang link ini di blog masing2. Silahkan
copy-paste kode dibawah, thanks banget atas dukunganya :).</p>

<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFqFTnJ5MBs7_DCzte30ZT2DM3ELvfDfCcu-w7ESEnQ1wvkkx20VF1RRE3mFpCyQTtTSN8-KotNiFIrEzK3mCZP1GSx77B-hVzhP93zUGCY2Qtu6w6kwTaOnbRoFUhFPMy_8Czd1xR39xZ/s400/Kampanye+Damai+Pemilu+Indonesia+2009.gif'/>

</div>

<div class='slide'>


<span class='slmet'> Posted by Agus ramadhani </span>

<h2><a href='http://www.o-om.com/2009/02/kampanye-damai-pemilu-indonesia-2009.html'>Kampanye
Damai Pemilu Indonesia 2009</a></h2>

<p>Dalam buku elektornik ini anda juga akan menemukan kiat sukses dan point
penting dalam kegiatan promosi blog serta bagaimana etika promosi yang
terkandung didalamnya. Untuk kedepan eBook ini tidak saya gratiskan lagi dan
tentu saja materinya lebih berbobot dari Free Edition. Jadi segera download
dan pastikan anda pertama yang membacanya.</p>


<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMrirYDtU-8CMBESQ9OVWeI-BkmzDHSB6jYpC8i8JfLNZylAe0HZ7DFar3xjUDMSwP7UgNeHOikeALDh1Ay_RbuAihu2sBssqRV4vEOdTCSj7TKxSHLaWob7QY-rldiJZEzAaFbsTmZ50Y/s400/OOMEBOOK.gif'/>

</div>



</div>

<!-- /Mover -->

</div>


<!-- /Slider -->

</div>

<div class='clear'/>




Sampai disini semua proses penyimpanan kode berakhir. Sekarang lihat saja hasilnya.

Apa saja yang perlu diedit?

1. Karena file javascript diatas meminjam langsung dari alamat lain, jadi saya sarankan rekan menyimpannya pada hosting masing2. Silahkan download semua file javascript disini.

2. Secara default, Background image pada slider diatas kemungkinan tidak sesuai dengan ukuran
template rekan saat ini, jadi mau tidak mau harus memperkecil ukurannya atau sebaiknya buat saja gambar baru sesuai dengan ukuran dan lebar template rekan yang sekarang.

#slider { background:url(http://img99.imageshack.us/img99/9594/slide.png);
height: 254px; overflow: hidden; position: relative; margin: 5px 0; }

3. Setelah rekan selesai dan berhasil memasang semua kode di atas, contoh slider yang tampil hanya sebagai sample saja, jadi silahkan dihapus link, text dan gambar milik saya dan ubahlah gambar, link dan kalimatnya sesuai kebutuhan.

<div class='slide'>

<span class='slmet'> Posted by Agus ramadhani </span>

<h2><a href='http://www.o-om.com/2008/05/e-book-kiat-sukses-promosi-blog.html'>eBOOK
Kiat Sukses Promosi Blog</a></h2>


<p>Kontes seo "kampanye damai pemilu indonesia 2009" tinggal menghitung hari..10
hari ini saya mencoba sekuat apa pengaruh backlink pada keyword..kalo ada yang
mau bantu dukung om bisa memasang link ini di blog masing2. Silahkan
copy-paste kode dibawah, thanks banget atas dukunganya :).</p>

<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFqFTnJ5MBs7_DCzte30ZT2DM3ELvfDfCcu-w7ESEnQ1wvkkx20VF1RRE3mFpCyQTtTSN8-KotNiFIrEzK3mCZP1GSx77B-hVzhP93zUGCY2Qtu6w6kwTaOnbRoFUhFPMy_8Czd1xR39xZ/s400/Kampanye+Damai+Pemilu+Indonesia+2009.gif'/>

</div>

4. Untuk mengatur letak text, gambar dan link bisa rekan coba otak-atik sendiri pada kode CSS, terus terang setiap template tentu berbeda ukurannya, jadi saya sendiripun gak tau harus gimana menjelaskan cara mengaturnya.

5. Untuk mengatur delay pada slider, silahkan buka file slider.js kemudian tinggal ganti saja jumlah var delayLength = 4000; dengan angka berapa saja, mis 5000 atau 9000 (catatan: 1 detik = 1000)



source: BloggerStyles.com & o-om.com

Recent Post with Thumbnail Widget for Blogger



Recent Post Thumbnail Widget

Recent Posts widget with thumbails for blogger


Untuk memasang widget ini caranya sangat mudah, kita tinggal copy-paste saja semua kode dibawah ini, kemudian langsung paste aja dalam gadget HTML/javascript (Tuju tab Layout - Page Elements - Add a Gadget - pilih HTML/javascript)





<script language="JavaScript">

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";


imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";


showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://genx4shared.blogspot.com/";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js"
type="text/javascript"></script>

Apa saja yang perlu di edit?

boxwidth -
Ukuran Lebar Widget

cellspacing - Spasi
diantara cells


borderColor -
Warna Border

thumbwidth & thumbheight - Ukuran
lebar dan tinggi gambar Thumbnails

fntsize -
Ukuran Font pada title

acolor -
Warna title

aBold -
Tebal huruf pada title? (true or false)

numposts -
Jumlah recent post yang ditampilkan?

home_page : http://NAMABLOGKAMU.com/
(Ubah sesuai URL blog masing2)


Submit Your Site to 50 Search Engine

Daftarkan Website / Blog kamu ke 50 Search Engine di
bawah ini :










Search Engine/DirectoryRank AlexaRank Google
1. Yahoo! Search
2. Google
3. Live Search
4. Wikia Search
5. Open Directory
6. Cuil
7. Exalead
8. MavicaNet
9. GigaBlast
10. ScrubTheWeb
11. What U Seek
12. World Site Index
13. BusinessSeek
14. ExactSeek
15. EntireWeb
16. SearchMe
17. IllumiRate
18. 01WebDirectory
19. Amfibi
20. Wikidweb
21. SearchSight
22. AMRAY
23. Info Listings
24. Domaining
25. Amidalla
1
2
4
248
2,039
2,511
29,870
33,433
37,264
45,850
47,727
49,113
51,468
52,219
52,882
56,827
57,167
58,558
59,440
59,956
65,647
66,076
67,105
67,707
68,260
9
10
8
7
8
4
7
4
7
6
6
5
3
4
6
6
5
4
6
4
5
4
5
3
4









Search Engine/DirectoryRank AlexaRank Google
26. WebbieWorld
27. Arakne Links
28. Link Centre
29. Pedsters Planet
30. SonicRun
31. Anaximander
32. Info Tiger
33. Dramba
34. Zeezo
35. Thales Directory
36. Directory Storm
37. A1 Web Directory
38. Burf
39. NetInsert
40. Web Linker
41. Finest 4
42. Cipinet
43. Klottra
44. My Directory Live
45. FreshTV
46. ABD
47. SEagency
48. Nonar
49. The Living Link
50. Clickey
69,237
69,670
70,250
72,416
75,095
76,672
78,172
79,939
80,745
80,861
83,829
87,503
92,351
97,278
101,871
102,023
104,971
107,958
115,382
116,165
122,268
123,181
124,906
126,249
127,740
4
4
5
4
4
4
5
3
4
3
4
4
4
4
0
2
4
0
3
2
0
2
4
4
5

Daftar diatas sudah dilengkapi dengan ranking alexa dan rangking (PR) google. Meskipun tidak submit kesemuanya tapi submit sebagian aja sudah baik. Setidaknya akan membuat blog kamu semakin berkibar didunia. Saran saya submit secara berurutan dari rangking yang baik dulu.

Selain itu ada beberapa Search Engine lagi yg dapat kamu gunakan,,





HeadLine News


facebook

New Blogger Template - Smells Like Facebook

Details : THEME NAME: Smells like Facebook THEME URI: http://www.nazieb.com/456/smells-like-facebook DESCRIPTION: The exact Facebook clone theme for Wordpress.Based on Facebook profile page. VERSION: 1.0.5 AUTHOR: Ainun Nazieb AUTHOR URI: http://nazieb.com/[...]
facebook

Netbook Advan Vanbook A1N70T [Alnect Komputer]

Netbook keluaran advan dengan mengusung performa dari prosesor Atom keluaran Intel berasitektur 45nm . Lebih hemat daya dalam penggunaan baterainya. Performa yang cukup baik ditunjukkan netbook ini. Dengan berat hanya 1,2Kg netbook ini cukup mudah dibawa kemanapun Anda menginginkannya.[...]
facebook

In Memoriam 50th of Michael Jackson (Jacko)

The King Of Pop Michael Jackson had passed away on 25th June, 2009 and the moment was shocking around the world. The death caused cardiac arrest at his home in Los Angeles. His death triggered an outpouring of grief around the world,[...]
facebook

Slider ala Zinmag Primus Template

Zinmag Primus is a professional and white elegant Blogger template. Theme Author: Jinsona Design Converted By: Falcon Hive (Installation and Customization),[...]
facebook

Slide Show Smooth Gallery Widget

Slide Show yang begitu keren dengan tampilan featured content dan image,,[...]
facebook

Try TO Costumize Facebook Layout

Sedikit tips buat sobat blogger,, yang mungkin pengen belajar jg gmna caranya utk ganti layout facebook yang kita punya,,, skrg ga usah khawatir,,, ganti dengan sesuka hati tampilan facebook kamu... warna merah... warna hijau.. cerah.. bahkan bosen dengan wallpapernya ganti aza.. [...]
unikz

Total Blog Posts & Comments Widget

Widget yg satu ini untuk menampilkan Statistic Blog Sobat Blogger,, berdasarkan Total Posting yg Sobat buat dan Total Komentar yg masuk ke blog Sobat,, langsung aja gmna cara nya,, silahkan Sobat copas kode di bawah ini,[...]
ipod

CPU Komputer Di Dalam Botol

Apa jadinya kalau CPU komputer berada di dalam Botol minuman!!!! Aneh-aneh aja ya yang dilakukan orang...sampai CPU komputer pun bisa berada dalam Botol minuman.[...]
View All Posts

Increase Earnings


Add URL Here


Sign up for PayPal and start accepting credit card payments instantly.

Let's Join Acme People Search !!


Complete Step 1-3,, Get Free $125, NO SCAM !!


| Social Community | Facebook | Friendster | Twitter |
| News |
Kompas | Media Indonesia | Detik | Seputar Indonesia | Republika | Suara Pembaruan | Antara |
| Forum |
Kompas Forum | Detik Forum | Kaskus | Indo Forum | Chip Forum | Yogyafree | Delphi Forum | Komunitas Muda | Jasakom |
The Press List| Al-Quds.com | Aljazeera English | Media Indonesia | Tempo Newspaper | Tempo Magazine | The Jakarta Post | CNET Asia | CNET.COM

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More