Untuk itu saya akan berbagi sedikit tips yang saya ketahui tentang cara mempercantik blog agar memiliki penampilan lebih menarik seperti pada umumnya.
Cara mempercantik blog di blogspot
1. Pilihlah template yang sesuai dengan selera dan tema blog anda, dan pilihlah yang paling anda sukai agar tidak sering terjadi penggantian template karena akan memperburuk citra blog anda dimata search engine. Sebagai bahan pertimbangan sobat blogger dapat mencari jenis template dengan mengunjungi situs situs penyedia template tersebut antara lain : mastemplate.com, btemplates.com, http://www.deluxetemplates.net.Bacalah artikel cara mengganti template blog untuk membantu anda untuk merubah tampilan blog anda.
2. Tambahkan catatan kaki blog, selain untuk memberikan informasi maupun pemberitahuan lainnya catatan kaki juga akan menambah keunikan tersendiri pada blog anda. Silahkan baca artikel cara membuat catatan kaki pada blog
3. Gunakan menu scroll untuk mempersingkat suatu daftar yang panjang agar menjadi lebih simple sehingga dapat menghemat tempat blog anda, sehingga blog anda menjadi lebih rapi dan tentunya dapat mempercantik penampilan blog juga.
4. Gunakan widget untuk mempercantik blog, saudara bisa menambahkan beberapa widget, misalnya saja widget jam, kalender , pageview. Pelajari cara memasang widget di blog untuk membantu anda jika saudara belum tahu caranya.
5. Facebook fanspage juga dapat menambah indah penampilan blog anda, silahkan anda tambahkan pada blog sobat.
Cara mempercantik tampilan blog
6. Gunakan template berlatar belakang yang tidak menyilaukan mata, selain menambah indah blog juga tidak akan membuat blog berjalan dengan berat. Pelajari juga cara mengganti background blog untuk membantu anda mempermudah menggantinya.7. Pasanglah iklan seperlunya saja jangan terlalu banyak agar tidak memenuhi layar hingga tidak dapat memperindah tampilan blog, selain mempercantik blog juga akan menambah penghasilan untuk anda.
8. Gunakan menu drop down untuk mempermudah navigasi agar pengunjung lebih mudah memilih artikel yang akan dibacanya.
9, Tambahkanlah breadcrumb untuk membantu navigasi dan menambah cantik blog anda. Pelajarilah di artikel cara membuat breadcrumb untuk membantu anda mempermudah memasangnya.
10. Jika berkenan pasanglah tulisan berjalan sebagai pemanis blog dalam bentuk berita sekilas artikel anda.
11. Buat auto read more untuk template anda, selain membantu loading juga menpercantik blog anda.
Demikianlah cara mempercantik blog menambah indah tampilan template, masih banyak yang dapat anda lakukan untuk memperindah blog anda , tidak ada batasan yang pasti untuk anda berkreasi mempercantik tampilan blog saudara, semua itu tergantung dengan keinginan dan kreatifitas dari anda sendiri. Semoga apa yang tertulis di atas dapat memberikan sedikit pengetahuan kepada anda, salam blogger.
CARA MEMPERCANTIK BLOG KITA
Membuat Taburan Daun Pada Blog
Hmmmmm...kembali lagi denngan say sobat bloger!
HAri ini saya akan memberikan trik untuk mempercantik blog anda. Sekarang kita akan membuat taburan daun pada blog, supaya lebih rame gitu...!! Nah untuk itu, jika sobat bloger suka silahkan nih diikuti langkah2 di bawah ini yeh!!!
heheheh
HAri ini saya akan memberikan trik untuk mempercantik blog anda. Sekarang kita akan membuat taburan daun pada blog, supaya lebih rame gitu...!! Nah untuk itu, jika sobat bloger suka silahkan nih diikuti langkah2 di bawah ini yeh!!!
heheheh
1. Masuk ke www.blogger.com
2. Masuklah dengan ID anda, biar aman. (heheheh..!)
3. Pilih Dasbor kamu Lalu Tata Letak
4. Kemudian pilih Tambahkan Gadget dan diteruskan denngan memilih HTML/JavaScript
5. Copas kode di bawah ini
2. Masuklah dengan ID anda, biar aman. (heheheh..!)
3. Pilih Dasbor kamu Lalu Tata Letak
4. Kemudian pilih Tambahkan Gadget dan diteruskan denngan memilih HTML/JavaScript
5. Copas kode di bawah ini
<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>6. Silahkan anda Simpan
Selesai deh..semoga bermanfaat yah!!!!!!!
--------------------------------------------------------------------------------------
Cara Membuat Alert atau Pesan Pembuka
Sobat
Bloger kali ini saya ingin memberikan tips untuk membuat pesan pembuka
pada blog qm. Pesan pembuka ini sebenarnya adalah hanya pekerjaan
iseng saja. Kenapa? karena ini hanya pesan dari Admin saja untuk
pengunjung. Seperti biasanya saya bisa mengkategorikan pesan pembuka
ini adalah merupakan asesoris blog, yang dapat memperindah blog kita.
Untuk memasangnya pada blog kita, ikuti langkah-langkah berikut!
1. Seperti biasa Login ke Blogger dengan ID qm..
2. Klik Tata Letak
3. Klik Edit HTML
4. Beri centang pada kotak di samping Expand Template Widget
5. Cari kode </head> lalu pastekan skrip berikut ini di atasnya:
<script language="JavaScript">alert("SELAMAT DATANG DI BLOG SAYA");</script>Tulisan yang berwarna Hijau adalah Kalimat/pesan pembuka anda kepada pengunjung blog qm.
Ket:
- Ganti kata TULISaN yang berwarna Hijau dengan pesan sesuai keinginan qm.
- Tanda kutip jangan dihapus.
--------------------------------------------------------------------------------------
Membuat Teks Berjalan di Menu Bar
Kali ini saya akan membahas cara membuat teks berjalan di menu bar yaitu teks yang berada di atas navbar browser seperti dalam gambar ini:
Kalau anda tertarik langsung aja ikuti langkah-langkahnya sebagai berikut:
1. Login ke Blogger
2. Pada menu Rancangan/Tata Letak-> Edit HTML
3. Letakkan kode dibawah ini diatas kode
<script type="text/javascript"></script>
// msg = " -- Selamat Datang di Hins Collections ";
msg = " | Berbagi Ilmu Dari Kita Untuk Kita -- " + 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()",200);
}
scrollMSG();
//]]>
Ganti teks yang warna merah dengan teks yang ingin anda tampilkan.
Angka 200 menunjukkan kecepatan gerak dari teks (ganti kalau perlu tergantung anda). Semakin kecil nilainya semakin cepat gerakan teksnya dan sebaliknya.
4. Terakhir klik Save Template. Beres dech...
(Lihat hasilnya nanti di menu bar qm diatas).
--------------------------------------------------------------------------------------
Memasang Buku Tamu pada Blog
- Daftar terlebih dahulu di www.shoutmix.com
- Setelah daftar pada kolom yang berjudul style, klik menu appearance
- Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
- Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
- Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
- Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
- Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
- Selesai
- Sedikit
Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar ,
anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox ,
caranya anda tinggal merubah angka Width (untuk lebar) dan Height
(untuk tinggi) dari dalam kode HTML shoutbox tersebut.
Untuk Blogger baru : - Silahkan Login dengan id anda
- Klik menu Layout
- Klik Page Element
- Klik Add a Page Element
- Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
- Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
- Copy paste kode HTML shoutbox anda di dalam form Content
- Klik tombol Save Changes
- Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
- Tekan tombol Save
- Selesai
Membuat Link Pelangi pada Blog
Terkadang
pengunjung betah untuk berkunjung ke blog kita, karena tampilan blog
yang begitu menarik. Nah jika sobat T'Net (Jaya Karta) ingin membuat
blog anda lebih menarik silahkan berikan effek yang menarik pada link
blog anda. Yaitu dengan memberikan effek link pelangi pada blog anda.
Dimana nantinya jika salah sati link disorot oleh cursor, maka link akan berubah warna seperti warna pelangi.
Untuk DEMO silahkan lihat Blog Ini. Jika sobat sudah mengerti dengan effek link pelangi ini, silahkan ikuti langkah berikut ini.
1. Login ke blogger
2. Pilih Rancangan
3. Pilih Edit HTML
4. Cari kode seperti ini <head> dan letakkan kode berikut ini tepat di Bawah <head>
<script src='http://achmad46.googlepages.com/rainbow.js'>
</script>
5. Simpan Template</script>
6. Silahkan lihat blog anda.
Selesai, semoga bermanfaat.
--------------------------------------------------------------------------------------
Berikut ini demo text sizer, silahkan coba sendiri.
+ Larger Font
- Smaller Font
Untuk
memasang text sizer di blog caranya cukup mudah. dalam pemasangan
ini, diperlukan script dan link saja. widget text sizer dapat dipasang
di mana saja seperti di sidebar, di atas postingan, dll. Widget text
sizer ini juga dapat mempercantik blog. berikut ini langkah-langkah
memasang widget text sizer
- Menu Dashboard, klik Tata Letak, klik Edit HTML.
- Centang checkbox Expand Widget Template.
- Copy paste code berikut setelah tag atau sebelum pada website Anda:
<script src="http://nestoriko.googlepages.com/textsizer.js" type="text/javascript"></script>
4. Copy paste code berikut setelah tag atau sebelum (atau dibagian mana Anda ingin menempatkan
tombol Text Sizer) pada website Anda:
<a
href="javascript:ts('body',1)">+ Larger Font</a> |
<a> href="javascript:ts('body',-1)">+ Smaller Font</a>
5. Silahkan ganti tulisan "+ Larger Font" dan "- Smaller Font" dengan tulisan yang Anda inginkan.
6. Juka sudah>>> simpan template !!
Selesai sudah cara memasang
widget text sizer. Selain berguna untuk mengatur ukuran font teks,
text sizer juga dapat mempercantik blog kita dan membuat nyaman para
pembaca . Selamat mencoba salah satu "tips dan trik blog text sizer"
dan semoga berhasil !
--------------------------------------------------------------------------------------
Cara membuat iklan melayang dengan tombol close
Iklan ? pasti anda sering menjumpai berbagai macam iklan di webisite / blog ? pernahkah terlintas di pikiran anda , bagaimana acara membuatnya ?
Kalau ada yang belum tahu iklan melayang , lihat saja di blog saya ini IKLAN
Mungkin rekan blogger pernah melihat tutorial ini, memang setau saya ada yang lebih rumit menggunakan banyak kode, tapi disini saya coba memberikan tips yang lebih mudah dan sangat simple bahkan bagi anda blogger yang baru mengenal pengkodean pasti bisa melakukannya, ok saya akan segera memberikan tutornya, nih ikutin saja langkahnya :
- Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
- Masuk ke Tab Tata Letak
- Pilih Elemen Halaman/Rancangan
- Tambah Gadget Pilih HTML / JAVASCRIPT
- Dan Copy kode di bawah ini kedalamnya yah
<style type="text/css"></style>
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
<script type="text/javascript"></script>
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
<div id=gb>
<div onclick="showHideGB()"> </div>
<div>
<div style="text-align:right">
<a href="javascript:showHideGB()"></a>
.:[Close][Klik 2x]:.
</div>
<center>
Masukan Kode iklan atau Gambar yang anda inginkan di sini
</center>
<script type="text/javascript"></script>
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</div></div>
6. Simpan
Semoga BERHASIL :)
dan andapun bisa berbisnis di Blog anda sendiri dengan iklan melayang ini !!
semoga sukses yah !!Selamat Mencoba....salam suksesss..
No comments:
Post a Comment