;

Senin, 30 Mei 2011

Membuat Burung Beterbangan Di Blog

Senin, 30 Mei 2011

    Ada banyak cara untuk mempercantik tampilan blog Anda. Salah satunya adalah membuat gambar beterbangan  di tampilan blog. Sebagaiman juga yang terlihat dalam blog ini. yaitu kelelawar yang sedang terbang di tampilan blog ini. Jika anda ingin mencob, silahkan anda ikutin langkah- langkah di bawah ini.

    1. Silahkan Anda log in terlebih dahulu.
    2. Klik tombol Rancangan.
    3. Pilih/ klik tombol Tambah Gatget
    4. Langkah selanjutnya scroll ke bawah sampai menemukan HTML/JavaScript. setelah ketemu silahkan anda klik
    5. Terus copikan script di bawah ini

<script language='javascript'>
var no = 5;
var speed = 100;
var snowflake = "http://rumidi.files.wordpress.com/2009/03/bird.gif?w=110&h=54";
</script>
<script language='javascript' src='http://sites.google.com/site/ruangsc/enes/fallinsnow.js'/></script>


Preview :



NB : Angka yang dicetak merah silahkan anda ganti dengan jumlah gambar yang ingin anda tampilkan

AMANS - 05.02

Rabu, 11 Mei 2011

Membuat Slide Foto

Rabu, 11 Mei 2011

    Biasanya kita memiliki beberapa koleksi foto dan menginginkan agar koleksi foto kita dapat berupa video/ slide. Nah kali ini saya akan mencoba berbagi pengetahuan tentang cara membuat slide yang cukup mudah dan dipasang dalam blog.

    Langkahnya lumayan mudah kok,
1. Silahkan anda klik ini
 Kemudia silahkan anda klik [Create]
Create slideshow
2. Sekarang Anda upload foto-foto anda.Ketika melakukan upload gambar perlu kesabaran karena memeerlukan waktu yang agak lama

Upload file
3. Setelah anda upload foto-foto anda dan pengaturan lainnya selesai dan sudah selesai berkreasi, lanjutkan dengan mengklik tombol [Save] yang berwarna hijau





4. Selanjutnya Anda isi data-data foto itu , dan apabila sudah silahkan anda klik [Save]

5. Setelah anda klik tombol save maka akan didapatkan code seperti dibawah ini

6. Silahkan Anda copy kode yang telah diberikan tsbt.
7. Pasang deh di blog anda.... caranya klik disini


Selamat Mencoba

AMANS - 07.05

Minggu, 08 Mei 2011

Menambahkan Buku Tamu pada Blog

Minggu, 08 Mei 2011

Dalam Postingan kali ini saya akn coba sajikan bagimana carnya membuat buku tamu dalam blog. Buku tamu dapat digunakan bagi para pengunjung blog berinteraksi dengan pemilik blognya dengan cara meninggalkan pesan pada buku tamu. Ada beberapa cara dalam membuat buku tamu, namun disini saya akan menyajikan membuat buku tamu melalui ShoutBox.
1.silahkan anda klik disini, dan tampilannya seperti berikut:



2. Selanjutnya silahkan anda tekan tombol creat shoutbox
3. Isikan informasi yang dibutuhkan, seperti gambar berikut:

4. Jangan lupa untuk mencentang  I have read and agree t...
5. Selanjutnya klik Continue. dan muncullah gambar seperti berikut :
6. Selanjutnya silahkan anda copy kode yang diberikan.
7. Pastekan kodenya pada gadget blog anda.Klik disini untuk menambahkan gatget



Terima kasih atas kunjungan anda. Semoga dapat memberi manfaat.

AMANS - 20.32

Membuat Artikel Terkait / Related Article


Dalam postingan biasanya kita mempunyai posting yang saling terkait antara satu ataupun yang lainnya. dan biasnya postingan ini dibuat sesuai dengan labelnya masing-masing. seandainya sahabat ingin membuat Artikel terkait muncul di bawah postingan sahabat, ikuti langkahnya seperti di bawah ini 
Berikut cara memasang artikel sebagai berikut:
  1. Masuk ke blok lalu RANCANGAN Pilih  " Edit HTML " pada blog kemudian centangkan " Expand Widget Templates "
  2. Cari Kata <data:post.body/> dengan cara menggunakan CRTL-F
  3. Kemudian lihat kode ini: <div style='clear: both;'/> <!-- clear for photos floats -->  
  4. Masukan kode dibawah diatas kode : <div style='clear: both;'/> <!-- clear for photos floats -->  

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>


<div class='widget-content'>
<br/>
<h3>Related Articles</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if> 

Tulisan yang berwarna Hijau silahkan anda ganti sesuai dengan kreasi anda

AMANS - 20.28

Teks Bergerak pada Blog



  Dalam postingan kali ini saya akan coba berbagi sedikit tentang hal yang saya ketahui yaitu dalam hal membuat teks bergerak pada blog (Marquee). Adapun teks yang dapat bergerak pada blog ada beberapa macam, ada yang berjalan dari kanan kekiri dan ada yang keata kebawah dst. Ok langsung saja anda simak berikut ini kode HTML yang dapat membuat teks yang anda iniginkan bergerak sesuai keinginan anda:


1. Teks bergerak dari kanan kekiri
     <marquee>Teks yang bergerak</marquee>
Teks yang bergerak

  2. Teks yang bergerak dari kiri ke kanan, namun apabila mouse diarahkan ke teks, teksnya akan berhenti
     <marquee onmouseover="this.stop()" onmouseout="this.start()">Teks yang bergerak</marquee>
Teks yang bergerak
  3. Teks yang bergerak dari kiri kekanan (Dipakai untuk teks Arab)
     <marquee direction="right">Teks Yang bergerak</marquee>
بسم الله الرحمن الرحيم

  4. Teks yang bergeraknya bolak-balik
     <marquee behavior="alternate">Teks yang bergerak</marquee>
Teks yang bergerak

  5. Teks yang bergerak Bolak-balik,namun lebih cepat dari no 4
     <marquee behavior="alternate" scrollamount="18">Teks Yang bergerak</marquee>
Teks yang Bergerak


6. Teks yang bergerak bolak-balik dan jika mouse diarahkan pada teks maka teksnya akan berhenti
     <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Teks yang bergerak</marquee>
Teks yang bergerak

  Untuk saat ini cukup ini saja yang saya sajikan dalam postingan kali ini

Apabila anda ingin memasangnya pada gatget blog anda silahkan klik disini



 Terima kasih atas kunjungan Anda. Semoga dapat memberi manfaat.

AMANS - 20.19

Menambahkan Gatget Di Blog

Untuk menambahkan  berbagai macam gatget dalam blog tidaklah terlalu susah karena langkah-langkahnya cukup sederhana. Namun disini akan saya coba sajikan langkah-langkah menambahkan gadget baru pada blog anda:
1. Masuk ke blog anda
2. Klik tombol Rancangan yang berada di pojok kanan atas.

3. Setelah anda meng-klik  Rancangan maka akan tampil gambar sperti berikut. Dan kemudian silahkan anda klik tombol Tambah Gatget
4. Langkah selanjutnya scroll ke bawah sampai menemukan HTML/JavaScript. setelah ketemu silahkan anda klik
5. Copykan kode gatget anda pada kolom yang disediakan.

6. Jangan lupa klik Simpan agar gatget anda tersimpan sesuai keinginan anda.
7. Jika anda menginginkan gatget anda dipindahkan posisinya tinggal seret aja memakai mouse ke tempat yang anda inginkan



Terimakasih atas kunjungan anda Semoga dapat Memberi manfaat

AMANS - 19.28

Menerbitkan Entri

    Setelah anda mempunyai blog, maka yang perlu dilakukan selanjutnya adalah menerbitkan postingan  pada blog anda, sehingga tulisan anda mampu dibaca oleh orang lain apabila blog anda dikunjungi. Adapun caranya menerbitkan tulisan anda adalah sebagai berikut.



1. Tentunya anda mempunyai blog. Kalo lom punya klik disini.
2. Masuklah ke blog anda dengan cara memasukkan email dan kata sandi anda.
3. Setelah masuk anda akan ditampilkan gambar dasbor anda seperti berikut:




4. Klik Entri Baru.


5. Tuliskan Judul tulisan anda.
6. Usahakan membuat  judul yang menarik.
7. Tuliskan isi dari tulisan anda.
8. Anda bisa menggunakan Toos yang telah disediakan . link,gambar, alenia, dsb
9. Kalau sudah selesai semuanya dan anda pengen menerbitkan tulisan anda. Silahkan anda klik TERBITKAN ENTRI.


Terima Kasih Atas Kunjungan Anda. Semoga Dapat Memberi Manfaat

AMANS - 19.24