Tips Dan Tutorial Blog

Cara Memasang Google Translate Pada Blog Bagian 2

noreply@blogger.com (FuadShifu) — Sat, 28 Jan 2012 05:02:00 +0000

Pada postingan yang ke-24 ini akan membahas tentang Cara Memasang Google Translate Pada Blog Bagian 2
Loh kok ada bagian 2 nya?
Bagian 1 ada disini
Perbedaannya lalu apa?
Pada postingan sebelumnya menggunakan google translate komplit dengan menu drop
Namun pada postingan saat ini menggunakan animasi bendaara dari simbol bahasa tersebut
Penasaran? Ingin menggunakannya?
Mari ikuti tutorialnya

1. Login dahulu di Blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Pilih Rancangan > pilih Element Laman
4. Kemudian Klik Tambah Gadget
5. Pilih JavaScript/HTML
6. Kemudian copy kode di bawah ini

7. Kemudian di paste di tempat yang tadi
8. Simpan

Sekian tutorial tentang Cara Memasang Google Translate Pada Blog Bagian 2
Sambung postingan selanjutnya
Selamat mencoba dan semoga sukses..Amin..
Ditunggu komentarnya ya..

Cara Memasang Google Translate Pada Blog

noreply@blogger.com (FuadShifu) — Sat, 28 Jan 2012 04:44:00 +0000

Pada postingan yang ke-23 ini saya akan membahas tentang Cara Memasang Google Translate Pada Blog
Fungsinya untuk mengubaha basaha yang ada di blog anda menjadi bahasa yang di inginkan oleh visitor

Langsung saja mari simak tutorialnya

1. Login dahulu di Blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Pilih Rancangan > pilih Element Laman
4. Kemudian Klik Tambah Gadget
5. Pilih JavaScript/HTML
6. Kemudian copy kode di bawah ini

7. Paste pada window yang tadi
8. Jangan lupa disimpan

Sekian tutorial tentang Cara Memasang Google Translate Pada Blog
Sambung postingan selanjutnya
Selamat mencoba dan semoga sukses..Amin..
Ditunggu komentarnya ya..

Cara Membuat Artikel Terkait Thumbnail (Related Post) Pada Blog

noreply@blogger.com (FuadShifu) — Sat, 28 Jan 2012 01:34:00 +0000

Pada postingan yang ke-22 ini akan membahas tentang Cara Membuat Artikel Terkait Thumbnail (Related Post) Pada Blog
Sebenarnya tidak beda jauh dengan postingan saya sebelumnya yaitu Cara Membuat Artikel Terkait (Related Post) Pada Blog
Cuman perbedaannya yang sekarang tampilannya menggunakan Thumnail atau Gambar cuplikan (belum saya coba)

Bagi yang penasaran dan ingin segera mencobanya, silakah mengikuti tutorial di bawah ini

1. Login dahulu di Blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Pilih Rancangan > pilih Edit HTML
4. Jangan lupa untuk centang pada kotak Expand Template Widget
5. Cari kode ]]></b:skin> dengan bantuan CTRL+F atau tekan F3 pada keyboard

6. Copy kode di bawah ini

7. Kemudian paste DIATAS kode ]]></b:skin>
8. Cari kode </head> dengan bantuan CTRL+F atau tekan F3 pada keyboard
9. Copy kode dibawah ini

10. Kemudian paste DIATAS kode </head>
11. Simpan
12. Pada pilihan Rancangan kita beralih pada pilihan Elemen Halaman
13. Anda tentukan akan menambahkan dimana letak munculnya dengan klik Tambah Gadget
14. Pilih Java script/HTML
15. Copy kode dibawah ini

Cara Membuat Artikel Terkait (Related Post) Pada Blog

noreply@blogger.com (FuadShifu) — Sat, 28 Jan 2012 00:12:00 +0000

Pada postingan yang ke-21 ini akan membahas tentang Cara Membuat Artikel Terkait (Related Post) Pada Blog
Sebenarnya apa sih fungsunya Cara Membuat Artikel Terkait (Related Post) Pada Blog?
Fungsinya untuk menampilkan postingan anda yang terkait berdasarkan label yang anda berikan pada postingan yang tertampil tersebut
Mungkin ini juga bermanfaat juga, karena visitor bisa melihat beberapa postingan anda dan merasa nyaman berada di blog anda
Masih penasaran seperti apa?
Lihat langsung ke TKP
Mengingat seberapa pentingnya Cara Membuat Artikel Terkait (Related Post) Pada Blog ini, pasti anda ingin menampilkannya bukan?
Nah bagi yang ingin mencobanya mati ikuti tutorial di bawah ini :

1. Login dahulu di Blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Pilih Rancangan > pilih Edit HTML
4. Jangan lupa untuk centang pada kotak Expand Template Widget
5. Cari kode <data:post.body/></b:if> dengan bantuan CTRL+F atau tekan F3 pada keyboard
6. Copy kode di bawah ini

<br /> <b:if cond='data:blog.pageType == "item"'><br /> <div class='similiar'><div class='widget-content'><h3>Artikel Yang Sejenis</h3><div id='data2007'/><br /> <script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 10; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); 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 < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k<20; k++) label = label.replace("%20", " "); var txt = document.createTextNode(label); var h = document.createElement('b'); h.appendChild(txt); var div1 = document.createElement('div'); div1.appendChild(h); div1.appendChild(ul); document.getElementById('data2007').appendChild(div1); } } } function search10(query, label) { var script = document.createElement('script'); script.setAttribute('src', query + 'feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries10'); script.setAttribute('type', 'text/javascript'); 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 = "<data:label.name/>"; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div></div></b:if><br />

7. Kemudian paste DI BAWAH kode <data:post.body/></b:if>
8. Jangan lupa disimpan

Sekian tutorial tentang Cara Membuat Artikel Terkait (Related Post) Pada Blog
Sambung postingan selanjutnya
Selamat mencoba dan semoga sukses..Amin..
Ditunggu komentarnya ya..

Cara Membuat Scroll Box (Kotak Bergeser)

noreply@blogger.com (FuadShifu) — Fri, 27 Jan 2012 23:27:00 +0000

Pada postingan yang ke-20 ini akan membahas tentang Cara Membuat Scroll Box (Kotak Bergeser)
Sebenarnya fungsinya buat apa ?
Fungsinya untuk menghemat tempat pada saat kita akan menuliskan sesuatu
Langsung masuk ke tutorialnya ya

1. Login dahulu di Blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Buatlah sebuah postingan seperti biasanya
4. Kemudian sisipkan sebelah mana yang ingin anda sisipi dengan scroll box tersebut
5. Copy kode di bawah ini

6. Selanjutnya paste di antara postingan yang anda kehendaki
7. Lalu terbitkan entri

Keterangan :
untuk Height dan Width bisa anda ganti dengan keinginan anda
Gantilah TARUH TULISAN ANDA DISINI dengan tulisan yang anda inginkan

Sekian tutorial tentang Cara Membuat Scroll Box (Kotak Bergeser)
Sambung postingan selanjutnya
Selamat mencoba dan semoga sukses..Amin..
Ditunggu komentarnya ya..

Cara Membuat Komentar Facebook Dan Menata Komentar Blog

noreply@blogger.com (FuadShifu) — Fri, 27 Jan 2012 07:44:00 +0000

Pada postingan yang ke-19 ini akan membahas tentang
Cara Membuat Komentar Facebook Dan Menata Komentar Blog
Seperti apa sih?
Bisa lihat pada gambar-gambar postingan ini

Berhubung cara nya lumayan panjang mendingan langsung masuk ke tutorialnya.. :)

1. Login dahulu di blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Pilih Rancangan > pilih Edit HTML
4. Jangan lupa untuk centang pada kotak Expand Template Widget
5. Cari kode <div class='comments' id='comments'> dengan bantuan CTRL+F atau tekan F3 pada keyboard. Cukup pilih salah satu saja
6. Lalu copy kode dibawah ini

7. Kemudian paste DI BAWAH kode <div class='comments' id='comments'>

8. Cari kode </head> dengan bantuan CTRL+F atau tekan F3 pada keyboard

9. Copy kode di bawah ini

10. Kemudian paste DI ATAS kode</head>. Gantilah tulisan "MASUKKAN ID FB ANDA BLOGGER" contohnya https://www.facebook.com/fuadshifu

11. Cari kode /* Comment atau #comments dengan bantuan CTRL+F atau tekan F3 pada keyboard
atau yang mirip-mirip tidak masalah, karena perbedaan template
12. Copy kode di bawah ini

13. Kemudian paste DI BAWAHNYA

14. Selesai. Jangan lupa untuk disimpan

Sekian tutorial tentang Cara Membuat Komentar Facebook Dan Menata Komentar Blog

Sambung postingan selanjutnya

Selamat mencoba dan semoga sukses..Amin..

Ditunggu komentarnya ya..

Cara Membuat Multi Link

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 12:02:00 +0000

Pada postingan yang ke-18 ini, saya akan membahas tentang Cara Membuat Multi Link
Sebenarnya apa sih fungsinya?
Mungkin untuk menampilkan lebih dari satu pada 1 link.
Biasanya digunakan untuk menampilkan iklan.
Jadi pada tampilan normal hanya terlihat 1 link saja, namun pada saat di klik hasilnya sama dengan men-klik 2X

Penasaran dengan Cara Membuat Multi Link?
Mari ikuti tutorialnya di bawah ini
1. Copy kode di bawah ini

<a class="mlink" href="link pop up" target="mainframe" onclick="window.location.replace('link tetap')">Tulisan</a>
atau
<a class="mlink" href="link pop up" target="_blank" onclick="window.location.replace('link tetap')">Tulisan</a>

2. Paste sebagai pengganti kode link anda

Sekian tutorial tentang Cara Membuat Multi Link
Sambung postingan selanjutnya
Selamat mencoba dan semoga sukses..Amin..
Ditunggu komentarnya ya..

Cara Membuat Kotak Melayang

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 11:29:00 +0000

Pada postingan yang ke-17 ini, saya akan berbagi Cara Membuat Kotak Melayang
Fungsinya apa?
Biasanya pada kebanyakan orang di gunakan untuk menampilkan sesuatu yang lebih penting sebelum visitor melihat pada halaman yang dituju
Misalnya Like Box pada facebook, tweet pada twitter, dan lain-lainnya
Namun tidak sedikit orang yang memanfaatkannya sebagai penampil iklan, sehingga banyak visitor yang terjebak, dikiranya kotak melayang tersebut adalah halaman yang dituju.
Nah bagi yang masih penasaran ingin mencobanya, silakan simak baik-baik tutorial di bawah ini
1. Login terlebih dahulu di Blogger
2. Pilih blog yang akan di edit
3. Pilih Rancangan > Elemen Laman
4. Pilih Tambah Gadget (terserah dimana saja karena tidak akan muncul di halaman)
5. Kemudian copy kode di bawah ini

6. Lalu simpan

Sekian tutorial tentang Cara Membuat Kotak Melayang
Sambung postingan selanjutnya
Selamat mencoba dan semoga sukses..Amin..
Ditunggu komentarnya ya..

Cara Membuat Highlight All

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 09:50:00 +0000

Pada postingan yang ke-16 ini saya akan membahas tentang Cara Membuat Highlight All atau yang biasa disebut select all
Fungsinya untuk mempercepat select all pada suatu scrol box yang di dalam nya terdapat beberapa tulisan, dan butuh waktu lama untuk men-select all tulisan tersebut. Maka dari itu digunakan highlight all. Sebenarnya ada cara lain, namun akan saya postingkan setelah yang ini. Yaitu tentang Otomatis Highlight All dan penjelasannya.
Untuk sampeling silakan lihat di bawah ini

Jika anda tekan tombol Pilih Semua, pasti akan ter-block semua tulisan yang ada di dalamnya tanpa anda merasa kesulitan dalam mem-block tulilsan yang ada di dalam box tersebut

Nah bagi yang ingin mencobanya. Silakan mengikuti tutorial di bawah ini

1. Login dahulu di blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Anda buat sebuah postingan, karena highlight all ini sangat berfungsi dalam postinga
4. Pada saat anda akan memasukkan highlight all, terlebih dahulu anda pilih Edit HTML, pada postingan tersebut
5. Baru kemudian anda copy kode di bawah ini

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.tkt.focus();this.form.tkt.select();"type="button" value="Pilih Semua"/></div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name"txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL">ISI</textarea></div>
</form>
</div>

6. Ganti tulisan ISI dengan yang anda inginkan
7. Jika sekiranya sudah selesai, Terbitkan Entri

Sekian tutorial tentang Cara Membuat Highlight All
Sambung postingan selanjutnya
Selamat mencoba dan semoga sukses..Amin..
Ditunggu komentarnya ya..

Cara Membuat Headline Pada Blog

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 07:02:00 +0000

Pada postingan ke-15 ini saya akan membahas tentang Cara Membuat Headline Pada Blog
Fungsi dari headline pada blog adalah untuk mempermudah visitor untuk mengetahui apa saja yang baru dalam blog anda.

Jika anda tertarik untuk mencobanya, silakan untuk menyimak tutorialnya

1. Login dahulu di blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Pilih Rancangan > pilih Elemen Laman
4. Kemudan pilih Tambah Gadget (asal saja karena tidak akan mucul dalam halaman)
5. Copy kode di bawah ini

<script type="text/javascript"> var hn_url_blog = "http://akuajari.blogspot.com/"; var hn_jumlah_post = 20; var hn_warna_latar = "#ffffff"; var hn_warna_garis = "#000000"; var hn_posisi = "bottom"; var hn_tampilkan_judul = true;var hn_backlink = true;</script><script src="http://headlinesolusifunny.googlecode.com/files/headlineblogbysolusifunny.js"></script>

6. Kemudian simpan

Keterangannya :
1. Warna merah di atas ganti dengan alamat blog anda
2. Warna hijau di atas adalah warna latar dari widget, untuk mengganti menjadi warna transparan bisa lihat disini
3. Wana Biru adalah untuk warna garis yang akan muncul di widget,
4. Warna orange di atas adalah untuk posisi widget yang akan di tampilakan, bottom = bawah, top=atas dll

Keterangan tambahan :
hn_url_blog = URL blog anda (ganti dengan url blog anda)
hn_jumlah-post = jumlah judul artikel yang di tampilkan
hn_warna_latar = kode warna untuk latar belakang headline news
hn_warna-garis = kode warna garis bingkai
hn-posisi = menentukan posisi letak headline news

Sekian tutorial tentang Cara Membuat Headline Pada Blog
Sambung postingan selanjutnya
Selamat mencoba dan semoga sukses..Amin..
Ditunggu komentarnya ya..

Cara Membuat Peringatan Copy Paste (Copyright)

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 06:39:00 +0000

Pada postingan ke-14 ini saya akan membahas tentang Cara Membuat Peringatan Copy Paste (Copyright)
Pada postingan sebelumnya juga sedikit menyinggung tentang script anti copy paste.
Nah di dalam postingan anti copy paste sudah saya jelaskan tentang kelemahan pemasangan script tersebut
Maka dari itu saya ingin membagi ilmu tentang Cara Membuat Peringatan Copy Paste (Copyright)
Sebenarnya seperti apa peringatannya?
Peringatannya hanya sebatas tulisan di akhir postingan saja

Bagi yang berminat untuk mecobanya silakan mengikuti tutorial di bawah ini

1. Login dahulu di blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Pilih Rancangan > pilih Edit HTML
4. Jangan lupa untuk centang pada kotak Expand Template Widget
5. Cari kode ]]></b:skin> dengan bantuan CTRL+F atau tekan F3 pada keyboard
6. Copy kode di bawah ini

7. Lalu paste DI BAWAH kode ]]></b:skin>

8. Kemudian cari kode <data:post.body/> dengan bantuan CTRL+F atau tekan F3 pada keyboard

9. Jika ada 3, pilihlah salah satu saja yang anda inginkan

10. Selanjutnya copy kode di bawah ini

<br/><br /> <b:if cond='data:blog.pageType == "item"'><br /> <div class='permalinkblogspot'><center><br /> <div style='border: 1px solid rgb(204, 204, 204); margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color: rgb(221, 222, 232); text-align: left;'><img align='absmiddle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY2oeYa0cMWmOTgVp7qQNaIkZdrOPEYvvfKYgEclQxOZ-tIyFywGgcGX8yf47GqqMCQkrQm8iEgmuSvCWKR-4w7qowxxObF4Ww9wsq2UxHxyFHLc2NUVvf4XusKf9s68sA8XYuR-0T0x8/h80/brwnangel.gif'/> <b><medium>Tolong dibaca terlebih dahulu !</medium></b><br/><br/><small><div style='text-align: justify;'>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya.</div></small></div></center></div></b:if>

11. Kemudian paste DI BAWAH kode <data:post.body/>

( jika salah penempatannya jangan khawatir, bisa di ganti pada penempatan kode <data:post.body/> lain )

12. Jangan lupa untuk simpan

Sekian tutorial tentang Cara Membuat Peringatan Copy Paste (Copyright)

Sambung postingan selanjutnya

Selamat mencoba dan semoga sukses..Amin..

Ditunggu komentarnya ya..

Cara Membuat Buku Tamu Melayang

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 06:15:00 +0000

Pada postingan yang ke-13 ini saya akan membahas tentang cara membuat buku tamu melayang

Sebenarnya apa fungsinya dari buku tamu??

Mungkin bisa untuk tempat orang lain meninggalkan jejak di blog anda

Maaf untuk contohnya saya tidak memasang buku tamu tersebut, karena dapat memperlambat proses load dari blog

Sebenarnya Buku tamu tersebut hanyalah kotak chating alias box chat. Yang kemudian di modifikasi menjadi auto hide dan melayang di samping.

Nah bagi yang penacasan untuk cara memasang buku tamu melayang, simak baik-baik tutorialnya

1. Login dahulu di blogger

2. Masuk ke Dasbor > pilih blog yang akan diedit

3. Pilih Rancangan > pilih Elemen Laman

4. Kemudian pilih Tambah Gadget > pilih HTML / Java Script

5. Copy kode di bawah ini

6. Kemudian simpan

Sekian tutorial tentang Cara Membuat Buku Tamu Melayang

Sambung postingan selanjutnya

Selamat mencoba dan semoga sukses..Amin..

Ditunggu komentarnya ya..

Cara Mengubah Warna Menjadi Transparan

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 05:48:00 +0000

Pada postingan yang ke-12 ini akan membahas tentang Cara Mengubah Warna Menjadi Transparan.
Pasti anda ingin membuat suatu warna menjadi transparan.
Misalanya warna link yang pada awalnya biru dan akan anda ganti menjadi transparan (contoh saja)
Biru biasanya mempunya kode warna seperti ini #0000FF
Sedangkan untuk putih warnanya seperti ini #FFFFFF

Nah tinggal anda ganti saja yang asalnya warna putih mempunyai kode #FFFFFF di ganti menjadi hanya FFFFFF saja
Untuk melihat kode warna lebih jelasnya silakan klik disini

Sekian tutorial tentang Cara Mengubah Warna Menjadi Transparan
Sambung postingan selanjutnya
Selamat mencoba dan semoga sukses..Amin..
Ditunggu komentarnya ya..

Membuat Tombol View Pop Up

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 05:25:00 +0000

Pada postingan yang ke-11 ini saya akan membagi tutorial tentang Membuat Tombol View Pop Up
Sebenarnya apa yang dimaksud dengan Pop Up itu?
Pop Up biasanya digunakan untuk menampilkan iklan yang diinginkan dengan tampilan kecil diluar windows aktif

Nah bagi yang merasa penasaran langsung aja di coba Pop Up itu seperti apa..
Coba di klik tombol di bawah ini

Nah sudah di klik belom??
Kalau masih penasaran bagaimana cara membuat seperti itu?
Mari simak saja tutorialnya

1. Login dahulu di blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Copy kode di bawah ini

<center><form onsubmit="window.open('http://ALAMAT URL','popupwindow','scrollbars=no, width=300,height=100');return true"><input type="submit" value="TULISAN PADA TOMBOL"></form></center>

4. Pastekan di mana saja yg kita inginkan misal di tengah" postingan (eits,jgn lupa kalau pada postingan harus pada saat memasukkan kode pilih Edit HTML)
5. Save ajah atau postingkan jika dilampirkan dalam postingan.

keterangan :
1. tulisan yang berwarna ini dapat anda ganti saja dengan alamat link yang sobat inginkan dan akan tertampil pada hasil pop up view
2. tulisan yang berwarna ini dapat anda ganti dengan tulisan yang anda inginkan dan tertampil pada tombol view pop up tersebut
3. tulisan yang berwarna ini itu menandakan letak dari tombol view pop up tersebut, jika anda ingin meletakkan di kanan ganti saja dengan awalan <right> dan di akhiri </right>, berlaku juga sebaliknya jika anda inginkan tombol tersebut di sebelah kiri dengan awalan <left> dan di akhiri </left>
4. tulisan yang berwarna ini menandakan ukuran panjang(width) dan lebar(heigth) dari hasil view pop up tersebut. Jadi anda bisa ganti dengan kebutuhan anda :)

Sekian tutorial tentang Membuat Tombol View Pop Up
Sambung postingan selanjutnya
Selamat mencoba dan semoga sukses..Amin..
Ditunggu komentarnya ya..

sumber

Cara Membuat Screensaver (Energy Saving Mode) Pada Blog

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 05:06:00 +0000

Pada postingan ke-10 ini saya akan membahas tentang Cara Membuat Screensaver (Energy Saving Mode) Pada Blog.
Cara ini sangat digemari oleh blogger yang lebih mengutamakan tampilan blognya
Nah pastinya pada penasaran kan seperti apa sih Cara Membuat Screensaver (Energy Saving Mode) Pada Blog itu.
Langsung aja ke tutorialnya

1. Login dahulu di blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Pilih Rancangan > pilih Edit HTML
4. Jangan lupa untuk centang pada kotak Expand Template Widget

5. Cari kode </head> dengan bantuan CTRL+F atau tekan F3 pada keyboard

6. Kemudian copy kode di bawah ini

Kode Warna

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 04:41:00 +0000

Get it

Cara Membuat Kode Warna Di Postingan Blog

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 04:34:00 +0000

Pada postingan ke-9 ini saya akan berbagi tutorial tentang bagaimana cara membuat kode warna di postingan blog.
Pastinya ini akan membantu kita dalam menemukan kode warna sesuai dengan yang kita inginkan
Seperti apa sih kode warna tu?
klik disini untuk melihatnya
Bagi yang merasa ingin membuatnya, saya berikan tutorialnya

Tutorialnya sebagai berikut :

1. Login dahulu di blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Pilih Rancangan > pilih Edit HTML
4. Jangan lupa untuk centang pada kotak Expand Template Widget
5. Cari kode </head> dengan bantuan CTRL+F atau tekan F3 pada keyboard
6. Copy kode di bawah ini

<br /> <script language='javascript'> function Barva(koda) { document.getElementById("vzorec").bgColor=koda; document.hcc.barva.value=koda.toUpperCase(); document.hcc.barva.select(); } function BarvaDruga(koda) { document.getElementById("vzorec2").bgColor=koda; document.hcc.Barva2.value=koda.toUpperCase(); document.hcc.Barva2.select(); } </script><br /> <br /> <script type='text/javascript'>  var hue; var picker; //var gLogger; var dd1, dd2; var r, g, b;  function init() { if (typeof(ygLogger) != "undefined") ygLogger.init(document.getElementById("logDiv")); pickerInit(); //ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1" //ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1" }  // Picker ---------------------------------------------------------  function pickerInit() { hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180); hue.onChange = function(newVal) { hueUpdate(newVal); };  picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180); picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };  hueUpdate();  dd1 = new YAHOO.util.DD("pickerPanel"); dd1.setHandleElId("pickerHandle"); dd1.endDrag = function(e) { // picker.thumb.resetConstraints(); // hue.thumb.resetConstraints(); }; }  executeonload(init);  function pickerUpdate(newX, newY) { pickerSwatchUpdate(); }   function hueUpdate(newVal) {  var h = (180 - hue.getValue()) / 180; if (h == 1) { h = 0; }  var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);  document.getElementById("pickerDiv").style.backgroundColor = "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";  pickerSwatchUpdate(); }  function pickerSwatchUpdate() { var h = (180 - hue.getValue()); if (h == 180) { h = 0; } document.getElementById("pickerhval").value = (h*2);  h = h / 180;  var s = picker.getXValue() / 180; document.getElementById("pickersval").value = Math.round(s * 100);  var v = (180 - picker.getYValue()) / 180; document.getElementById("pickervval").value = Math.round(v * 100);  var a = YAHOO.util.Color.hsv2rgb( h, s, v );  document.getElementById("pickerSwatch").style.backgroundColor = "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";  document.getElementById("pickerrval").value = a[0]; document.getElementById("pickergval").value = a[1]; document.getElementById("pickerbval").value = a[2]; var hexvalue = document.getElementById("pickerhexval").value ='#'+ YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]); ddcolorposter.initialize(a[0], a[1], a[2], hexvalue) if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select(); }  </script>

7. Kemudian paste DI BAWAH kode </head>

8. Lalu di simpan

9. Selanjutnya anda buatlah sebuah postingan berisikan kode di bawah ini

<br /> <center><form name="hcc" id="hcc"><table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#b40404"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#df0101"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f78181"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef"><br /> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#61380b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#df7401"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#faac58"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef"><br /> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#868a08"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef"><br /> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#38610b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#74df00"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#bef781"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef"><br /> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#088a08"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#04b404"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#01df01"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#81f781"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#effbef"><br /> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#01df74"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#58faac"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5"><br /> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#088a85"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb"><br /> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0174df"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb"><br /> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#08088a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0101df"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb"><br /> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#380b61"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#7401df"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb"><br /> </td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb"><br /> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#610b38"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#df0174"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f781be"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5"><br /> </td></tr><tr height="10"><td><br /> </td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#151515"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#424242"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#585858"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#848484"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff"><br /> </td></tr></tbody></table></td></tr></tbody></table><table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" width="24" height="24"><br /> </td><td valign="bottom"><p>Kode warna yang terpilih : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></td></tr></tbody></table></form><p><a href="http://www.solusifunny.com/2012/01/cara-membuat-kode-warna-di-postingan.html" target="new">Get it</a></p></center><br />

10. Kemudian Terbitkan

Sekian tutorial tentang Cara Membuat Kode Warna Di Postingan Blog

Sambung postingan selanjutnya

Selamat mencoba dan semoga sukses..Amin..

Ditunggu komentarnya ya..

sumber

Cara Menampilkan Postingan Acak (Random Post)

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 03:41:00 +0000

Pada postingan ke-8 ini saya akan membahas tentang cara menampilkan postingan acak atau random.
Kira-kira untuk apa ya??
Fungsinya untuk mempermudah visitor untuk dapat melihat secara acak (random) apa saja yag telah kita tulis di blog kita dalam jumlah yang telah kita tentukan.
Mari kita simak baik-baik tutorialnya :

1. Login dahulu di blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Pilih Rancangan > pilih Elemen Laman
4. Copy kode di bawah ini

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

5. Kemudian Tambah Gadget dimana yang anda inginkan
6. Lalu pilih HTML / Java Script
7. Selanjutnya paste kode tadi ke dalam window yang muncul
8. Pilih simpan

Sekian tutorial tentang Cara Menampilkan Postingan Acak (Random Post)
Sambung postingan selanjutnya
Ditunggu komentarnya ya..

Sumber

Cara Menampilkan Foto Profil Besar Pada Komentar Facebook

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 01:59:00 +0000

Pada postingan sebelumnya saya pernah menyinggung tentang NEW EMO EMOCOTION SMILEY FACEBOOK 2012 dan CARA MEMBUAT EMOCOTION EMOT SMILEY BARU DARI FOTO PROFIL FACEBOOK
Nah pada postingan ke-7 ini akan membahas tentang Cara Menampilkan Foto Profil Besar Pada Komentar Facebook

Kayak apa sih?kok bisa munculin foto profil di komentar facebook?

Langsung aja sob..cek caranya

Ada 2 langkah soalnya dalam facebook alamat profil seseorang itu ada yg sudah didaftarkan dan ada pula yg belom, sehingga alamat profilnya masih dalam bentuk angka

Langsung praktek ajah deh klo gtu pasti gk pada sabar kan..

Langkah 1 : Bagi alamat profilnya sudah didaftarkan

Lihat gambar di bawah ini :

Misal nih saya komentar di salah satu status tmn..lalalu pengen nampilkan foto..langsung aja copy yg ada di kotak kuning..tapi fuadshifu nya harus di ganti dengan alamat profil yg ingin sobat tampilkan soalnya untuk alamat profil yg ada di foto atas tersebut seperti ini https://www.facebook.com/fuadshifu

Langkah 2 : Jika alamat profilnya belom di daftarkan

Lihat gambar di bawah ini :

Nah kalo yg sekarang saya pengen nampilkan foto profil dalam komentar yang alamat profilnya masih dalam bentuk angka alias belum didaftarkan..

Sebenarnya sobat tinggal mengganti saja dari alamat profilnya (misal ini yg seperti di atas https://www.facebook.com/profile.php?id=100000082233581 ) ..lalu www nya sobat ganti saja dengan graph. Beres kan jadinya??

Sekian tutorial tentang Cara Menampilkan Foto Profil Besar Pada Komentar Facebook
Sambung postingan selanjutnya
Ditunggu komentarnya ya..

sumber

CARA MEMBUAT EMOCOTION EMOT SMILEY BARU DARI FOTO PROFIL FACEBOOK

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 01:50:00 +0000

ke-6 hehehe
Pada postingan sebelumnya pernah menyinggung tentang NEW EMO EMOCOTION SMILEY FACEBOOK 2012
Kali ini akan membahas CARA MEMBUAT EMOCOTION EMOT SMILEY BARU DARI FOTO PROFIL FACEBOOK
langsung aja deh ke tutorialnya
1. login dlu di facebook..
2. ajaklah chatingan temen kamu sehingga keluat box chatnya
3. seumpama sobat pengin menggunakan foto profilnya "XXX" dan akan menampilkan fotonya dalam ukuran kecil di dalam box chatingan
keterangan : "XXX" = nama profil di akun facebook
4. masuk ke profil si "XXX"
5. lihat adress bar nya..
6. ada 2 cara untuk selanjutnya :

Langkah pertama jika alamat adressnya berbentuk seperti ini https://www.facebook.com/XXX
1. copy XXX dengan CTRL+C aja atau klik kanan copy
2. masuk ke chat box yang lagi sama temen mu yg pengen di pamerin
3. masukkan kode ini [[XXX]]
4. tekan enter
keterangan :
a. [[XXX]] itu harus seluruhnya alias diawali dengan [[ dan diakhiri dengan ]] dan tengahnya itu merupakan kode profil yang akan kamu tampilkan foto nya
b. jika ingin menampilkan lebih dari 1 foto profil orang jangan lupa setelah ]] diberikan <space> alias spasi sob.. soalnya tadi pagi saya coba banyak banget gk bisa. letak kesalahannya ada pada kurangnya spasi

Langkah kedua jka alamat adressnya benbentuk seperti ini https://www.facebook.com/profile.php?id=01234567899999
1. copy kode angka (ingat yg angka saja, karena gk setiap profil itu mempunyai pola angka yg sama) tersebut yg berwarna merah dengan CTRL+C aja atau klik kanan copy
2. selanjutnya sobat lakukan persis kyk langkah kerja pertama

Sekian tutorial tentang CARA MEMBUAT EMOCOTION EMOT SMILEY BARU DARI FOTO PROFIL FACEBOOK
Sambung postingan selanjutnya
Ditunggu komentarnya ya..

sumber

NEW EMO EMOCOTION SMILEY FACEBOOK 2012

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 01:42:00 +0000

aseekk..
postingan yang ke-5
Kali ini akan membahas tentang emo emocition smiley baru dari facebook 2012
Wah setelah facebook mengeluarkan inovasi terbarunya dengan nama TIME LINE
Sekarang facebook juga mengeluarkan emo emocotion smiley baru juga..

Langsung aja deh ke kode-kodenya..

[[223328504409723]] - Gintoki Sakata
[[236147243124900]] - Pokeball
[[326134990738733]] - Pikachu
[[155393057897143]] - Doraemon
[[224502284290679]] - Nobita
[[144685078974802]] - Mojacko
[[334954663181745]] - Spongebob
[[196431117116365]] - Shin chan
[[148935948523684]] - Pedo Bear
[[250128751720149]] - Domo Kun
[[100002467779100]] - winie thepoh
[[216136971742071]] - oscar
[[zuck]] - sang pendiri FB
[[firefox]] - mozzila
[[googlechrome]] - google crom
[[facebook]] - simbol FB
[[100002675501619]] - ninja hatori
[[100002672168648]] - Shizuka
[[100002644869972]] - upin ipin
[[138369100149]] - conan
ANIMASI

[[391419259674]] - cinderella
[[126236287388324]] - for love
[[126125527399400]] - Muaaach :*
[[126134560731830]] - hoam Ngantuk Rek
[[126261164052503]] - Hula Hula
[[126221767389776]] - spin HearT
[[126214010723885]] - stroke = mengelus membelai
[[126386227373330]] - oversleep = ketiduran
[[391418534674]] - princess
[[391290854674]] - My HearT
[[389448181885]] - week
[[126539730695178]] - love shame
[[126540207361797]] - Love smail
[[126232017388751]] - broken heart
[[391260799674]] - scary rabbit
[[126229700722316]] - pikachu
[[126392380706048]] - ready sleep
[[391415274674]] - mermaid
[[391419994674]] - Tinkerbell
[[391418849674]] - peri cute
[[126276450717641]] - blast love ..tiupan cinta
[[391396614674]] - Dog sad
[[391413439674]] - BT angry
[[391404309674]] - kue nyam nyam
[[126391564039463]] - Stress
[[391418139674]] - Nenek Sihir
[[110566632320002]] - Cat listening to music
[[126230590722227]] - Super Mario
[[126213110723975]] - Hello Ketty
[[126227960722490]] - kiss
[[126230880722198]] - Green Worm Ani
[[391395244674]] - stitch in guitar
[[126229327389020]] - Rose Red Ani
[[127868980561350]] - Heart beat
[[126220920723194]] - santa
[[126216480723638]] - butterfly blue
[[126132024065417]] - Heart rotate ani
[[391246504674]] - Dizzy Girl Ani
[[391581559674]] - smileys blush
[[126278187384134]] - O YEah Hippo
[[391299864674]] - Rose Heart Crying
[126217194056900]] - i ♥ u
[[389449726885]] - i love you
[[126540207361797]] - Smileys inlove
[[398699314236]] - Teddy n ♥
[[110780922298250]] - Heart on Fire
[[391394694674]] - Little Monkey n ♥
[[127878643893717]] - hand Clap
[[398570519236]] - mickey at Sleep
[[394930959230]] - Smileys Zzzz
[[126398717372810]] - Converse
[[391537884674]] - Cute Panda
[[391405744674]] - Crazy Sakura
[[110563818986950]] - wew
[[110566395653359]] - cat licking screen

huruf
A: [[399197913893]]
B: [[115345298505025]]
C: [[53872404042]]
D: [[226910642728]]
E: [[140775945956538]]
F: [[136046106447549]]
G: [[119431374760220]]
H: [[205082339544090]]
I: [[432883640525]]
J: [[228315337208110]]
K: [[56926372437]]
L: [[221310038416]]
M: [[161672657237726]]
N: [[203933512990765]]
O: [[116564658357124]]
P: [[64245738440]]
Q: [[196390043757013]]
R: [[111884958838844]]
S: [[136198113087158]]
T: [[142464449131926]]
U: [[172843133886]]
V: [[77189649729]]
W: [[116928513730]]
X: [[108075899233912]]
Y: [[140715832616884]]
Z: [[165724910215]]

bagi yang belum mengerti bagaimana cara menggunakannya, simak caranya dibawah ini
1. Login ke facebook
2. Copy kode di atas tadi
3. Kemudian paste di Kolom Chat / Kotak Chatingan
4. Langsung di coba aja deh klo masih ragu belom bisa menggunakannya

Sekian tutorial tentang NEW EMO EMOCOTION SMILEY FACEBOOK 2012
Sambung postingan selanjutnya
Ditunggu komentarnya ya..

sumber

Cara Membuat Adress Bar Berjalan

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 01:08:00 +0000

Wah ni postingan yang ke-4
Buat lengkap-lengkap tutorial aja deh
Kali ini akan membahas tentang cara membuat adress bar berjalan
Kira-kira apaan sih fungsinya?Yang masa sih adress bar itu?
Mungkin fungsinya itu hanya untuk mempercantik (memperganteng juga boleh) blog anda
adress bar itu yang ada di atas. Dan mengikuti dengan alamat yang kita tuju.

Langsung masuk ke caranya :
1. Login dahulu di blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Pilih Rancangan > pilih Edit HTML
4. Jangan lupa untuk centang pada kotak Expand Template Widget
5. Cari kode </head> dengan bantuan CTRL+F atau tekan F3 pada keyboard
6. Copy kode di bawah ini

<script type='text/javascript'>
//<![CDATA[
msg = ":: WELCOME TO ::";
msg = "----MY BLOG----" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",100);
}
scrollMSG();
//]]>
</script>

7. Kemudian Paste DI ATAS kode </head>
8. Lalu di simpan

Keterangan :
Untuk tulisan yang berwarna merah, bisa anda ganti sesuai dengan keinginan. Tulisan tersebut akan muncul pada saat blog anda di akses.

Sekian tutorial tentang Cara Membuat Adress Bar Berjalan
Sambung postingan selanjutnya
Ditunggu komentarnya ya..

Sumber

Cara Membuat Anti Copy Paste Blog

noreply@blogger.com (FuadShifu) — Thu, 26 Jan 2012 00:43:00 +0000

Wah gk terasa ini postingan yg ketiga, setelah sebelumnya membahas tentang cara membuat link warna-warni dan cara menghilangkan navigasi pada blog
Kali ini akan membahas cara membuat anti copy paste. Kira-kira buat apa sih??
Langsung simak kelebihan dan kekurangannya di bawah ini :

Kelebihannya :
1. Karya kita bisa terhindar dari pembajakan/pencurian melalui copy paste
2.

Kekurangannya :
1. Mengurangi pengunjung karena tidak nyaman
2. Mengurangi page view dari blog

Nah setelah lihat kelebihan dan kekurangannya pasti penasaran kyk gmnsih caranya. Langsung deh masuk ke tutorialnya
1. Login dahulu di blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Pilih Rancangan > pilih Edit HTML
4. Jangan lupa untuk centang pada kotak Expand Template Widget
5. Cari kode <body> dengan bantuan CTRL+F atau tekan F3 pada keyboard
6. Ganti kode <body> dengan kode di bawah ini

<body oncontextmenu='return false' onmousedown='return false' onselectstart='return false' onkeypress='return false'>

7. Cari kode </head> dengan bantuan CTRL+F atau tekan F3 pada keyboard
8. Copy kode di bawah ini

<script language="JavaScript1.2"> var msgpopup="Sorry gak bisa klik kanan bro..."; function pmb(){ if(alertVis == "1") alert(message); if(closeWin == "1") self.close(); return false; } function IE() { if (event.button == "2" || event.button == "3"){pmb();} } function NS(e) { if (document.layers || (document.getElementById && !document.all)){ if (e.which == "2" || e.which == "3"){ pmb();} } } document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("alert(msgpopup);return false") </script>

9. Lalu paste DI ATAS kode </head>
10. Kemudian di simpan

Keterangannya sebagai berikut :
Untuk keterangan berwarna merah :

oncontextmenu='return false' (untuk mematikan klik kanan mouse)
onmousedown='return false' (untuk mematikan klik blok ke bawah)
onselectstart='return false' (untuk mematikan seleksi blok)
onkeypress='return false' (untuk mematikan tombol keyboard)

Untuk keterangan berwarna hijau :
return false
false = mematikan
true = menghidupkan kembali / mengkatifkan
Untuk keterangan berwarna biru
Sorry gak bisa klik kanan bro...
Nah untuk ini tergantung dari kreasi anda..
Intinya tulisannya tersebut nanti akan tertampil pada peringatan jika melakukan klik kanan

Sekian tutorial tentang Cara Membuat Anti Copy Paste Blog
Sambung postingan selanjutnya
Ditunggu komentarnya ya..

Sumber

Cara Membuat Link Menjadi Berwarna-warni

noreply@blogger.com (FuadShifu) — Wed, 25 Jan 2012 04:21:00 +0000

Ni dia postingan kedua.
Yang sebelumnya telah membahas tentang Cara Menghilangkan Navigasi Pada Blog dan Auto Hide
Sekarang akan memabahas tentang Cara Membuat Link Menjadi Berwarna-warni

Langsung aja ke tutorialnya
1. Login terlebih dahulu di blogger

2. Masuk ke Dasbor > pilih blog yang akan di edit
3. Pilih menu Rancangan > pilih Edit HTML
4. Jangan lupan untuk memberi tanda centang pada expand template widget
5. Cari kode <body> dengan bantuan CTRL+F atau tekan F3 pada keyboard
6. Copy kode di bawah ini

<script src='http://hbhost.googlecode.com/files/rainbow-link.js'/>

7. Lalu paste DI ATAS kode <body>
8. Kemudian cari kode </head> dengan bantuan CTRL+F atau tekan F3 pada keyboard
9. Copy kode di bawah ini

<script language='javascript'>
function Barva(koda)
{
document.getElementById("vzorec").bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById("vzorec2").bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}
</script>

10. Lalu paste DI BAWAH kode </head>
11. Jangan lupa di simpan

Sekian tutorial tentang Cara Membuat Link Menjadi Berwarna-warni
Sambung postingan selanjutnya
Ditunggu komentarnya ya..

sumber

Cara Menghilangkan Navigasi Pada Blog dan Auto Hide

noreply@blogger.com (FuadShifu) — Wed, 25 Jan 2012 02:55:00 +0000

mencoba untuk postingan pertama

kali ini akan membahas tentang cara menghilangkan navigasi pada blog dan auto hide

berikut ini adalah langkah-langkahnya

untuk menghilangkan navigasi blog secara PERMANEN
1. Login terlebih dahulu di blogger
2. Masuk ke Dasbor > pilih blog yang akan di edit
3. Pilih menu Rancangan > pilih Edit HTML
4. Jangan lupan untuk memberi tanda centang pada expand template widget
5. Cari kode ![CDATA[ dengan bantuan CTRL+F atau tekan F3 pada keyboard
6. Copy kode di bawah ini

#navbar {
height: 0px;
visibility: hidden;
display: none;
}

7. Kemudian paste DI ATAS kode ![CDATA[
8. Setelah selesai jangan lupa untuk simpan

untuk menghilangkan navigasi blog secara AUTO HIDE
1. Langkah-langkahnya mengikuti di atas, cuman yang berbeda adalah kodenya
2. Copy kode di bawah ini

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

3. Sama juga kemudian paste DI ATAS kode ![CDATA[
4. Di simpan juga

Sekian tutorial tentang cara menghilangkan navigasi pada blog dan auto hide
Sambung postingan selanjutnya
Ditunggu komentarnya ya..

sumber