Menambah Home,Refresh,Up,Down Vertical di pojok

Belanda lawan Uruguay ... menang siapa yah ?! OK pertama kita [KITA ??].... huh, bingung mau nulis apa. OK pertama kamu dan aku [cikiciew..].... huh, langsung aja lah... pertama pasti kalian sudah tau kan apa itu menu ?? yah itulah menu. saya mencari cara seperti ini di blog-blog. soalnya saya tertarik dengan menu berjalan milik Yudhaime dan Hendi inih tutorialnya.


1. login ke blogger
2. pilih rancangan-edit html
3. centang Expand Template Widget
4. cari </body>
5. letakan script dibawah ini tepat di atas kode </body>

<!-- floating button -->
<div style='display:scroll;position: fixed; top:30px;left:5px; '>
<table border='0' cellpadding='0' cellspacing='1' width='32'>
<tr><td><a expr:href='data:blog.homepageUrl' title='Home'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguWkkyQynXZKdG8Fn1hgoNlNzRx0Y09czxEHc2mAm0bhDs9J1h4BUm9EV-A6JfJKojRxwALcRKvGqD0UlID41VKHs0oydc_K3r9oBCRvEszSBrstjmN8ksziw5MIc1tALH5xF8q-o_t_Y/s320/home-icon2.png'/></a></td></tr>

<tr><td><a href='#' title='Back to Top'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMEAfkiLm7bi2PTjiBezs8wZt1gAIZqt8wnALNCTOnpE4M3KHbS1A5C0wd9WEcdLCUa0J3xRndPeZzhAwR2xOCIpaY9waJ3tjLgqRpBLsTmZk4o-dIPfXJfpffHRKv2YEb0ywNQgWB8oY/s320/pre-icon1.png'/></a></td></tr>

<tr><td><a href='#ngisor-dhewe' title='Go to Buttom'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFq3KWiDWfr2u1cpOPYP_fp9gjCXzrf0gZQrsMNI9pJvRhyUEdLFx1U5QKBOqTdZj6Jc34A2W4VZ7QEYZBvnioCOVp0KUwYOoaBInXvBm_UB1FMm9grkDBK7dU1Y8W-196kdSkyp_oJuk/s320/next-icon2.pn'/></a></td></tr>

<tr><td><a href='#' onClick='window.location.reload()' title='Reload page'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR2tVFhCCOf6DLa9bOGLpMhpZcjyA75j8zlMOS5DSBSIRYDifWOdUHt2GrooKY5JhIOrgvMavroktYOIQV_lZqzxNR1H3GZpsY5XcfMAFmN295u23KsUIen1Mk5r08GexL2pkkeLjFF40/s320/refresh-icon1.png'/></a></td></tr>

<tr><td><a href='http://www.emailmeform.com/builder/form/rBbDnjLea2T2' title='Mail me'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdu-qJfRRgGReC4_odPz0k4zJXd41gOmGlFWDbCVhIVMlhY_tL3KjG-r0Yuk-XBssP9pcoEdjZ7Ddb-MiqjPq9t1lB5BOLwS9Ib8rebDSfsF8FkSi7OgdF-oROy7q55RncetDzijbN09E/s320/mail-icon2.png'/></a></td></tr>

</table>
</div>
<!-- end of floating button -->
<a name='ngisor-dhewe'/>

6. ganti http://www.emailmeform.com/builder/form/rBbDnjLea2T2
dengan ID "email me form" kamu sendiri, silahkan daftar [gratis !] dan buat email me form kamu sendiri. dan juga ganti top:30px;left:5px; '> dengan
- top = bottom
- left = right
- 30px= ... Dan seterusnya px
- 5 px = ... Dan seterusnya px
7. Setelah selesai simpan template

Membuat Float Layer dengan Javascript

Float Layer adalah suatu tampilan yang mana selalu megikuti layar anda, ketika layar anda di tarik kebawah otomatis akan mengikuti kebawahuntuk membuatnya caranya sangat mundah yang pertama kita membuat javascript dengan kode di bawah ini :

Novemb

window.onerror = null;
var topMargin = 100;
var slideTime = 1200;
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
function layerObject(id,left) {
if (ns6) {
this.obj = document.getElementById(id).style;
this.obj.left = left;
return this.obj;
}
else if(ie4) {
this.obj = document.all[id].style;
this.obj.left = left;
return this.obj;
}
else if(ns4) {
this.obj = document.layers[id];
this.obj.left = left;
return this.obj;
}
}
function layerSetup() {
floatLyr = new layerObject(‘floatLayer’, pageWidth * .5);
window.setInterval(“main()”, 10)
}
function floatObject() {
if (ns4 || ns6) {
findHt = window.innerHeight;
} else if(ie4) {
findHt = document.body.clientHeight;
}
}
function main() {
if (ns4) {
this.currentY = document.layers["floatLayer"].top;
this.scrollTop = window.pageYOffset;
mainTrigger();
}
else if(ns6) {
this.currentY = parseInt(document.getElementById(‘floatLayer’).style.top);
this.scrollTop = scrollY;
mainTrigger();
} else if(ie4) {
this.currentY = floatLayer.style.pixelTop;
this.scrollTop = document.body.scrollTop;
mainTrigger();
}
}
function mainTrigger() {
var newTargetY = this.scrollTop + this.topMargin;
if ( this.currentY != newTargetY ) {
if ( newTargetY != this.targetY ) {
this.targetY = newTargetY;
floatStart();
}
animator();
}
}
function floatStart() {
var now = new Date();
this.A = this.targetY – this.currentY;
this.B = Math.PI / ( 2 * this.slideTime );
this.C = now.getTime();
if (Math.abs(this.A) > this.findHt) {
this.D = this.A > 0 ? this.targetY – this.findHt : this.targetY + this.findHt;
this.A = this.A > 0 ? this.findHt : -this.findHt;
}
else {
this.D = this.currentY;
}
}
function animator() {
var now = new Date();
var newY = this.A * Math.sin( this.B * ( now.getTime() – this.C ) ) + this.D;
newY = Math.round(newY);
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
if ( ie4 )document.all.floatLayer.style.pixelTop = newY;
if ( ns4 )document.layers["floatLayer"].top = newY;
if ( ns6 )document.getElementById(‘floatLayer’).style.top = newY + “px”;
}
}
function start() {
if(ns6||ns4) {
pageWidth = innerWidth;
pageHeight = innerHeight;
layerSetup();
floatObject();
}
else if(ie4) {
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight;
layerSetup();
floatObject();
}
}
//

Atau bisa didownload di sini Setelah itu tambahkan onload=”start()” ke tag bodi seperti di bawah ini

<body onLoad=”start()”>

dan untuk kode HTML nya sebagai berikut :

<div id=”floatLayer” style=”position: absolute; height: 200px; width: 389px; left: 405px; top: 10px;”>

This is a Floating Layer. Replace this content with your own.

</div>

Cara bikin tombol disamping naik-turun" Install Floating Social Bookmark on Blogger"

Mungkin anda penasaran liat tombol disamping naik-turun" Install Floating Social Bookmark on Blogger" di kaskus atau diblog temen-temen anda.
Disini akan dijelaskan Cara bikin tombol disamping naik-turun" Install Floating Social Bookmark on Blogger"

STEP #1:

• Login ke Blogger ► Layout ► Edit HTML ► tekan kotak Expand Widget Templates
• Lalu, cari (CTRL+F) kode di bawah ini ►

]]></b:skin>

• Dan Copy Paste kode di bawah ini, tepat di atas kode tadi ►

#divStayTopLeft {left:5px;position:absolute;top:15px;}

.sidetab {}

.sidetab ul {list-style-type: none;margin: 0;margin-top: 220px;margin-left: -2px;padding: 0; position:fixed;}

.sidetab ul li {border-bottom: 0;margin-bottom: 0;padding: 0;}

.sidetab a {background: none;display: block;height: 25px;margin-top: 0px;padding: 2px;width: 25px;}

.sidetab a:link, .navlist a:visited {color: #555;text-decoration: none;}

.sidetab a:hover {border: none;background: #e8e8e8;}

.sidetab .button a {background:none;height: 25px; width: 25px;}

STEP #2:

• Sekarang temukan kode di bawah ini ►

</body>

• Dan masukan kode di bawah ini, tepat di atas kode body tersebut ►

<DIV id='divStayTopLeft'>

<div class='sidetab'>

<ul class='navlist'>



<li class='button'><a href='http://feeds.feedburner.com/blogspot/lHjLZ'><img height='25' src='http://upic.me/i/ci/rss_48.png' title='Subscribe to RSS feed' width='25'/></a></li>

<a class='addthis_button_facebook'><img alt='Facebook' height='25' src='http://upic.me/i/8n/facebook_32.png' width='25'/></a>

<a class='addthis_button_delicious'><img alt='Delicious' height='25' src='http://upic.me/i/k6/delicious.png' width='25'/></a>

<a class='addthis_button_email'><img alt='Email' height='25' src='http://upic.me/i/bo/emailsmall.jpg' width='25'/></a>

<a class='addthis_button_favorites'><img alt='Favorites' height='25' src='http://upic.me/i/ij/favorites.png' width='25'/></a>

<a class='addthis_button_twitter'><img alt='Twitter' height='25' src='http://upic.me/i/bx/twitter_32.png' width='25'/></a>

<a class='addthis_button_google'><img alt='Google' height='25' src='http://upic.me/i/fm/gsmall.jpg' width='25'/></a>

<a class='addthis_button_digg'><img alt='Digg' height='25' src='http://upic.me/i/0v/mdigg.png' width='25'/></a>

<a class='addthis_button_more'><img alt='More' height='25' src='http://upic.me/i/5e/wmore.png' width='25'/></a>

</ul>

</div>

</DIV>

<script src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94' type='text/javascript'/>

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

• Sekarang Anda tinggal click ► Save Template

NOTE : Ganti kode ► http://feeds.feedburner.com/blogspot/lHjLZ ► dengan alamat Link Feed Anda. Bila untuk blogspot akan seperti :mosesjoniibrahim.blogspot.com/feeds/posts/default . Bila Artikel ini membantu, jangan lupa untuk click Like Button Facebook di samping untuk menjadi penggemar. 

Anda juga dapat memodifikasi gambar icons maupun banyaknya links social networks, silahkan mencobanya juga agar sesuai dengan keinginan Anda.
Selamat mencoba !

ENCODER JAVASCRIPT/HTML

This tool automatically converts javascript ad code into the correct format so you can embed it directly into your new xml Blogger template. It’s perfect for converting AdSense, AdBrite, Chitika or any other javascript ad code you may have.

Memasang Iklan PPC di Area Posting

Ada banyak cara untuk meningkatkan clickrate iklan ppc misal dengan mengatur warna iklan, menghilangkan garis tepi, menggunakan format tertentu dan menempatkan iklan di tempat yang mudah dilihat oleh pengunjung. Salah satu tempat yang paling mudah dilihat pengujung tentu saja adalah area posting. Karena pada umumnya pengunjung yang datang ke blog adalah untuk membaca artikel maka menempatkan iklan di area posting merupakan pilihan terbaik. Pada postingan ini saya akan menunjukkan kepada anda cara memasang iklan PPC diatas dan dibawah posting. 1. Pertama-tama, siapkan kode iklan yang mau dipasang. Iklannya bisa dari Google adsense, Adsensecamp, Kliksaya, Adbrite, Bidvertiser, dan lain-lain. 2. Setelah itu encode kode tersebut agar bisa muncul dalam postingan. 3. Untuk melakukannya,klik disini 4. Masukkan kode iklan kedalam kotak lalu tekan Convert Ad Code 5. Setelaj itu, buka blogger. Masuk ke menu Design -> Edit HTML 6. Beri centang pada "Expand Widget templates" 7. Cari kode berikut <data:post.body/> 8. Jika anda menemukan dua kode <data:post.body/> maka pilih yang pertama. 9. Letakkan kode PPC yang sudah di encode tadi diatas <data:post.body/> bila anda ingin memasang iklan PPC diatas postingan atau letakkan dibawah <data:post.body/> bila anda ingin memasang iklan PPC dibawah postingan. 10. Save template dan lihat hasilnya. Selamat mencoba...!

Memasang Iklan PPC Diatas Posting

Memasang Iklan PPC Diatas Posting ini maksudnya adalah Iklan ppc kita akan tampil ketika view content dan tepat berada dibawah judul postingan. menurut para blogger yang sudah senior, ppc yang diletakkan diatas posting ini akan menghasilkan jumlah klik yang lebih banyak dibandingkan diletakkan ditempat yang lain. Lihat contohnya di ReogAds

Nah langsung saja menuju pokok pembahasan ya....


Langsung saja login ke blogger.com, kemudian “edit layout”, klik “expand widget template”, dan temukan ini kode berikut <p><data:post.body/></p> dan ganti dengan kode seperti ini:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left;'>SCRIPT PPC ANDA 1
</div>
<p><data:post.body/></p>
SCRIPT PPC ANDA 2
<b:else/>
<p><data:post.body/></p>
</b:if>



Ganti SCRIPT PPC ANDA dengan kode PPC yang kamu ikuti.
NB: maksud dari SCRIPT PPC ANDA 1 dan 2 adalah:
SCRIPT PPC ANDA 1 = diatas posting, SCRIPT PPC ANDA 2 = dibawah posting


Tapi jika blog anda sudah memakai atribut Read more maka silahkan ikuti langkah-langkah berikut :


1. Setelah tag berikut: <data:post.body/> ,


2. Setelah tag itu masukan tag read morenya yaitu ini:


<a expr:href='data:post.url'><b>Read more!</b></a>


3. Begini bentuknya:


<data:post.body/>
<a expr:href='data:post.url'><b>Read more!</b></a>


Jadi kode keseluruhan menjadi seperti ini: (Lihat yang warna hijau dibawah ini)


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left;'>SCRIPT PPC ANDA 1
</div>
<p><data:post.body/></p>
SCRIPT PPC ANDA 2
<b:else/>
<p><data:post.body/>
<a expr:href='data:post.url'><b>Read more!</b></a></p></b:if>


Penting: Agar lebih aman maka Script ppc kamu sebaiknya diparse dulu sebelum ditempelkan ke readmore seperti diatas. Parse = cara memposting kode HTML, atau silahkan langsung ke situsnya parse html

Cara Mengganti Icon Cursor Blog

Kalau biasanya cursor blog hanyalah anak panah biasa yang sama dengan blog - blog lain, kini cursor blog bisa diganti sesuai selera. mau diganti cursor dengan icon senjata Naruto juga bisa (kan sama - sama lancipnya) atau mau diganti dengan bambu runcing juga bisa.

Tapi disini saya cuma ingin kasih caranya saja, untuk mencari icon cursor sesuai selera silahkan cari sendiri (saya kasih linknya kamu pilih sendiri) ....

Pengguna Blogger.com

1. Login ke account blogger kamu.
2. Pilih Design >>> Edit HTML
3. Cari kode ]]></b:skin> (tekan Ctrl + F untuk mencari)
4. Copy dan paste kode di bawah ini tepat diatas kode yang kamu cari tadi.


/* CURSOR GENERATOR */
body { cursor:url("http://www.myspacecursor.net/cursor/smiley6.cur"),default;}


5. Simpan
6. Silahkan dilihat apakah cursor blog kamu udah berubah .......

Untuk pengguna Wordpress (hosting sendiri)

1. Login di Dashboard WordPress
2. Buka Apperance >> Editor
3. Pilih Header.php
4. Copy dan paste kode di bawah ini tepat di atas tag </head>


<style type="text/css">body {cursor: url(http://www.myspacecursor.net/cursor/smiley6.cur);}</style>

NB : Untuk icon cursor yang lain bisa kamu temukan DISINI atau di Cursor-4u

Pilih sesuai selera atau sesuai tema blog kamu. jika masih kurang dengan penampilan cursor blog kamu, kamu juga bisa menambah animasi efek bintang jatuh dari cursor seperti pada blog ini.