DEMATICA: seputar blog

Showing posts with label seputar blog. Show all posts

Monday, January 23, 2012

Cara Mengatasi Resolusi Website yang Berantakan

Kasus : Duh kok websiteku berantakan ya kalo dilihat dari monitor atau resolusi yang berbeda, gimana nih cara mengatasinya ?
Jawab yuk :
Yap, memang setiap monitor visitor mempunyai resolusi yang berbeda, untuk testnya coba kamu klik ctrl + tarik scroll mouse ke bawah, kalo website kamu posisinya nda berubah berarti website km bagus karena mempunyai resolusi yang statis,
gimana kalo berubah dan jadi berantakan, sidebar yang tadinya di kanan eh malah jadi di bawah post ? hemmhhh, yuk coba perbaikin style.css kamu dengan masuk ke appearance >> editor >> style.css, pertama set lebar class body menjadi 100 %, berikut contohnya :

body {
background-color: #eaeaea;
padding: 12px;
text-align: center;
font: normal 11px Verdana, Geneva, sans-serif;
letter-spacing: 1px;
color: #5c5c5c;
width: 100%;
}

kemudian set class yang berantakan contohnya class sidebar yang mestinya hanya di kanan, malah kalo beda resolusi bisa lari ke kiri, jadi kita harus menambahkan kode ini sehingga menjadi :

.sidebar {
float: right;
width: 196px;
padding: 10px;
width: 218px;
}

Update File!
Done! silahkan coba kembali klik ctrl + tarik scroll mouse ke bawah di browser kamu, sekarang sudah statis kan sesuai dengan tempatnya, gak jadi berantakan lagi..
Hal tsb berlaku juga untuk header, footer, post yang berantakan, tinggal cari class yang lain yang serupa dan set sesuai keinginan anda

--Semoga membantu..--

Menu Horizontal Style R-E

Syalom..., Puji Tuhan iseng-iseng buat menu sendiri e... jadi juga. Karena itulah menu ini saya namain "Menu Horizontal Style R-E", tutorial cara membuatnya saat ini saya mo sharekan ma sobat semua, ini langkah-langkahnya:

Masuk keakun blogger sobat
Setelah itu Klik design -> Edit HTML
Kemudian masukkan kode CSS nya di atas kode ]]></b:skin

/*-- (Menu/Nav) --*/
#nav-element{width:900px; margin:0; padding:0px 0 0px 0; float:center}
#nav{background:#0A2A0A; height:32px; padding:4px 0 0; margin-bottom:0px; clear:both; margin:0 auto; -webkit-border-radius: 7px;-moz-border-radius: 7px; border-radius: 7px;}
#nav-left{float:left; display:inline; width:660px; padding-left:6px; padding-top:1px}
#nav-right{float:right; display:inline; width:200px; padding-top:3px; padding-right:6px}
#nav ul{float:left;list-style:none;margin:0;padding:0;font:1.0em Verdana,Arial,Helvetica,sans-serif;font-weight:bold}
#nav li{list-style:none;margin:0;padding:0}
#nav li a,#nav li a:link,#nav li a:visited{display:block; color:#fff; margin:1px 4px; padding:4px 4px; text-decoration:none;}
#nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover{color:#fff; background-color:#999; margin:1px 3px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px; -khtml-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px}
#nav li a:hover,#nav li a:active{background-color:#222; color:#fff; background-color:#999; margin:1px 4px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px; -khtml-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;text-decoration:none}
#nav li li a,#nav li li a:link,#nav li li a:visited{background:transparent;color:#fff;font-size:12px;text-transform:none;float:none;margin:1px 4px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px; -khtml-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;}
#nav li li a:hover,#nav li li a:active{background-color:#222; color:#fff; background-color:#999; margin:1px 4px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px; -khtml-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;}
#nav li{float:left;padding:0}
#nav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:167px; background: #424242;margin:0px; padding:4px; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
#nav li ul a{width:156px;margin-bottom:2px;}
#nav li ul ul{margin:-32px 0 0 171px}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul{left:-999em}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul{left:auto}
#nav li:hover,#nav li.sfhover{position:static}
/*-- (Menu/Nav) --*/
#nav-element{width:900px; margin:0; padding:0px 0 0px 0; float:center}
#nav{background:#0A2A0A; height:32px; padding:4px 0 0; margin-bottom:0px; clear:both; margin:0 auto; -webkit-border-radius: 7px;-moz-border-radius: 7px; border-radius: 7px;}
#nav-left{float:left; display:inline; width:660px; padding-left:6px; padding-top:1px}
#nav-right{float:right; display:inline; width:200px;  padding-top:3px; padding-right:6px}
#nav ul{float:left;list-style:none;margin:0;padding:0;font:1.0em Verdana,Arial,Helvetica,sans-serif;font-weight:bold}
#nav li{list-style:none;margin:0;padding:0}
#nav li a,#nav li a:link,#nav li a:visited{display:block; color:#fff; margin:1px 4px; padding:4px 4px; text-decoration:none;}
#nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover{color:#fff; background-color:#999; margin:1px 3px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px;  -khtml-border-radius:3px 3px 3px 3px;  -webkit-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px}
#nav li a:hover,#nav li a:active{background-color:#222; color:#fff; background-color:#999; margin:1px 4px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px;  -khtml-border-radius:3px 3px 3px 3px;  -webkit-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px;text-decoration:none}
#nav li li a,#nav li li a:link,#nav li li a:visited{background:transparent;color:#fff;font-size:12px;text-transform:none;float:none;margin:1px 4px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px;  -khtml-border-radius:3px 3px 3px 3px;  -webkit-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px;}
#nav li li a:hover,#nav li li a:active{background-color:#222; color:#fff; background-color:#999; margin:1px 4px; padding:4px 4px; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px;  -khtml-border-radius:3px 3px 3px 3px;  -webkit-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px;}
#nav li{float:left;padding:0}
#nav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:167px; background: #424242;margin:0px; padding:4px; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
#nav li ul a{width:156px;margin-bottom:2px;}
#nav li ul ul{margin:-32px 0 0 171px}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul{left:-999em}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul{left:auto}
#nav li:hover,#nav li.sfhover{position:static}

Selanjutnya masuk -> Design -> add Widget -> pilih widegt HTML/Javascript kemudian masukkan kode dibawah ini :

<ul>

</ul>

<ul>

<li><a href='#'>ILLUSTRASI</a></li>

<li><a href='#'>RENUNGAN</a>

<ul>

</ul></li>

<li><a href='#'>HUMOR</a></li>

</ul>

</li>

<li><a href='link tujuan'>Free DOWNLOAD</a>

<ul>

<li><a href='#'>SOFTWARE</a></li>

<li><a href='#'>LYRICK & MP3</a></li>

<li><a href='#'>GAMES</a>

<ul>

</ul></li>

<li><a href='#'>TEMPLATE'S</a></li>

</ul>

<li><a href='#'>B'TUTORIAL</a></li>

<li><a href='#' title='link-title'>CONTACT US</a></li>

<li><a href='#' title='link-title'>DAFTAR ISI</a></li>

<ul>

</ul>

</li>

</ul></li>

Selesai Klik Save Template

-- Selamat mencoba --

Tuesday, September 13, 2011

Cara cepat mendapatkan uang dengan Linkbucks dan Adf.ly

Saya menemukan sebuah situs disebut Linkbucks dan Adf.ly. Situs ini pada dasarnya memberikan Anda uang setiap kali seseorang klik pada link anda, ya mirip-mirip sama TinyUrlm, dsb sih, tapi mungkin yang 2 ini yg lebih oke terutama Linkbucks. Jika ada pengunjung yang mengklik referral anda akan dibayar lebih tinggi.

PEMBAYARAN PERKLIK DOWNLINE

1. Tahap Pertama

Anda Mendaftar Situs Linkbucks dan Adf.ly
Dan masuka identitas anda dan username anda
Setelah pendaftran selesai lalu cek email kamu untuk konfirmasi nanti akan disediakan sebuah link lalu login dan klik refferal

Linkbucks

-------------------------------------------------------

Adf.ly

2. Tahap Kedua

Sign in dengan username dan password Anda
Di menu tab, Pilih Create Menu Link
Nah Nanti Bakalan Ada Pilihan Menu : 1. Single Link 2. Multiple Link 3. Full Page Script

Isikan form yang disediakan, dimulai dari :

Link Group Name : Nama grup script link ini, untuk memudahkan Anda memanage script link jika mempunyai lebih dari satu. Isikan apa saja sesuai yang Anda suka. karena Ini tidak Terlalu Penting Tetapi ingat harus di isi.
Link Exclusion : ini adalah link pengecualian. Isikan jika ada link yang tidak ingin Anda konversi. Misalkan yang tidak ingin Anda inginkan untuk dikonversi adalah seluruh ‘link dalam‘ blog Anda, seperti http://www.dematica.blogspot.com/search/label/movies, Maka cukup isikan http://dematica.blogspot.com dan klik tombol add.
Target Option : saya sarankan pilih Open In New Window, agar pengunjung masih tetap mempertahankan halaman blog Anda.
Landing Page Content is : Di sini ada dua pilihan, Clean All artinya semua umur, atau Adult (18+) jika situs Anda Agak Dewasa .
Ad Type : pilih tergantung kesukaan Anda, bisa Intermission, Top Banner, Pop Up, dan Short Link. Untuk lebih jelasnya silakan coba sendiri . Soalnya saya bingung menjelaskan dengan kata-kata. tapi disarankan menggunakan intermission karena lebih cepat memperoleh uang nya. hahaha
Alias URL : pilih sesuai keinginan Anda, pilihan tidak akan mempengaruhi pendapatan Anda.
Frequency Cap : untuk membatasi (memperlakukan limit click), tapi tulis saja 0 kalau bingung.
Lalu klik tombol Generate Javascript
Maka akan muncul script dan copy script tersebut.
Sekarang buka blog Anda, dan masuk ke bagian Theme atau Template. Semua situs bisa kok, asalkan kita diperbolehkan mengedit theme / template html. Termasuk blogger dan wordpress (untuk wordpress.com belum bisa).

3. Tahap Ketiga

Masukin deh link yang kamu inginkan dan kemungkinan banyak dibuka kemudian kamu "create link masukan link dan generate (untuk Linkbucks) dan shrink (untuk Adf.ly)" kedalam blog atau pun web yang kamu miliki, atau pun kamu juga bisa memnaruhnya kedalam situs-situs forum.

"Nah Canggihnya disini Masbroo!!!"

Anda cukup maenin 1 link aja seperti yang saya lakukan. 1 link ane masukin 16x klik di Movies coba aja wkwkwkk, misalnya http://www.dematica.blogspot.com/search/label/movies trus tinggal anda "generate" di Linkbucks trus klo udah masukin lagi di Adf.ly dan "shrink!"

Itu juga bisa diulang-ulang sampe link anda banyak (contoh: http://adf.ly/2hnet -> http://f93695ad.linkbucks.com/ -> http://adf.ly/2hndC -> http://a7f7030b.linkbucks.com) dan seterusnya hahaha...

---Semoga berhasil Masbrooooww..---

Saturday, September 10, 2011

Cara membackup data blog

Bagi seorang blogger salah satu yang paling tidak disukai adalah bila blog bermasalah apalagi semua postingan tidak dibackup.Bencana pun muncul, postingan yang sudah dibuat selama bertahun-tahun lenyap seketika. Bagi yang mempunyai blog dari blogger, anda dapat membackup postingan blog anda. Hasil backup tersebut dapat diambil kembali bila anda menginginkannya.Berikut cara membackup postingan pada blogspot.

1. Login pada Blogger.
2. Klik Setting pada Dashboard anda.
3. Akan muncul seperti gambar dibawah ini.

4. Selanjutnya klik Export blog,lalu klik Download Blog.Simpanlah backup tersebut pada hard disk komputer anda.
5. Selesai
Lakukanlah backup postingan anda sesering mungkin agar bila anda mengalami masalah pada blog,anda sudah mempunyai backupnya.

Cara membuat menu pada blog

Banyak yang nanyain cara membuat menu pada blog seperti yang aku pake di blog ini. Untuk blogspot, sebelum membuat menu, halaman yang akan di link sebaiknya di buat dulu dari postingan biasa, karena di blogspot tidak ada fasilitas membuat halaman, yang ada hanya membuat postingan. jadi menu kita nantinya akan di link ke postingan yang udah kita buat.

Misalnya kamu ingin membuat menu Depan, Tentang, dan Portofolio. maka kamu harus membuat postingan dengan Judul/Title: Depan, Tentang, dan Portofolio, dengan demikian kita akan mempunya 3 halaman dengan url

http://nama.blogspot.com/depan.html,
http://nama.blogspot.com/tentang.html dan
http://nama.blogspot.com/portofolio.html.

Selanjutnya ikuti langkah-langkah pembuatan menu secara otomatis menggunakan List-O-Matic. Setelah semua langkah di lakukan, kamu akan di beri 2 jenis kode yaitu HTML dan CSS.
Here is the HTML for this list:

<div id="navcontainer"> <ul id="navlist"> <li><a href="http://nama.blogspot.com/depan.html">Depan</a></li> <li><a href="http://nama.blogspot.com/tentang.html">Tentang</a></li> <li><a href="http://nama.blogspot.com/portofolio.html">Portofolio</a></li> </ul> </div>

Copy kode HTML dan masukkan lewat Add a Page Element – HTML/JavaScript dan letakkan dimana kamu pengen menunya muncul.
Here is the CSS for this list:

#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a { padding: 3px 10px; }
#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}
#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

Sedangkan untuk kode CSS harus di copy dan di letakkan dalam kode template. Di halaman template blog kamu, pilih Edit HTML, letakkan kode CSS dari List-O-Matic tadi sebelum kode ]]></b:skin> dan save template.

Friday, September 9, 2011

Cara membuat burung twitter dalam blog

tweeettt....tweett....tweeettt....brrrrrr.....("CERITANYA TERBANG").... ya begitulah kelakuan burung twitter terbang-terbang ngga jelas dan suka menclot disana dan disini.
Kali ini saya akan memberikan tips dan trik cara membuat burung twitter dalam blog, pernah liat buruh terbang-terbanganan ngga dalam blog? yupss itu burung yang kerjaannya mondar-mandir yang ada di dalam blog atau pun web yang pernah anda jumpai, tuh burung ngga ada juntrungannya kekirilah kekananlah keataslah kebawahlah entah laper atau mau kawin kali ya..wakakakakaka...

Untuk membuatnya, baca langkah-langkah berikut :

Login ke Blogger dengan akun anda
Pilih Rancangan>>Tata letak>> Tambah Widget>>HTml/javascript
Lalu Copy Paste kode berikut :

<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/AVvXsEhrbVeXFtKDA8ZhUcpe1jftBhyphenhyphenrtT_KxPir6e5UqHPmcHqOSazlpfNi_mt-61njt2JAvJpa4MfFb_zLihgVxXYoYspWbI9pm1PGU8IU3Iq9Uli6WuEnu9QHYgT8JAYtAzNxJOdqt0EqQVcK/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/rhezayassin";var tweetThisText = "Twitter - rhezayassin http://dematica.blogspot.com/";tripleflapInit();
</script>

(*)note : -Ganti http://twitter.com/rhezayassin dengan alamat twitter anda,

             -Ganti http://dematica.blogspot.com/ dengan alamat Blog anda.
             -Ganti rhezayassin dengan nama anda.

    4. Lalu Save.

-- Selamat Mencoba --

Thursday, September 8, 2011

Cara menghilangkan attribution didukung oleh blogger

Bagi rekan-rekan yang memakai Blogger sebagai CMS mungkin pernah terpikir Cara menghilangkan Attribution Didukung Blogger untuk beberapa alasan. Mungkin dengan alasan untuk memperkecil space page yang terpakai ataupun ingin memakai copyright sendiri. Bagi yang ingin mengetahuinya silahkan baca tips dibawah ini.

Cara Menghilangkan Attribution Didukung Blogger :

1. Login ke akun blogger kalian.

2. Design

3. Edit HTML

4. Dengan menggunakan fasilitas Find (Ctrl+F), cari tulisan "Attribution"

5. Cari <widget id='Attribution1' locked='true' title='' type='Attribution'/>

6. Nilai "true"diganti "false"

7. Save Template

8. Kemudian pergi ke Page Elements

9. Buka gadget attribution yang awalnya terkunci tadi dan remove. Selesai

Bagaimana mudah bukan? Sebenarnya ini melanggar TOS Blogger jadi hal ini menjadi tanggung jawab masing-masing ya.. :)

Menyembunyikan Navbar pada blog

Navbar atau navigation bar terdapat di bagian paling atas, sebenarnya navbar sangat membantu bagi para pengunjung blog, karena disana terdapat tombol-tombol navigasi blogger. Tetapi terkadang bagi para pemilik Blog merasa hal tersebut kurang menguntungkan dari segi kegunaan dan kurang indah dari segi tampilan, bahkan beberapa blogger menyembunyikan navbar sebagai salah satu bentuk profesionalisme blogger. Blogger yang masih menggunakan navbar sebagian blogger menyebutnya kurang profesional. Entahlah, apa alasan para blogger dalam hal menyembunyikan navbar.

Bagi para pemilik blog yang ingin menyembunyikan navbar bisa mengikuti blogger hack dibawah ini:
Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Tata Letak - Edit HTML"
Langkah 3
Cari kode dibawah ini:

]]></b:skin>

Langkah 4
Letakan (copy paste) kode dibawah ini tepat diatas kode pada langkah 3:

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

Kode diatas akan menyembunyikan navbar secara permanen, atau kode dibawah ini:

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

Kode diatas hanya menyembunyikan semi permanen, jika mouse diarahkan halaman blog paling atas maka navbar akan ditampilkan, jika mouse digeser menjauh dari bagian atas halaman blog maka navbar akan disembunyikan kembali.

#navbar-iframe {position: fixed;right: 0px;bottom: 0px;left: 0px;}

Kode diatas memindahkan posisi navbar dari bagian atas ke bawah.

Langkah 5

Simpan template dan preview blog anda, boom... apa yang terjadi? Lihat sendiri...

-- Selamat mencoba semoga berhasil.--

Cara mengubah domain blogspot ke co.cc (Domain Gratis)

Biasanya ketika membuat blog di blogger, kita akan mendapat nama blog http://namablog.blogspot.com, kita bisa merubah nama domain blog dengan yang lebih bagus. Salah satu layanan penyedia domain gratis yaitu co.cc. Jadi nantinya nama domain blog kita akan menjadi http://namablog.co.cc. Kemarin saya coba mengganti domain blog saya ke co.cc, dan ternyata berhasil dengan mudah.

Ok, marilah kita mulai saja, caranya adalah sebagai berikut :
1. Langkah pertama yang perlu dilakukan adalah mendaftar pada layanan co.cc.
2. Dapatkan nama domain terlebih dahulu dengan mengisi pada kotak yang tersedia, dan
klik Check Availability. Atau lebih mudahnya gunakan kotak dibawah ini (Isikan domain yang ingin kamu daftarkan!) :

3. Setelah mendapatkan nama domain, selanjutnya Masuk pada menu Domain setting >> Manage Domain dan klik Setup
4. Abaikan Menu 1>> manage DNS / kosongkan name servernya anda langsung klik menu 2>> Zona Record
5. Isi add record dengan isian sebagai berikut :
Host : isi dengan nama domain yang sudah anda daftarkan misal : www.namablog.co.cc
TTL : 1 D (tidak perlu dirubah)
Type : cname
Value : ghs.google.com
6. Kemudian klik Setup

Kita telah selesai setting pada co.cc, kemudian tinggal setting di blogger:
1. Masuk / login ke blogger.com.
2. Masuk menu Setting >>> Publishing (Pengaturan >> Publikasikan)
3. Kemudian pilih “Switch to: • Custom Domain” (Berpindah ke : Domain Ubahsuaian)
4. Klik “Already own a domain? Switch to advanced settings” (Beralihlah ke pengaturan lanjut)
5. Isikan pada kolom “Your Domain” dengan domain co.cc yang anda daftarkan tadi.
6. Use a missing files host? pilih No.
7. Masukan Word Verivication dan klik Save setting.

Yapss, sudah selesai, mudah bukan. Blog kita sekarang sudah berganti nama domain menjadi co.cc, tinggal menunggu proses sinchronisasinya dari co.cc ke Blogspot maksimal 24 jam setelah itu kita sudah bisa mengakses url blogspot.com anda dengan nama domain co.cc yang telah kita buat tadi.

-- Selamat Mencoba --

Membuat image header website lebih menarik

Nih buat teman-teman yang lagi asyik-asyiknya ngeblog atau ngutak-atik website, dah pada punya gambar header sendiri belum? Itu lho, gambar yang ada pada atas halaman, yang terlihat pada semua halaman… Kalau belum punya, ini ada tutorial sederhana tentang cara membuat gambar header menarik dalam 3 menit dengan Xheader, tidak perlu jago design grafis atau pinter photoshop kok

, software ini simple dan mudah dimengerti, dan yang pasti gratis atau freeware.

Download Aplikasinya disini

1. Membuat header dari template
Xheader memberikan ribuan template gambar header gratis siap pakai yang bisa Anda pilih. Untuk membuat gambar header dari template buka menu File -> New. Kemudian pilih load from template library (lihat gambar di bawah ini).

2. Memasukkan teks
Setelah Anda memilih template atau gambar header yang tersedia, Anda bisa memulai memasukkan teks. Anda bisa menambah dengan efek outline, chisel, emboss, dan glow. Jika akan menambah efek, pilih teks yang akan diedit dengan menu select terlebih dahulu.

3. Memasukkan gambar dari komputer
Anda bisa memasukkan gambar dari komputer (harddisk, flashdisk, dsb) dengan menggunakan tool Image.

4. Membuat garis, kotak, dan lingkaran
Anda bisa menambahkan garis, kotak, dan lingkaran dengan tool seperti yang ditunjukkan pada gambar di bawah ini. Objek ini juga dapat diberi efek!

5. Mengatur urutan peletakan objek
Sebuah gambar, bidang, atau tulisan dapat diletakkan di atas atau di bawah yang lain. Anda bisa memilih objek dengan tool Select (paling kiri) dan mengaturnya urutan peletakan objek melalui tool To Front atau To Back.

6. Mengatur efek transparan dan bayangan
Text atau gambar dapat diatur agar transparan (tembus pandang) dan ada bayangannya dengan tool yang tersedia seperti terlihat pada gambar ini.

7. Preview dan menyimpan Gambar
Sebelum Anda menyimpan gambar header, Anda bisa mencoba melihat tampilan gambar header Anda di browser, buka menu Options -> Preview in Browser. Setelah semua oke, simpan gambar Anda melalui menu File -> Save JPG. Atau File -> Save XHF. File JPG siap di-upload ke blog Anda, sedangkan file XHF bisa diedit ulang jika Anda mau.

-- Selamat Mencoba --

Cara membuat next page pada blog

Saatnya untuk menyenangkan visitor agar mudah menjangkau semua artikel yang pernah kita posting, bagi yang postingnya sudah banyak, kalo intungan search google di anggap banyak itu ada 2000 artikel minimal, dengan begitu kalau 1 artikel dapat mendatangkan 1 pengunjung setiap hari, maka sudah setiap hari minimal ada 2000 pengujung, tapi kalau artikelnya bagus bagus bisa 1 artikel bisa mendatangkan 100 pengjung maka blog anda ramai amin.. hehe, itu yang dinantikan bagi semua blogger, tarus agar setiap pengjung dapat menjangkau semua artikel maka dibutuhkan next page berikut cara membuatnya:

Silahkan anda buka

- element blog anda terus klik tambah gadget, pilih html/java script

- download code berikut Download Code
- buka dan copy dan letakkan di bawah posisi element post

- simpan dan selesai

-- Selamat Mencoba --