Kamis, 23 Februari 2012

Cara membuat select all pada text area

kali ini saya menerangkan cara untuk menambah text area pada blog......
contoh hasilnya sepeti ini


code yang saya gunakan seperti ini:
<div><form name="copy"><div align="left">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Select All" type="button">
</div>
<p align="left">
<textarea style="width: 380px; height: 200px;" name="txt" rows="100" wrap="VIRTUAL" cols="55">Text 123></textarea></p></form></div>
<div><form name="copy"><div align="left"><div><p align="left"></p></div></div></form></div>
kode yang berwana merah adalah text yang akan ditampilkan
selesai......mudah2 han berhasil yah.......

Sabtu, 18 Februari 2012

cara Membuat Meteor Berjatuhan di Blog kita


Mari...jgn basa-basi lagi...
Langsung saja Kecara nya ...Ini lah cara-caranya :
1. Log-in keakun blogger kamu
2. Click the layout / layout
3. Click add gadget -> Select the HTML / Java script 
4. copy and paste code berikut :



<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://cayunkatel.googlecode.com/files/meteorjaruh.js">
</script>>




Lalu save saja......
dan lihatlah hasilnya .....Semoga Bermanfaat.

Membuat/Memasang Badge FaceBook


Langsung saja ini lah langkah-langkah nya untuk menambahkan Badge FaceBook :1. Log-in ke akun Facebook kamu2. Klik profil FaceBook kamu.3.klik bacaan Di bawah teman "Tambahkan lencana anda" nah anda klik tuh4.Ada pilihan ketiga: + + +Blogger, TyPad dan lain
5. Anda pilih + tuh Blogger ---> Tambah Widget
6. Selesai Semoga Bermanfaat dan Berhasil....
====Selamat Mencoba ===

Rabu, 15 Februari 2012

Pasang Tombol Floating Media Sosial








Ok silahkan login ke blog > Design  > Add widget > HTML-Javascript

Copy dan paste kode di bawah ini di HTML-Javascript Widget kamu

<style> #floatingbuttons { background: #aaa; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(1, #aaa)); background: -moz-linear-gradient(top, #f2f2f2, #aaa); border: 1px solid #808080; color: #fff; float: left; font-weight: normal; font-size: 13px; padding:0 0 3px 0; position: fixed; text-decoration: none; bottom:30%; left:0; z-index:10; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); } #floatingbuttons .floatbutton { float:left; clear:both; margin:5px 4px 0 4px; } .addbuttons { clear:both; color:#fff; font-size:9px; text-align:center; padding-top:3px; font-family:tahoma, verdana, helvetica, arial, sans-serif; font-weight:bold; line-height:1.4; } .addbuttons a { color:#fff; background:none; } .addbuttons a:hover { color:#fff; background:none; } .sharebuttons { font-size:8px; } </style> <div id='floatingbuttons' title="Share this post!">

<div class='floatbutton' id='facebook'> Kode Tombol Like Facbook Anda </div>

<div class='floatbutton' id='sharefb'> Kode Tombol Share FB Anda </div>

<div class='floatbutton' id='twitter'> <a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="ID-Twitter">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script> </div>

<div class='floatbutton' id='google+1'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'id'}

</script>
<g:plusone size="tall"></g:plusone> </div>
</div>


Ganti huruf berwarna merah dgn ID kamu dan kode media sosial kamu.
Ganti huruf berwarna hijau utk merubah posisi widget floating, contoh: left dgn right

jika sudah,Lalu simpan .....

Membuat Note Mood


Kali ini saya akan membuat Note mood...
langsung saja ke langkah-langkah nya :
1.kamu kunjungi ini http://widgetindex.blogspot.com/
2.pilih lah note mood sesukamu...
3.jika sudah ketik kata-kata yang kamu mau..di script nya,sesuai petunjuk nya.
4.copy saja Html/javascript nya..yang kamu suka meletakan nya.

jika sudah lihat lah Blog nya....

Semoga Berhasil,Sukses Selalu

Selasa, 14 Februari 2012

Pasang Tombol Share Fb & Twitter Di Postingan

Pasang Tombol Share Fb & Twitter Di Postingan

Postingan blog tutorial kali ini yaitu bagaimana cara memasang widget tombol share facebook, share twitter dan like facebook di blog sobat. Dengan memasang widget ini, diharapkan para pengunjung blog sobat dapat berbagi berita postingan dari blog sobat ke teman-temannya difacebook dan twitter. Dan juga untuk mengetahui seberapa menarik postingan sobat dengan melihat jumlah like pada setiap postingan diblog sobat. Untuk cara pemasangan widgetnya, sobat dapat melihat langkah-langkahnya berikut ini...



Berikut Langkah-Langkahnya:
  • Login ke blog sobat, lalu pilih menu "Rancangan" --> "Edit HTML" dan entang pada kotak "Expand Widget Template".

  • Sekarang, carilah kode <data:post.body/>

  • Dan copy scriptcode dibawah ini dah pastekan dibawah kode <data:post.body/>

  • <iframe id='websites_iframe' expr:src='&quot;http://www.linksalpha.com/social?link=&quot; + data:post.url + &quot;&quot;' frameborder='0' height='25px' scrolling='no' width='320px'/>

  • Jika dibawah kode <post.body> telah ada kode untuk read more/baca selanjutnya, sobat bisa mencari kode <post.body> yang paling terakhir atau paling bawah untuk meletakkan kode widget ini.</post.body></post.body>

  • Simpan template, dan lihatlah blog sobat.


Silahkan mencobanya sob...
Semoga berguna dan bermamfaat...

Tutorial Sembunyikan FB Fan Page di Blog

Bagi blogger yang mempunyai facebook fanpage sendiri, adalah biasa untuk meletakkan fanpage tersebut di blog. Biasa untuk letakkan di sidebar blog, untuk kali ini admin akan tunjukkan pula cara untuk sembunyikan facebook fan page ditepi blog anda.




Anda juga boleh tengok contoh page yang diletakkan di tepi dalam blog di blog demo ini.

Tutorial sembunyikan Fb fan page adalah seperti di bawah.

Langkah 1:

i. Dari dashboard > design > edit HTML

ii. Menggunakan fungsi find, (ctrl + F), cari kod </head>

iii. Copy dan paste kod di bawah SEBELUM kod </head>


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>


cth:


Nota: Jika anda dapati kod di atas sudah ada sebelum anda copy paste, abaikan langkah 1, pergi terus ke langkah 2.

iv. Selepas selesai klik Save Template





Langkah 2:

i. Dari dashboard > design > page element > add a gadget > HTML/javascript

ii. Copy dan paste kod di bawah dalam ruangan HTML/javascript yang anda telah buka


<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL PAGE ANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://tutorialuntukblog.blogspot.com/2011/10/tutorial-sembunyikan-fb-fan-page-di.html">Tutorial Here</a></span></div></div>


Nota: Gantikan "URL PAGE ANDA"

contoh url page:


iii. Save dan lihat hasilnya.:)

Cara memasang Widget Kamera CCTV di Blog

Keren nih Sobat Ayo siapa yang berminat pasang ini Gambar ini akan Muncul di Pojok kanan atas setelah anda memasangnya ayooo ikuti langkah langkah di bawah ini,cara masangnya Mudah Sekali Kok Sobat,

Cara memasangnya:
1. Login ke Blogger.
2. Masuk ke rancangan
3. Pilih elemen laman
4. klik Tambah Gadget
5. Pilih HTML/JavaScript

6. dan terakhir, copy script yg ada di abwah ini dan paste kan di HTML/JavaScript. Lalu simpan, dan lihat hasilnya.

<script language="JavaScript" src="http://js4you.googlecode.com/files/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCll8HvYC3vJGbfx95uBz6EWYXrfW4RQ8yih0HGl5482VMV-pfRlDtX_8Nrst_QV-gv_7bFF_o0RDzTta6VDvWCVpx9_N5I3X7CBr5AmfpwmyL7MoqkA7nm3TW5LcOJn5u0TkBiODwVW0/s1600/cctv.gif")</script>

cara memasang live traffic feed







saya akan memasang seperti gambar tersebut.
langsung saja kita ke langkah-langkah nya :
1.langkah pertama yaitu kamu harus ke sini http://feedjit.com/?utm_source=ltf&utm_medium=web&utm_campaign=ltfCampaign.
2.klik choose your feedjit.
3.setelah itu sign up
4.hias lah sesukamu .
5.klik GO
6.click to open a new window and install on blogger.
7.click Menambah Widget.
8.Selesai.

Semoga berhasil yah .....