Sabtu, 31 Maret 2012

Pasang Ikon/Icon Twitter Burung Terbang

Bagi pengguna Blogger yang ingin menampilkan animasi twitter-nya di blog dapat melakukan langkah-langkah sebagai berikut :


untuk pengguna Blogger :
1. Masuk (Login) ke Dashboard Blogger anda.
2. Pilih Tab Design, lalu Page Elelement.
3. Kemudian Tambahkan Gadged/Widget, pilih HTML/JavaScript.
4. Silahkan copy script “JavaScript” dibawah: (tanpa title/judul/tanpa memasukkan nama untuk gadged/widgetnya) letakkan di HTML/JavaSript Anda.

untuk Pengguna Wordpress :
1. Masuk (Login) ke Dashboard Wordpress anda.
2. Pilih Tab Widget
3. Kemudian Tambahkan Text ke Sidebar.
4. Silahkan copy script “JavaScript” dibawah: (tanpa title/judul/tanpa memasukkan nama untuk gadged/widgetnya) letakkan di Text Anda.



Copy script berikut ini kemudian paste di blog atau situs anda.

1. Untuk Burung Berwarna Biru


<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4N_f7CnbY4TszkpuVGblIPWO1F9gd2gRU_bVSN1Npx1XSg0WLjcSCgWj207F4BUgtPwsQLHciO7o_Z9HTnVUMqm0whSstwtVNARjMzkplAiXB5fCnTRPJqcxESiKmgiSzpGvP6YC89asD/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://UrlSitusAnda/";tripleflapInit();
</script>

Cara Membuat Efek Hujan Daun berjatuhan, berguguran pada Blog

Post  Admin on Thu Jun 09, 2011 12:36 am
Daun Yang ini Bukan Daun Beneran Lho Bagi Blogger yang senang dengan kreasi dan ingin memasang Efek daun berjatuhan dari atas caranya sangat mudah dan simple. Hanya memerlukan coppy paste kode di bawah ini dan taruh di edit Html, selesai.Seperti biasa :
1. Log in ke Blog,
2. Klik menu Template,
3. Klik menu Edit Html,
4. Cari kode < / head >,
5. Coppy kode di bawah ini dan pastekan persis dibawah kode < / head >


<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>

6. Lihat Pratinju--->bagaimana?--->bisa?--->

Kalau belum bisa, Pakai aja cara ke 2:1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan HTML/JavaScript
6. Pastekan salah satu script di bawah ini ke kolom Konten

Efek daun berguguran, dengan jumlah 20 buah daun kering

<script src="http://h1.badwaresite.www/pinginbelajar/daunberguguran/20.js" type="text/javascript"></script>

Efek daun berguguran, dengan jumlah 30 buah daun kering

<script src="http://h1.badwaresite.www/pinginbelajar/daunberguguran/30.js" type="text/javascript"></script>

Efek bintang berjatuhan, dengan jumlah 20 buah bintang

<script src="http://h1.badwaresite.www/pinginbelajar/bintangberjatuhan/20.js" type="text/javascript"></script>

Efek bintang berjatuhan, dengan jumlah 30 buah bintang

<script src="http://h1.badwaresite.www/pinginbelajar/bintangberjatuhan/30.js" type="text/javascript"></script>

7. Klik Simpan
8. Selesai

Jika pada saat ini anda tidak mendapatkan hasilnya sebagaimana yang telah saya tulis di atas, berarti file JavaScript tersebut sudah OverLoad. Silahkan surfing [ di sini ] untuk mendapatkan file JavaScript terbarunya.

Selamat mencoba, semoga bermanfaat
7. Klik Simpan
8. Selesai

Jika pada saat ini anda tidak mendapatkan hasilnya sebagaimana yang telah saya tulis di atas, berarti file JavaScript tersebut sudah OverLoad.

Selamat mencoba, semoga bermanfaat
7. Klik Terakhir Simpan Template.
Lihat pratinju, bisa melihat hasilnya tinggal Simpan Template. Selamat mencoba...


Admin
Admin
Jumlah posting: 39 Join date: 07.06.11
Lihat profil user http://ilmu-comunnity.bubblelol.com
Kembali Ke Atas Go down

MENAMBAH ANIMASI DI SUDUT BLOG

 

saat aku lagi cari-cari blog, tiba-tiba aku melihat ada yang beda dengan blog http://novel-bloggerholic.blogspot.com. ternyata ada "animasi" di sudut blognya. aku telusuri artikelnya, dan akhirnya ketemu juga cara masang kodenya.

Gini, gimana cara membuat "animasi" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "animasi" itu apa? "animasi" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar jin aladin (pojok kiri bawah). Nah, udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:


1. Login ke blogger trus klik Layout -->> Edit HTML
2. Cari kode ini ]]> kalo dah ketemu taru kode berikut ini di atasnya.
#trik_pojok {
position:fixed;_position:absolute;bottom:0px; right: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 letekkan script berikut ini sebelum kode


"http://novel-bloggerholic.blogspot.com" adalah link. ganti dengan link kamu.
"http://www.geocities.com/op3l_scorpio/avatar_bloggerHolic.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu ingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

6. Simpan hasil kerja kamu dan lihat hasilnya.

Memasang Status Yahoo Messenger di Blogger

Dengan memasang status Yahoo Messenger di blog anda maka pengunjung dapat dengan berinteraksi dengan anda karena ketika anda sign in di Yahoo messenger maka status YM akan berubah menjadi                       
sehingga pengunjung bisa tau jika anda sedang online pada saat itu. Dan begitu juga sebaliknya jika anda sign out dari Yahoo messenger maka statusnya akan berubah menjadi 


Menarik kan? Nah bagi anda yang ingin memasangnya. Berikut caranya:

1. Login ke Blogger. Klik Design -> Page Elements

2. Klik Add a Gadget -> HTML/ Javascript

3. Copy kode dibawah ini lalu pastekan kedalam kotak


<a href=”ymsgr:sendIM?YOUR_ID“><img src=”http://opi.yahoo.com/online?u=YOUR_ID&m=g&t=ICON_Number” border=”0?></a>
 

CARA MEMBUAT READMORE

 


dengan menambahkan kode javascript pada template blog. Kali ini yang akan saya bahas mengenai cara membuat read more di blogspot atau blogger. Kenapa cara membuat read more di wordpress tidak dibahas juga? wah kalao read more di wordpress tidak bisa dibuat secara otomatis, tapi dengan cara manual setiap postingan. Ok kita mulai bahasan mengenai cara membuat read more otomatis di blogspot.


Bagaimana Cara membuat Read More otomatis di blogspot?

Cara membuat read more otomatis di blogspot sangat mudah. Sebelum melangkah  ke cara membuat read more otomatis di blogspot lebih baik kita tahu apa itu read more? dan apa fungsi read more? Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.

Langkah-langkah cara membuat Read More Otomatis di Blogspot

  • Login ke Blog anda
  • Buka halaman design > Edit HTML > centang Expand template widget
  • Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
  • Paste kode berikut tepat dibawah </head>
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
  • Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
  • Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  • Finish simpan template dan lihat hasilnya
Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. Yang bisa dirubah adalah berwarna merah saja dan berikut ini adalah keterangannya :
  1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
  2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
  3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
  4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
  5. Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.
Semoga artikel cara membuat read more otomatis di blog ini bermanfaat. Selamat mencoba dan semoga berhasil.

Jumat, 30 Maret 2012

Cara mengganti background blog blogspot – Background blog sangat mempengaruhi tampilan blog guna meledakkan pengunjung yang datang ke blog kita. Nah dalam mengganti background blogspot, Anda harus perhatikan kondisi pewarnaan theme Anda serta artikel Anda. Jangan sampai artikel terlihat samar dengan background. Orang akan susah untuk membacanya.

Nah berikut adalah cara mengganti background blogspot :
1. Silahkan kamu login ke blog kamu
2. Klik rancangan
3. Lalu pilih HTML/javascript.
4. Cari kode di bawah ini
<body style=”background:url(http://www.rajawebhost.com/gambar.gif); background-attachment:fixed“></body>
Font merah adalah url gambar yang kamu pilih sebagai background blog kamu, sedangkan merah adalah kunci agar background image tidak ikut bergerak ketika digeser.
5. Jika selesai, Lalu SAVE !

Menambahkan Karakter ke Dalam Isi Cell


Dalam kegiatan sehari – hari Excel digunakan di berbagai hal, tidak hanya sekedar untuk membuat tabel tapi juga untuk membuat laporan, kuitansi, dan lain sebagainya. 
Ketika membuat tabel, laporan, kuitansi atau pekerjaan lainnya kita ingin informasi di dalamnya dapat tersampaikan dengan baik dengan menambahkan informasi tambahan. Seperti contoh sederhana berikut ini :




Dalam tabel tersebut terdapat kata "potong""pasang" dan "buah" di akhir isi cell pada kolom Kuantitas. Selintas tak ada yang aneh dengan tabel ini, tapi coba anda buat tabel semacamnya. Ketikkan kata "5 potong" pada cell C4 dan ketikkan rumus =C4*50000 pada cellD4 lalu tekan Enter. Apa yang terjadi? Ya, pada Cell D4 muncul #VALUE!
Lalu bagaimana cara menambahkan kata "potong" pada isi cell C4 tadi tanpa mempengaruhi rumus dari cell D4? Jawabannya mudah saja, ikuti langkah singkat berikut :
  1. Tempatkan penunjuk cell di cell yang akan kita tambahkan karakter (dalam hal ini tempatkan di cell C4)
  2. Klik kanan lalu pilih Format Cell atau tekan Ctrl + 1 pada keyboard
  3. Pada tab Number pilih Category Costum
  4. By Default format semua cell adalah General. Kita bisa menggantinya dengan menempatkan kursor di kotak isian Type, lalu ganti General menjadi # "potong".
    Penjelasannya : # merupakan isi cell dan "potong" adalah karakter yang ingin kita tambahkan pada isi cell. Ini tidak hanya bisa dilakukan di akhir isi cell saja tapi juga bisa ditempatkan di awal isi cell, cukup tempatkan kata "potong" sebelum simbol #.
  5. Klik OK

Cara Menambahkan Jam (Clock) pada Blog Anda

Sebenarnya jenis jam banyak beredar di blog. tapi kali ini saya ingin memberikan sedikit tips agar blog anda terlihat lebih dinamis dan pada saat pembaca berkunjung di blog anda bisa langsung tau keadaan waktu/jam sekarang.
anda bisa berkunjung ke situs ini http://www.al-habib.info/
Setelah itu anda bisa langsung mengklik  Islamic clock yang telah saya lingkari. tampilannya seperti ini
Anda dapat memilih jam sesuai dengan keinginan anda.
contoh saya memilih jam seperti dibawah ini.
kemudian lingkaran merah yang ada digambar atas bisa anda klik agar anda dapat menambahkan code
Kode Embed nya anda copy
Buka wordpress anda lalu klik “Tampilan” => kemudian klik “Tambah Gadget” => “Widget”  => “HTML/JavaScript Tambah ” => “paste-kan pada kotak konten, lalu simpan.
Semoga berguna.

Sabtu, 24 Maret 2012

 cara membuat lagu

Post Your Playlist To Blogger:





Step 1: On your dashboard, click 'layout' link.
blogger playlist step 1

Step 2: Click on 'Add a Gadget' link.
blogger playlist step 2

Step 3: Add Html/Javascript widget.
blogger playlist step 3

Step 4: Enter the code above into the content window and click "Save Changes.
blogger playlist step 4








<embed src="http://assets.mixpod.com/swf/mp3/mff-nano.swf?myid=88494094&path=2012/03/24" quality="high" wmode="transparent" flashvars="mycolor=FFEE57&mycolor2=ABA255&mycolor3=597D75&autoplay=false&rand=0&f=4&vol=100&pat=6&grad=false" width="165" height="382" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:165px;height:382px;" /><br><a href="http://www.mixpod.com/playlist/88494094" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style:none;" alt="Music"></a><a href="http://www.mixpod.com" target="_blank"><img src="http://assets.mixpod.com/images/make-own.gif" title="Create A Playlist!" style="border-style:none;" alt="Playlist"></a><br /><a href="http://mixpod.com">Music</a> <a href="http://mixpod.com">Playlist</a> at <a href="http://mixpod.com">MixPod.com</a>

Membuat Animasi Bergerak di sudut blog

Topik sebelumnya Topik selanjutnya Go down

Membuat Animasi Bergerak di sudut blog

Post  Bhu_yunk on Wed Apr 27, 2011 8:33 pm
Pasti pada bingung nih, apa maksudnya dan kenapa judulnya begitu, sebenarnya aku sendiri juga bingung mau ngasih judul apa untuk trik yang berikut ini. Setelah aku pikir-pikir :t eee.. nggak nemu-nemu juga judul yang cocok, ya udah deh aku asal aja kasih judul gitu. Trus apa maksudnya dari judul tersebut dan trik apa yang akan dibahas?
Gini, untunya itu gini Very Happy trik nyoba ngebahas gimana cara membuat "ANU" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "ANU" itu apa? "ANU" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.


Code:
#trik_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 "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

Code:
<div id="trik_pojok"> <a href="http://merdeka.forumid.net"> <img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a> </div>


"http://merdeka.forumid.net" adalah link. ganti dengan link kamu.
"http://kendhin.890m.com/soniclari.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Senin, 12 Maret 2012

 Cara memasang salju di blog model baru -- Akhirnya dapat lagi salju model kedua yaitu salju yang butirannya lebih besar dari pada salju model pertama. Jika sobat pernah membuat efek salju pada blog sebaiknya dihapus dulu sebelum memasang efek salju model kedua ini.


Dan berikut cara memasang efek salju di blog model baru :


1. login ke dasbor


2. Rancangan --> Edit HTML --> cari kode </body>

3. Copy kode dibawah dan letakkan diatas </body>  
<script src='http://masterendi.googlecode.com/files/snow.js' type='text/javascript'></script>
4. Preview terlebih dahulu untuk memastikan bekerja atau tidak scriptnya pada template sobat.

5. Lalu SAVE template..


Demikian Cara membuat efek salju di blog model baru, selamat bersalju ria. Happy blogging and happy sharing...

Pasang Ikon/Icon Twitter Burung Terbang

Bagi pengguna Blogger yang ingin menampilkan animasi twitter-nya di blog dapat melakukan langkah-langkah sebagai berikut :


untuk pengguna Blogger :
1. Masuk (Login) ke Dashboard Blogger anda.
2. Pilih Tab Design, lalu Page Elelement.
3. Kemudian Tambahkan Gadged/Widget, pilih HTML/JavaScript.
4. Silahkan copy script “JavaScript” dibawah: (tanpa title/judul/tanpa memasukkan nama untuk gadged/widgetnya) letakkan di HTML/JavaSript Anda.

untuk Pengguna Wordpress :
1. Masuk (Login) ke Dashboard Wordpress anda.
2. Pilih Tab Widget
3. Kemudian Tambahkan Text ke Sidebar.
4. Silahkan copy script “JavaScript” dibawah: (tanpa title/judul/tanpa memasukkan nama untuk gadged/widgetnya) letakkan di Text Anda.


Copy script berikut ini kemudian paste di blog atau situs anda.



<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4N_f7CnbY4TszkpuVGblIPWO1F9gd2gRU_bVSN1Npx1XSg0WLjcSCgWj207F4BUgtPwsQLHciO7o_Z9HTnVUMqm0whSstwtVNARjMzkplAiXB5fCnTRPJqcxESiKmgiSzpGvP6YC89asD/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAndahttp://UrlSitusAnda/";tripleflapInit();
</script>

selamat mencoba ^_^