Home
Pernahkan anda mengunjungi sebuah web atau blog yang mempunyai hiasan atau variasi berupa salju, bintang yang berjatuhan, daun yang berjatuhan, kupu-kupu terbang, ataupun burung yang berterbangan kesana kemari pada sebuah blog. Memang ada banyak cara yang bisa kita gunakan untuk mempercantik blog kita, diantaranya ya yang saya sebutkan diatas. Namun pertanyaannya adalah "Sulitkah membuat hiasan seperti itu ???" apakah kita perlu menguasai program animasi untuk membuatnya, karena hiasan-hiasan tersebut berupa gambar bergerak atau animasi.
Jawabannya adalah tidak !!!!!
kita tak perlu menguasai program berbasis animasi atau multimedia untuk membuat animasi tersebut. Banyak program-program yang bisa membantu kita membuatnya hanya dengan sedikit langkah.
Nahh saya akan berikan beberapa trik untuk membuat efek di blog anda.
Tentunya anda harus Login dulu ke Blog anda dan masuk ke Menu Edit HTML.
Lalu carilah kode .
1. Membuat efek SaljuCopy script berikut ini tepat dibawah kode
<script src='http://devil32.co.cc/titip/snow.js' type='text/javascript'>
</script>
2. Untuk membuat tulisan berubah warna. Ini berlaku pada tulisan yang berupa Link, maka jika kita dekatkan cursor maka Link tersebut akan berganti warna terus menerus selama kita taruh cursornya disitu. Caranya sama, copy kode berikut di bawah .
<script src='http://arti.master.irhamna.googlepages.com/rainbow.js'></script>
3. Untuk membuat animasi berupa Daun yang berjatuhan di blog anda, caranya sama copy kode berikut di bawah kode
<script src='http://arti.master.irhamna.googlepages.com/daun.js' type='text/javascript'>
</script>
Jangan lupa di Save dan Coba anda lihat dulu hasilnya.... puaskah anda ???
Jika belum coba yang berikut ini:
Masih di Layout sekarang anda masuk ke Menu Page Element, lalu Klik Add Element, lalu HTML / Java Script, silahkan pilih.....
1. Membuat efek kupu-kupu. copy script berikut lalu save
<script language="JavaScript1.2" src="http://www.geocities.com/heri_sys89/kupu2.js"></script>
2. Membuat efek Bintang Jatuh, copy kode berikut lalu Save
<script language="JavaScript" src="http://www.geocities.com/yono_pati/bintang.js"><br /></script>
3. Membuat efek salju berjumlah 20, copy kode berikut lalu Save
<script src="%20http://h1.ripway.com/syarung/epek%20salju.txt%20" type="text/javascript"></script>
4. Membuat efek salju berjumlah 30, copy kode berikut lalu Save
<script src="%20http://h1.ripway.com/syarung/epek%20salju2.txt%20" type="text/javascript"></script>
Nahh silahkan anda pilih yang mana yang menurut anda bagus, atau anda mau menggunakan semua efekpun bisa-bisa aja. Namun setiap hal pasti ada konsekuensinya, ada hukum sebab akibat, jadi yang anda lakukan pada blog andapun akan ada akibatnya. Dalam hal ini semakin banyak anda menggunakan efek pada blog anda maka dampaknya blog anda akan semakin berat dan tentunya lemot atau lambat loadingnya. Semua tergantung kepada anda yang mau menggunakannya. Happy Blogging
Thursday, 25 June 2009
Membuat berbagai Efek di Blog
Saturday, 20 June 2009
Cara Menampilkan Artikel Terkait
Untuk mempermudah pegunjung web atau blog diperlukan daftar artikel terkait pada setiap akhir postingan. Tampilan artikel terkait atau Related Post dalam sebuah blog atau web akan membantu meningkatkan jumlah halaman yang dikunjungi. Jika pengunjung selesai membaca sebuah halaman, ia akan dibawa untuk melihat halaman lain yang terkait, karena artikel terkait akan dikelompokkan berdasarkan label yang anda buat pada setiap posting.
Berikut cara yang paling mudah dalam membuat artikel terkait :
- login ke Blogger
- Lalu pilih Tata Letak-->Edit HTML
- Selanjutnya Expand Widgets Template template kita
- Cari kode berikut ini (pakai bantuan Ctrl + F supaya lebih cepat)
Jika blog anda sudah menggunakan Read More maka untuk blog anda akan terdapat 2 kode tersebut, pilihlah kode yang pertama.
- Kalau sudah ketemu, copy script berikut ini dan paste di bawahnya kode diatas
<div class='similiar'>
<div class='widget-content'>
<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 1;
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></em>
Kata "Artikel Terkait" dapat anda ganti dengan kata yang anda inginkan.
Tulisan yang berwarna merah menunjukkan jumlah label yang akan ditampilkan, anda bisa menggantinya sesuai keinginan anda.
Tulisan yag berwarna biru menunjukkan jumlah posting yang akan ditampilkan, anda bisa mengantinya sesuai keinginan anda.
- Jika anda sudah melakukan seluruh langkah tersebut anda tinggal Save dan sekarang coba anda lihat hasilnya.
- Selamat mencoba, Happy Blogging
[ Baca Selengkapnya... ]
Friday, 29 May 2009
Menghilangkan Tanggal Posting
Terkadang sebagian Blogger ingin menghilangkan tanggal posting artikelnya, alasannya karena sudah lama tidak posting artikel. Kenapa begitu???
Kalau seorang Blogger sudah sekian bulan tidak posting maka akan kelihatan dari tanggal posting artikelnya, ternyata selama bulan tertentu tidak ada posting baru alias kosong.
Lagipula akan kelihatan berapa artikel yang di posting selama satu bulan atau sekian bulan.
Itulah sebagian alasan mengapa ingin menghilangkan tanggal posting.
Cara menghilangkan tanggal posting sangatlah mudah dan cepat.
1. Masuklah ke Menu Layout lalu Edit HTML.
2. Cari kode h2.date-header {
3. Kalau sudah ketemu tambahkan script visibility: hidden; sehingga menjadi seperti ini:
h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;
visibility: hidden;
}
4. Save Template anda dan bisa langsung melihat hasilnya.
Note:
kode script "h2.date-header {" terkadang berbeda tiap blog jadi jika anda tidak menemukan kode tersebut anda cari saja yang mirip seperti itu. Yang terpenting kata kuncinya adalah h2.date.
Selamat Mencoba
Kunjungi Daftar Isi Blog Ini
Wednesday, 27 May 2009
Cara Membuat Icon Pada Menu Bar Blog Anda
Langkah merubah Favicon standard di blogger.com:
Setelah melakukan langkah sebelumnya tentu anda sudah mempunyai file yang akan anda jadikan sebagai favicon, entah itu file gambar, logo, atau foto anda. Anda bisa menyimpan file tersebut dalam folder sendiri sehingga anda lebih mudah mencarinya. Lalu langkah selanjutnya adalah memasukkan gambar tersebut ke dalam menu Adress bar anda.
1. Buat postingan baru dangan judul postingan bantu. Tambahkan gambar yang akan anda jadikan favicon tersebut pada postingan bantu tersebut. Jadi anda bisa menyimpan lebih dari satu file untuk dijadikan favicon, untuk antisipasi jika anda bosan dan ingin mengganti favicon lagi.
2. Ubah mode postingan dari Compose menjadi Edit Html sehingga terlihat kode HTML, lalu copy Url gambar yang ingin anda jadikan favicon ke dalam notepad.
3. Save Postingan Bantu tersebut tapi tanpa di-Publish, postingan ini hanya sebagai alat bantu, mungkin akan dibutuhkan di lain waktu. Jadi... fungsinya postingan bantu ini adalah untuk menyimpan file ke sebuah alamat web. Apabila Anda telah memiliki tempat untuk upload, tidak perlu melakukan langkah 2 dan 3.
4. Klik Tab Layout pada blogger. Klik Edit HTML kemudian cari tag html:
< / head >.
5. Tepat di atas tag html < / head >, tuliskan kode di bawah ini:
<link href="URLANDA" rel="shortcut icon"/>
<link href="URLANDA" rel="icon"/>
Tulisan URLANDA silahkan anda ganti dengan URL yang tadi anda copy ke notepad pada langkah kedua.
6. Save Template anda, sekarang Silahkan anda lihat blog anda...
Cara Membuat Favicon Pada Blog
Kita pasti sering melihat blog atau web yang memiliki Icon pada Address Bar-nya atau yang disebut dengan Favicon. Favicon biasanya digunakan sebagai ciri khusus dari blog atau web pemiliknya.
Karena ciri khusus inilah, Favicon ini berbeda-beda antara satu blog dengan blog lainnya, atau antara web satu dan web lainnya. Yang akan saya bahas adalah merubah Favicon khusus untuk pemilik Blogger Account. Walaupun tidak menutup kemungkinan bisa diterapkan pada web atau blog yang lainnya.
Kita ambil sebagai contoh Favicon dari blog saya ini. Pada address bar atau pada tab diperlihatkan Favicon-nya adalah foto saya sendiri. Pengguna Mozilla Firefox secara otomatis menampilakn Favicon, akan tetapi pengguna Internet Explorer akan menampilkan Favicon setelah Kita menambahkan blog atau web pada bookmark-nya, inilah perbedaan jika kita pakai Mozilla Firefox dan Internet Explorer.
Contoh lain anda bisa lihat gambar diatas, web tersebut menggunakan favicon seperti tiga buah kotak berwarna merah, biru dan hijau yang disusun.
Bisa kita lihat, blog saya memiliki Favicon yang berbeda dengan blog atau web yang lain, misalnya dengan Kapanlagi.com dan Blogger.com. Tentunya anda juga ingin memiliki Favicon yang berbeda dengan blog atau web yang lainnya. Berikut saya sertakan web yang bisa Anda kunjungi untuk membuat Favicon:
- Favicon Gallery (By favicon.co.uk)
- 50 Remarkable Favicons (by Smashing Magazine)
- The Favicon Gallery
- MpP Favicon Gallery
- Favicon Gallery (By HTML Kit)
- Download Free Favicon Packs (from Clickfore.com)
- Favicon Generator (Favicongenerator.com)
Jika anda sudah melakukan langkah-langkah mengubah jenis file menjadi favicon, simpanlah di folder sehingga anda mudah mengingatnya. Jika sudah selesai silahkan anda lanjutkan ke Cara Memasukkan Icon Favicon ke Menu Bar.
Monday, 25 May 2009
Pemilu Cina Memanfaatkan Facebook
Calon Pemilih di China Bisa Daftar Lewat Facebook
Ini dia yang merupakan berita bagus, setelah beberapa hari ini saya bosan dengan kontroversi Facebook kini saya hadir dengan berita yang membanggakan. Berita ini datang dari negara Cina yang memanfaatkan situs Facebook dalam rangkaian persiapan pemilu presiden dan wakil presiden.
Panitia Pemilihan Luar Negeri (PPLN) Beijing memanfaatkan internet untuk menjaring calon pemilih pada pemilu pemilihan calon presiden dan wakil presiden di China. Selain menggunakan e-mail dan layanan pesan singkat (SMS), panitia juga menggunakan facebook untuk mengundang masyarakat Indonesia di China yang ingin masuk dalam daftar pemilih sementara (DPS).
"Kami juga memanfaatkan facebook dalam mengumumkan pendaftaran DPS kepada masyarakat Indonesia usia pemilih yang ingin ikut pilpres dan cawapres," kata Ketua PPLN Beijing Krishna Adi Poetranto di Beijing, Senin (18/5). Masyarakat Indonesia yang menetap di China dan namanya belum masuk DPS juga bisa segera mendaftarkan ke email ppdp@pplnbeijing.org atau datang langsung ke PPLN Beijing yang berkantor di KBRI Beijing.
PPLN Beijing, katanya, sampai 23 Mei 2009 masih membuka pendaftaran tahap kedua kepada masyarakat Indonesia yang namanya belum masuk dalam DPS untuk bisa masuk dalam DPS melalui e-mail.
"Kesempatan itu dilakukan untuk mengakomodasi masyarakat Indonesia yang ada di China yang belum terdaftar dalam DPS untuk masuk dalam DPS sehingga mereka nanti bisa melakukan pilpres," kata Krishna.
Dipergunakannya facebook dalam mengumumkan pendaftaran DPS dilakukan mengingat sebagian besar masyarakat Indonesia yang ada di China adalah mahasiswa. Umumnya masing-masing sudah memiliki fasilitas internet.
Meski demikian, PPLN Beijing tetap memanfaatkan cara-cara konvensional untuk menjaring pemilih lain yang belum mendapat akses internet. Pihaknya telah mengeluarkan pengumuman kepada masyarakat Indonesia yang namanya masuk dalam DPS agar mereka mau menginformasikan batas akhir pendaftaran DPS hingga 23 Mei kepada masyarakat Indonesia lain yang mungkin masih ada yang belum masuk dalam DPS.
"Kami berharap agar informasi pendaftaran dari mulut ke mulut akan lebih berjalan efektif dibanding informasi yang kita sampaikan melalui e-mail atau internet," katanya.
Sesuai ketentuan Kelompok Kerja (Pokja) Pemilihan Luar Negeri (PLN), tanggal 25 Mei adalah batas akhir penyerahan atau penetapan DPT oleh PPLN, sementara pada 28 Mei adalah pengumuman DPT secara nasional. PPLN Beijing bertanggung jawab atas penyelenggaraan pemilu di China, kecuali untuk wilayah Hong Kong dan Makao yang dilakukan oleh PPLN Hong Kong, dan empat wilayah kerja KJRI Guangzhou, yaitu provinsi Guangdong, Fujian, Hainan, dan Guang Xi yang dilakukan KJRI Guangzhou.
Sumber: Kompas.com[ Baca Selengkapnya... ]
