cara membuat banner bertukar (Rotasi)

Iklan merupakan daya tarik bagi para blogger dan juga mendapatkan penghasilan, namun untuk lebih indahnya lagi dan dapat menempatkan banyak banner dalam satu kolom maka dalam postingan kali ini saya mencoba mengupas tentang cara membuat banner bertukar (Rotasi) di dalam satu tempat.

Nah mari kita mulai saja :

1. Login Ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var jumlah_iklan = 2;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt="";
url="http://www.donkeymails.com/pages/index.php?refid=sanghaydar";
alt="";
banner="http://www.donkeymails.com/banner2.gif";
width="468";
height="60";
}
if (pasang_iklan==2) {
txt="";
url="#";
alt="Alt Text";
banner="http://klikarea.com/images/pasangbannerdisini5.jpg";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>

Ket :
Tulisan berwarna Merah anda  tukar dengan url tujuan Banner
Angka berwarna Biru jumlah banner
Tulisan berwarna kuning url Banner anda
Tulisan berwarna hijau ukuran banner

Baca Selengkapnya »cara membuat banner bertukar (Rotasi)

Cara memasang Widget Blogger Kerinci

Cara memasang Widget Blogger Indonesia Di Blog. Saya mencoba untuk membuat gambar untuk para blogger Kerinci, di samping kita meletakan widget Blogger Indonesia tidak ada salahnya kita memperkenalkan daerah kita sendiri tampa maksud untuk memecah belahkan rasa persatuan dan kesatuan bangsa akan tetapi lebih memperkuat dan memperkenalkan kita atau daerah kita pada sesama blogger Indonesia dari berbagai daerah. 

Cara pasang widget ini juga begitu mudah. Pada dasboard blog kamu pilih Design > Page Element > Add Gadget dan pilih JavaScript/HTML. Kemudian pastekan kode yang kamu pilih.

Berikut kode widget Blogger kerinci:

SUDUT KIRI ATAS <script language="JavaScript" src="http://project-tanahsakti.googlecode.com/files/kerinci_Kiri_Atas.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript">  cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilPIURJvFgM5Dr-8T70yu9sDR3oBR3uTFu2jOefd8tQDjAnAAl8ExOwtpsKfwTDyN6CLng92Fx3ww1vzYa1_s5UaOufZPA5RjeBpg0nhz75YhnCaPExfQkGbzzWU0Q928Ravoze1crRcE/s1600/blogger+kerinci1.png ") </script>

SUDUT KANAN ATAS <script language="JavaScript" src="http://project-tanahsakti.googlecode.com/files/kerinci_kanan_atas.js" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilPIURJvFgM5Dr-8T70yu9sDR3oBR3uTFu2jOefd8tQDjAnAAl8ExOwtpsKfwTDyN6CLng92Fx3ww1vzYa1_s5UaOufZPA5RjeBpg0nhz75YhnCaPExfQkGbzzWU0Q928Ravoze1crRcE/s1600/blogger+kerinci1.png") </script>

SUDUT KIRI BAWAH <script language="JavaScript" src="http://project-tanahsakti.googlecode.com/files/tanahsakti_kiri_bawah.js" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilPIURJvFgM5Dr-8T70yu9sDR3oBR3uTFu2jOefd8tQDjAnAAl8ExOwtpsKfwTDyN6CLng92Fx3ww1vzYa1_s5UaOufZPA5RjeBpg0nhz75YhnCaPExfQkGbzzWU0Q928Ravoze1crRcE/s1600/blogger+kerinci1.png") </script>

SUDUT KANAN BAWAH <script language="JavaScript" src="http://project-tanahsakti.googlecode.com/files/kerinci_kanan_Bawah.js" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilPIURJvFgM5Dr-8T70yu9sDR3oBR3uTFu2jOefd8tQDjAnAAl8ExOwtpsKfwTDyN6CLng92Fx3ww1vzYa1_s5UaOufZPA5RjeBpg0nhz75YhnCaPExfQkGbzzWU0Q928Ravoze1crRcE/s1600/blogger+kerinci1.png") </script>

Kamu juga bisa menggunakan gambar kreasi kamu sendiri dengan dengan cara menganti Tulisan Berwarna merah dengan url Gambar kamu..

Note: Semoga Dengan adanya widget ini dapat menjalin ke bersamaan dan kesatuan bagi para Blogger Kerinci

Baca Selengkapnya »Cara memasang Widget Blogger Kerinci

Cara Pasang widget Sexy sosial bookmark

Sering kali kita melihat Tulisan dia atas widget Sexy sosial bookmark, nah widget yang di bawahnya itulah yang akan kita pasang di blog kita, untuk memasangnya ikuti caranya sbb:


cara memasang widget sexy sosial bookmark :
1. Dalam keadaan loggin pada account sobat >=> pada dasbor >=> klik tata letak>=> edit HTML>=> centang kotak kecil Expand Widget Template
2. Tambahkan kode berikut sebelum kode </head>

<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url(&#39;http://i43.tinypic.com/2ueii3t.png&#39;) no-repeat left bottom;
position:relative;
width:540px;
}
div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url(&#39;http://i43.tinypic.com/2ueii3t.png&#39;) no-repeat right bottom;
position:absolute;
right:-17px;
}
div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}
div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}
div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url(&#39;http://i941.photobucket.com/albums/ad259/spiceupyourblog/sexybookmarksbuttons.png&#39;) no-repeat !important;
}
.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}
</style>

3. Tambahkan kode HTML berikut setelah kode <data:post.body/>

<div class='sexy-bookmarks'>
    <ul class='socials'>
    <li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/Indahnya-Berbagi' title='Subscribe to RSS' rel='nofollow'/></li>
    <li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    </ul>
    <span class='sexy-rightside'/></div>

Keterangan : jangan lupa mengganti ID feed Burners saya (Indahnya-Berbagi) dengan id feed burners sobat.
4. Simpan template.
Selesai, semoga bermanfaa.

Baca Selengkapnya »Cara Pasang widget Sexy sosial bookmark

Cara Membuat Gambar Melayang

Trik kali ini adalah cara membuat gambar melayang atau widget yang selalu berada di pojok blog, jika kita geser ke bawah halaman, maka gambar tersebut tetap berada di pojok tak bergerak. Bagaimana triknya ayo langsung saja praktekkan cara-cara berikut ini!!!

1.Seperti Biasa Masuk Ke Blogger Anda
   -Klik Rancangan/Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#trikwidget_pojok {
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); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>

<div id=" trikwidget _pojok">

<a href="http://www.wokasloh.co.cc">
<img src="ulr Gambar Anda"

border="0" /></a>
</div>

"http://www.wokasloh.co.cc"

adalah link. ganti dengan link kamu.

"ulr Gambar Anda"

adalah lokasi penyimpanan gambarmu. Ganti dengan kode tempat penyimpanan gamabrmu.

Jika ingin tidak gambar seperti di atas, anda bisa mengganti dengan widget-widget, misanya jam, atau iklan dan lain-lain, tinggal ubah saja kode gambar atau widget yang akan ditampilkan.

Kalau udah simpan/save.
Kemudian jangan lupa deh lihat hasilnya.
Selamat mencoba triknya ya!!!
Salam Blogger selalu untuk Anda!!

Baca Selengkapnya »Cara Membuat Gambar Melayang

Cara Memasang Widget Blogger Indonesia

Sekedar berbagi untuk semua teman blogger Indonesia yang  ingin memasang widget Blogger Indonesia seperti pada blog design t-shirt, bisa mengunakan widget kreasi Iskaruji dot com ini. Adanya widget ini mungkin dapat menjadi alternatif lain dari widget sejenis untuk sisi tampilan blog sahabat blogger sekalian.

Cara pasang widget ini juga begitu mudah. Pada dasboard blog kamu pilih Design > Page Element > Add Gadget dan pilih JavaScript/HTML. Kemudian pastekan kode yang kamu pilih.

Berikut kode widget Blogger Indonesia:

SUDUT KIRI ATAS <script language="JavaScript" src="http://iskaruji.googlecode.com/files/iskaruji_kiri_atas.txt" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript">  cot("http://lh4.ggpht.com/_55xfixw5xxA/TSQeqQkaV7I/AAAAAAAAAO0/kFJ7ZrLVy3s/Widget%20Blogger%20Indonesia.png") </script>	SUDUT KANAN ATAS <script language="JavaScript" src="http://iskaruji.googlecode.com/files/iskaruji_kanan_atas.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://lh6.ggpht.com/_55xfixw5xxA/TSRAD5V-CeI/AAAAAAAAAPc/czrjhswKpVo/Widget%20Kanan%20Blogger%20Indonesia.png") </script>
SUDUT KIRI BAWAH <script language="JavaScript" src="http://iskaruji.googlecode.com/files/iskaruji_kiri_bawah.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://2.bp.blogspot.com/-Y1dKjqpXvgA/Tb92aJRlKoI/AAAAAAAABYs/PLNETiLrfRQ/s1600/Blogger+Indonesia+Kiri.png") </script>	SUDUT KANAN BAWAH <script language="JavaScript" src="http://iskaruji.googlecode.com/files/iskaruji_kanan_bawah.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://2.bp.blogspot.com/-Y1dKjqpXvgA/Tb92aJRlKoI/AAAAAAAABYs/PLNETiLrfRQ/s1600/Blogger+Indonesia+Kiri.png") </script>

Kamu juga bisa menggunakan image kreasi kamu sendiri dengan format PNG ukuran 100 X 100 Pixel. Kemudian ganti url image yang ada dengan url image kamu.

Note: Semoga Dengan adanya widget ini dapat menjalin ke bersamaan dan kesatuan bagi para Blogger Indonesia


Sumber : http://www.iskaruji.com/2011/01/pasang-widget-blogger-indonesia.html 

Baca Selengkapnya »Cara Memasang Widget Blogger Indonesia