Rabu, 24 Oktober 2012

Mari Berbagi....


        Mengolah Blog menjadi tampilan yang cantik dan menarik merupakan sesuatu penuh dengan tantangan, butuh waktu memang untuk mengotak-atik tampilan blog... itulah asiknya.Mengolah blog tidak lepas dari pengolahan widget dengan penempatan bahasa script/html. untuk sekedar berbagi, sekalipun sebagai pemula, namun tidak ada salahnya berbagi, semoga bermanfaat, script sederhana ini, untuk menjadikan blog anda sedikit berwarna. berikut adalah beberapa widget dan link yang menyediakan widget untuk copy paste, semoga juga bisa di "kopas" langsung script yang ditampilkan. Semoga bermanfaat..
Untuk memasukkan bahasa script dibawah jangan lupa :
a. masuk ke dashboard bloger dulu (masukkan email dan pasword)
b. pilih edit layout.
c. klik tambah gadget, tempatkan sesuai posisi yang diinginkan
d.pilih widget HTML/Script, yang sudah disediakan.
e. 'Copas" script  dan simpan perubahan, silahkan lihat hasilnya...


1. Animasi Naruto
<a href="http://iblogger.web.id/post/animasi-gif-bergerak-untuk-blog-anda/3/webq/" title="Aksesoris GIF untuk Blog"><img src="http://miqbalc.files.wordpress.com/2011/12/gudlux-blog-akesoris-tendangan-maut.gif"></a>

2. Model Jam dan Tanggal

a. Jam Model Pancasila
<p align="center"><embed src="http://www.widgipedia.com/widgets/orido/Jam-Garuda-Indonesia-4639-8192_134217728.widget?__install_id=1248336094072&__view=expanded" width="200" height="200" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" > </embed></p>

b. Jam Model Kucing dan Balon
<embed src="http://www.swfcabin.com/swf-files/1278357812.swf" width="120" height="120" menu="false" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer/"></embed>

c. Jam Bacaan Bismilah
<p align="center"><embed src="http://www.widgipedia.com/widgets/orido/Jam-Kaligrafi-BISMILLAH-4620-8192_134217728.widget?__install_id=1248336094072&__view=expanded" width="200" height="200" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" > </embed></p>

d. Jam Bertuliskan Allah
<p align="center"><embed src="http://www.widgipedia.com/widgets/orido/Jam-Kaligrafi-ALLAH-4615-8192_134217728.widget?__install_id=1248336094072&__view=expanded" width="200" height="200" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" > </embed></p>

e. Tanggal Indonesia. 
<script type='text/javascript'>
//<![CDATA[
/*
JavaScript Kit (http://www.javascriptkit.com/script/cut164.shtml)
*/
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu")
var montharray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember")
document.write("<font color='000000' face='Arial'><b>"+dayarray[day]+", "+daym+" "+montharray[month]+", "+year+"</b></font>")
//]]>
</script>

f. Tanggal Bahasa Inggris
   <script type='text/javascript'>
//<![CDATA[
/*
JavaScript Kit (http://www.javascriptkit.com/script/cut164.shtml)
*/
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
document.write("<font color='000000' face='Arial'><b>"+dayarray[day]+", "+daym+" "+montharray[month]+", "+year+"</b></font>")
//]]>
</script>
g. Tanggal, jam dan Hari
   <script type="text/javascript">
 window.setTimeout("jam()",1000);
 function jam() {
 var tanggal = new Date();
 setTimeout("jam()",1000);
document.getElementById("hasil").innerHTML = tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds();
 }
 </script>
 <table align=center style="border:0px cyan" bgcolor="transparent"><tr><td>
 <strong><font face="verdana">
 <div id="hasil"></div>
 </font></strong>
 </td></tr></table>
 <script>
/*Current date script credit: 
JavaScript Kit (www.javascriptkit.com)
Over 200+ free scripts here!
Modified by anwar-lahai.blogspot.com
*/
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu")
var montharray=new Array("Januari","Februari","Maret","April","Mey","Juni","Juli","Agustus","September","October","November","December")
document.write("<small><font color='f00088' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</b></font></small>")
</script>
3. http://www.textspace.net/lcd_text/ 
   (LINK ALAMAT TSB) MEMBUAT WIDGET TULISAN BERJALAN.

4. http://www.revolvermaps.com/?target=setup (LINK PENGUNJUNG ONLINE)...KLIK "GET YOUR GLOBE"
   CONTOH SCRIPT:
   <script type="text/javascript" src="http://je.revolvermaps.com/r.js"></script><script    type="text/javascript">rm_f1st('8','220','true','false','000000','4uuonc895rv','true','ff0000');</script><noscript><applet    codebase="http://re.revolvermaps.com/j" code="core.RE" width="220" height="220" archive="g.jar"><param name="cabbase" value="g.cab" /><param     name="r"     value="true" /><param name="n" value="false" /><param name="i" value="4uuonc895rv" /><param name="m" value="8" /><param name="s" value="220"    /><param     name="c" value="ff0000" /><param name="v" value="true" /><param name="b" value="000000" /><param name="rfc" value="true" /></applet></noscript>

5.http://tinypic.com/?t=postupload 
(link untuk mengubah foto/video menjadi bahasa script)

6.http://www.flagcounter.com/index.html? 
( membuat flag counter, bendera pengunjung pada blog ).. pilih free create blog.
contoh : (code untuk website )
<a href="http://s04.flagcounter.com/more/U3J"><img src="http://s04.flagcounter.com/count/U3J/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>

7. http://freewebpageheaders.com/gallery/index.html
   Link Image untuk ganti gambar Header.

8.http://whos.amung.us 
   Kumpulan widget untuk melihat yang on line dengan counter

   <script id="_wau2yt">var _wau = _wau || [];
_wau.push(["colored", "ib1hhthrbd9k", "2yt", "ffc20e000000"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/colored.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

<script id="_wau2yt">var _wau = _wau || [];
_wau.push(["map", "ib1hhthrbd9k", "2yt", "420", "210", "natural", "star-blue"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/map.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

<script id="_wau2yt">var _wau = _wau || [];
_wau.push(["tab", "ib1hhthrbd9k", "2yt", "left-middle"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/tab.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

9. Merubah Kode Warna
    Kunjungi Blog berikut : http://www.bloggerbugis.com/2012/02/tolls-untuk-mengetahui-kode-warna-html.html

10. Membuat daftar isi Otomatis pada Blog
    <div style="background:#6E6E6E; width:200px; color:#0A0A2A; float: center; font: normal 13px verdana; height: 300px; margin: 10px auto; overflow: 

auto; padding: 10px; text-align: left; text-shadow: 1px 1px 2px #fff; border:4px double #660099; -moz-box-shadow: inset 2px 2px 2px #404040; 

-webkit-box-shadow: inset 2px 2px 2px #404040;box-shadow: inset 2px 2px 2px #404040">
<div id="cl_option">
Lagi Loading mas broo.... sabar sikit...</div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan =200;
</script>
<script type="text/javascript" src="https://sites.google.com/site/bloggerbugisdotkom/javascript/Dafatar_isi_Biasa_Bloggerbugis.js">
</script>
<script type="text/javascript" 

src="http://www.cikgu-ngeblog.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=50">
</script>
<div style="float:right;font:normal 10px verdana; color:#08088A;text-align:right;padding:5px 0px;text-shadow:1px 1px 1px #000">
Widget by <a href="http://www.cikgu-ngeblog.blogspot.com">Suryo's blog</a></div> 
</div>



Posting by : at
Labels:

8 komentar:

  1. Unknown29 Oktober 2012 pukul 16.30

    kren,makasih pak.

    BalasHapus
  2. Unknown20 Desember 2012 pukul 16.32

    Pak suryo ni saya budy mhswa semstr 7 jur mtk kls c,, kok saya coba berkali-kali dengan memasukkan b.screep tersebut slalu muncul tlisan (URL tersebut tidak valid. trimksh

    BalasHapus
    Balasan
    1. Unknown20 Desember 2012 pukul 22.01

      pada beberapa bahasa script yg ditampilkan, memang semuanya tidak bisa langsung dicopas, mohon diperjelas script mana yg mau dipakai, biar saya perbaiki sesuai kebutuhan.
      thanks budy 4 u'r coment, good luck.

      Hapus
    2. Unknown22 Desember 2012 pukul 20.23

      maaf sebelumnya pak,, setelah saya coba dan tnya temen2 ternyta saya yg salah memasukan b.scrept ke htmlnya. jadi masalah saya ini sudah bisa atasi pak. thanks balasannya comentnya.

      Hapus
  3. Unknown24 Desember 2012 pukul 14.22

    assalamualaikum wr.wb pak nih saya syakur dari matematika lokal C ingin memberi kan blog hasil karya saya

    http://khairussyakur.blogspot.com/
    hanya ini yang saya bisa buat lebih dan kurang nya tolong maklumi wasalam mualaikum wr wb

    BalasHapus
  4. Unknown25 Desember 2012 pukul 06.06

    script yg dipasang hanya utk penambahan Ganget ya. jadi caranya masuk ke Layout--->ad gadget--->Pilih Java Script---> copas java script yg diinginkan---> save. veiw blog.
    Do the best.. bro

    BalasHapus
  5. Unknown9 Januari 2013 pukul 13.29

    pak, sy jauh ketinggalan kykyny,,
    mencoba membuat widget tuliasan berjalan, Linkny sdh dibuk tp cr penerapanny diblog lup pak,, mohon bntunnya,, terimksh

    BalasHapus
  6. Unknown10 Januari 2013 pukul 08.38

    to:suryana, tulisan berjalan adalah bagian dari penambahan gadget,ambil script dari text space ato klik saja pada gadget tulisan berjalan pada blog saya-->create my text-->tulis sesuai keinginan-->get my script-->copas script. Buka blogger-->pilih tata letak(layout)-->tambah gadget-->pilih menu java script-->muncul box kosong script-->pastekan script tulisan berjalan-->save.
    semoga berhasil ya.tq

    BalasHapus

Langganan: Posting Komentar (Atom)