Float/ Static Menu untuk blogspot   Leave a comment

Kali ini kita akan membuat menu yang seperti itu lebih sederhanatapi tampilannya agak sederhana dan biasa saja cuma backgroundnya bisa kita ganti. Oks langsung ke sasaran…
1. Login, ke tata letak, klik edit html, centang expand template

2. Pasang kode CSS berikut di atas ]]></b:skin>

body{

font-family:Georgia, “Times New Roman”, Times, serif;

margin-left:20px;

padding-left:10px;

border-left:1px solid #999999;

}

#slideMenu.closed{

left:-300px;

}

#slideMenu{

position:fixed;

left:0;

top:20px;

width:300px;

height:300px;

border:5px solid #416888;

border-left:0px;

background-color:#ffffff;

z-index:20;

}

#slideMenu a.toggleBtn{

position:absolute;

right:0;

top:0;

outline:none;

display:block;

height:115px;

width:30px;

border-width:1px 1px 1px 0px;

margin:0;

padding:0 5px 0;

color:#000;

text-decoration:none;

font:12px/25px Verdana, Arial, Helvetica, sans-serif;

background:url(http://i540.photobucket.com/albums/gg331/aanbae/vilatLogo.png) no-repeat;

z-index:20;

}

#slideMenu a.toggleBtnHighlight{

position:absolute;

right:0;

top:0;

outline:none;

display:block;

height:115px;

width:30px;

border-width:1px 1px 1px 0px;

margin:0;

padding:0 5px 0;

color:#000;

text-decoration:none;

font:12px/25px Verdana, Arial, Helvetica, sans-serif;

background:url() no-repeat 0px -88px;

z-index:20;

}

.content{

padding:5px;

z-index:20;
– Silahkan sobat ganti warna border dan backgroundnya, disini saya mencontohkan dengan warna border kebiruan (#416888;) dan warna background putih (#ffffff;), untuk kode warna lihat disini

3. Copy kode script dibawah ini dan letakkan di bawah ]]></b:skin>

<script src=’http://sites.google.com/site/aanbaesite/jquery.txt&#8217; type=’text/javascript’/> <script src=’http://sites.google.com/site/aanbaesite/vilat_slidemenu.txt&#8217; type=’text/javascript’/>
4. Pasang Link-link yang akan tampil didalamnya seperti dibawah ini dan letakkan dibawah <body>

<div class=’closed’ id=’slideMenu’>

<div class=’content’>

<strong>Float Menu</strong>

<ul>

<li><a class=’anchorLink’ href=’#Aanbae’ title=’Anchor Link’>Aanbae</a></li>

<li><a href=’http://vilat.blogspot.com&#8217; title=’Vilat Lines’>Vilat Lines</a> </li>

<li><a href=’http://sehat-secara-alami.blogspot.com&#8217; title=’Sehat Secara Alami’>Sehat Secara Alami</a></li>

</ul>

</div>

<a class=’toggleBtn’ href=’#’ id=’toggleLink’ style=’top:100px; right: -42px;’/>

</div>

Silahkan Ganti dengan link anda sendiri…
5. Klik save and done.

source : vilat

Baca juga :

Posted December 8, 2009 by admin in Ngeblog dengan Blogger

Cara Membuat dan Menyusun Lay Out eBook PDF   Leave a comment

Jika Anda telah selesai menulis ebook dan mengeditnya. Kini saatnya memikirkan bagaimana ebook anda bisa dilihat oleh calon pembaca. Anda perlu membuat cover dan lay out halaman dalam ebook yang atraktif dan menarik.
Format yang direkomendasikan untuk baris adalah dengan spasi 1.5, teks berukuran 12pt Times New Roman atau Arial, dengan margin 1.25 inch. Denag format seperti ini halaman akan kelihatan terang dan menarik.
Setelah lay out ebook sudah selesai, anda perlu mengubahnya ke file PDF (Portable Document Format). Hal ini akan memastikan setiap orang bisa membuka ebook anda dan akan terlihat sama meski berbeda alat baca (computer, PDA, atau ebook reader). Karena format PDF bisa bekerja dalam berbagai operating system.
Sebagian besar orang familiar dengan Adobe Acrobat Reader. Software ini adalah software gratis yang memungkinkan semua orang bisa mendownload dan membaca file PDF.
Sedangkan untuk membuat file PDF anda memerlukan Adobe Acrobat Professional atau program lain untuk membuat PDF file.
Tiga program lain yang bisa digunakan untuk membuat file PDF adalah:
• PDF Converter Pro.
• OfficeReady Pro.
• Solid Converter PDF.
Harga software diatas sekitar $100. Sedangkan harga Adobe Acrobat Professional lebih dari $400.
Ada juga software pembuat file PDF yang bisa didapatkan secara gratis di internet. Lima program diantaranya adalah:
• Primo PDF.
• PDF995.
• CutePDF.DocuDesk.
• PDFill.
Setelah anda memilih dan menginstall program ke computer, langkah selanjutnya adalah mengubah file MS Word ke file PDF. Sebagai contoh anda menggunakan program CutePDF.
Buka file word anda dan pilih “Print” pada file Menu. Setelah kotak dialog muncul pilih printer yang ada dengan mengklik tombol dropdown kemudian klik “CutePDF Writer”.
Klik “OK” pada bagian bawah kotak dialog. Setelah mengklik OK akan muncul kotak dialog “Save As.” Anda harus mengisikan nama file yang diinginkan.
Setelah mengklik “OK” pada kotak dialog “Save As”, software PDF akan mengubah dan terlihat dokumen sebagai file PDF. File ini siap diletakkan di shopping cart.
Agar menarik calon customer anda perlu membuat cover ebook yang nantinya akan didisplay di shopping cart anda. Semoga bermanfaat.
Baca juga :

Posted December 4, 2009 by admin in Ebook

Blogger templates   1 comment

Blak Magik
Download
Game Zine
Download
Water Color
Download
Night Sky 2.0
Download
Dark Mistry
Download
Notebook
Download
Dark Forest
Download
Green Leaves
Download
Crystal Blue
Download
Wiking
Download
Paradise Valley
Download

Night Sky
Download
Red Light
Download
Evidens(Black)
Download

Tagland
Download
Woodmag
Download
Letter Frame
Download
Chucky
Download
Pork and Beans
Download
Healthy Lifestyle
Download
Arto
Download
Natural Gloom
Download
Astronomy
Download
ProPress
Download
Baby Disney
Download
Jumping Ski
Download
Ink Stain
Download
Caribou
Download
Ocean Kid
Download
Music Lovers
Download
The Wind Cries Mary
Download

Fresh Citrus
Download

Waterworld
Download

Daily Studio
Download
Bcute
Download
Blue Diamond
Download
Iresistible
Download

Burn out bright
Download

Design Blog
Download
Treasure Hunter
Download

Complicated Girl
Download

GrungeD
Download

Space Blog
Download

Scrapbook Mania
Download

Gestured
Download

Business Theme
Download

Web Blog
Download

Oriental
Download

Blogging Delicious
Download

Posted December 3, 2009 by admin in Free Blogger Templates

Cara Membuat Kotak Blogroll dan Marquee   Leave a comment

1. Kotak Blogroll Model Textarea

Cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements –> Add a Gadget –> HTML /Javascript)

<div style=”border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; “>

#link1 <br />
#link2 <br />
#link3 <br />
#link…

</div>

keterangan:
– Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
– Ganti tulisan “#link1,#link2, #link3 ds” dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
– Jika kamu pingin daftar link-linknya berjajar, maka hilangkan kode <br />

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar. Link-link atau isi didalam kotak ini akan bergerak/berjalan, bisa vertikal atau horizontal.
cara buatnya:

Pasang code berikut ini di kedalam element kamu (Page Elements –> Add a Gadget –> HTML /Javascript)

<MARQUEE align=”center” direction=”up” height=”100″ scrollamount=”2″
onmouseover=’this.stop()’ onmouseout=’this.start()’ width=”95%” >

#link1 <br />
#link2 <br />
#link3 <br />
#link…<br />

</marquee>

Keterangan :
– Kode “up” itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right .
– Jika kamu menggantinya dengan pergerakan horizontal (left atau right) maka hilangkan kode < br/>.
– Angka “100” menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

Baca juga :

Posted December 3, 2009 by admin in Ngeblog dengan Blogger

Menghilangkan kotak diatas postingan ketika klik label   1 comment

 

Saat Anda mengklik salah satu label blogspot Anda, maka akan tampil kotak yang bertuliskan ” Tampilkan posting dengan label dst. tampilkan semua posting “, atau lebih jelasnya lihat gambar ..Nah jika kita ingin menghilangkannya adalah sebagai berikut :
Seperti biasa setelah
  1. login
  2. pilih tata letak 
  3. klik edit html 
  4. expand template widget.
Setelah itu cari kode berikut ini :
<b:includable id=’status-message’>
<b:if cond=’data:navMessage’>
<div class=’status-msg-wrap’>
<div class=’status-msg-body’>
<data:navMessage/>
</div>
<div class=’status-msg-border’>
<div class=’status-msg-bg’>
<div class=’status-msg-hidden’>
<data:navMessage/>
</div>
</div>
</div>
</div>
<div style=’clear: both;’/>
</b:if>
</b:includable>
Jika sudah ketemu, ganti kode diatas dengan kode dibawah ini :
<b:includable id=’status-message’>
<b:if cond=’data:navMessage’>
<div>
</div>
<div style=’clear: both;’/>
</b:if>
</b:includable>
Klik simpan

Baca juga :

Posted December 3, 2009 by admin in Ngeblog dengan Blogger

Resep Memilih Laptop   1 comment

Setiap laptop apapun merknya sama kuat dan sama bandelnya, seringkali juga suka rusak dan ada problem dari semuanya.

Jika ada laptop yg menurut anda bandel, kenapa berani kasih lifetime warranty spt memory? Jawabannya tidak ada krn yang namanya barang elektronik pasti rentan rusak dengan keadaan listrik yg tidak stabil. Lagi pula kalo dikasih warranty lifetime pun laptop tsb baru umur 2-3 thn aja sudah bisa dibilang ketinggalan jaman.
Atau tidak ada kan laptop yg berani kasih warranty diatas 5 thn? Setahu saya belum ada yg berani kasih warranty lebih dari 5 thn..
Ada beberapa resep dalam memilih laptop yang mungkin bisa dijadikan acuan : (siapa tau berguna)

1. Pilih Laptop yang waktu warranty paling lama dan sesuaikan dengan budget anda.

2. Pilih yg paling ergonomis

3. Pilih Specification Laptop paling tinggi dgn harga paling ok.

4. Pilihan kecil, standard dan berat tergantung selera masing2.

5. Pilih yang tempat service nya banyak bukan berarti banyak tempat service berarti banyak yang rusak tapi justru mereka ready untuk melayani anda dan memudahkan anda untuk repair dan konsultasi segala problem anda mengingat laptop adalah benda mobile yang sering setia menemani anda kemana2 di pekerjaan anda apalagi jika anda sering keluar kota ataupun ke luar negeri sehingga segala masalah tidak menggangu pekerjaan anda.

Tentunya semua keputusan pun harus dilihat dari kebutuhan anda sendiri dengan maksud jika anda memiliki budget besar silakan mengambil specification paling tinggi . Tapi jika anda mementingkan dari segi ekonomis bisa mengambil laptop harga rendah sekalipun didalamnya belum terdapat Wireless namun bukan masalah karena bisa ditambahkan USB Wireless secara external.

Untuk ke depannya setiap laptop akan didesain sedemikian rupa dengan module CBB (Common Building Block) dimana semua laptop akan disamakan platformnya sehingga memungkinkan kita untuk merakit laptop sendiri sesuai variasi yang ada (seperti rakitan PC). Dan katanya pun laptop module CBB tsb akan mudah sekali diupgrade spt PC.

Baca juga :

Posted December 3, 2009 by admin in Notebook

Memasang image atau gambar disamping Judul Posting blogger   4 comments

Kita pernah mengenal favicon yaitu gambar kita yang berukuran kecil tampil di browser. Sekarang kita bahas hal yang mirip favicon tapi icon atau gambar kita tadi akan tampil di sisi kiri judul postingan kita. Jadi setiap judul postingan kita akan diawali gambar kita, sebaiknya gambarnya berukuran kecil ( 25 x 25 ) atau kurang, biar tampilannya tidak merusak keindahan blog kita.

Sebelum memulainya kita harus mempunyai gambar kita dulu, resize ukurannya menjadi kecil ( terserah anda ) setelah itu upload di TinyPic atau PhotoBucket, dan kita akan dapat link urlnya.

Cara membuatnya ada dua cara, yaitu :

Cara pertama :

1. Setelah login, Pilih tata letak dan klik edit html dan expand template widget.
2. Cari kode berikut di template,

<a expr:href=’data:post.url’><data:post.title/></a>

3. Setelah ketemu ganti kode diatas dengan kode dibawah ini :

<a expr:href=’data:post.url’>
<img src=’alamat URL gambar anda’ style=’border: 0; margin: 0; padding: 0;’/>
<data:post.title/></a>

4. Pratinjau template anda dan jika sudah terlihat gambar di samping judul post klik simpan.

Cara kedua :

Masih di edit html cari kode berikut :

.post h3 {

Setelah ketemu, ganti dengan kode berikut,

background:url(alamat URL gambar anda) no-repeat;
margin: 0px 0px 12px 0px;
padding: 0 0 4px 27px;

Baca juga :

Posted December 3, 2009 by admin in Ngeblog dengan Blogger

Membuat Blog Pada Blogger   2 comments

Bagaimana caranya membuat blog gratis dengan blogger? Sedikit info dibawah mungkin bisa memberi manfaat pada pembaca tentang cara mengawali ngeblog di blogger.

Langkah pertama kamu wajib memiliki keanggotaan di Google, langkah membuat keanggotaan di Google tidak akan saya jelaskan disini. Cara membuat blog pada Blogger adalah sangat mudah, silakan buka Blogger di alamat http://www.blogger.com.

Mengapa Blogger?

Alasan saya merekomendasikan Blogger adalah sebagai berikut:

  1. Gratis, semua orang suka dengan yang berbau tidak berbayar alias tidak mengeluarkan sepeser-pun uang.
  2. On The Fly, blog yang kamu bikin langsung akan jadi sesaat setelah kamu membuatnya tanpa menunggu lama.
  3. Mendukung Bahasa Indonesia, sangat tepat bagi kita yang kurang menguasasi Bahasa Inggris.
  4. Cepat dan Mudah, hanya dengan 3 langkah blog kamu sudah dapat langsung online di jagad Internet.
  5. Banyak Tema, Blogger memiliki banyak sekali desain blog yang bisa langsung kamu gunakan sesuai dengan keinginan kamu.
  6. Kaya Fitur, Blogger sangat kaya fasilitas pendukung aktivitas ngeBlog sepeti buku tamu, statistik pengunjung bahkan sesuai dengan tujuan kita adalah untuk mendayagunakan blog menjadi sumber penghasilan online.

Saran saya adalah langsung memasukkan E-Mail dan Password kamu pada bagian Form Login. Pada langkah ini kamu wajib telah memiliki keanggotaan di Google. Jika kamu ingin menggunakan e-mail lain silakan masukkan pada bagian yang diminta.

Sebuah account Google akan dapat digunakan diberbagai produk dan layanan Google lainnya seperti GMail, Google Talk, Google Earth, Google AdSense, Google AdWords, Google Webmaster Tools, Google Analytics, Picasa, Orkut dan masih banyak lainnya.

Beberapa hal penting yang perlu diperhatikan adalah gunakan penamaan yang tepat yang mempresentasikan diri kamu secara benar. Jangan pernah membuat account Google dengan informasi palsu, samaran ataupun fiktif. Isilah form secara benar dan tidak perlu khawatir bahwa Google akan menyebarkan informasi pribadi kamu ke khalayak ramai, Google berjanji tidak akan berbagi informasi mengenai diri kamu kepada orang lain yang tidak berhak mengetahuinya.

Sebuah account Google dapat digunakan untuk membuat banyak blog, dengan kata lain cukup satu account pada Google dengan banyak halaman blog yang memiliki alamat penamaan berbeda.

Jika kamu sudah Login, lanjutkan dengan klik Ciptakan Sebuah Blog dan berikanlah nama untuk blog kamu. Pada bagian ini adalah yang sangat penting, jangan memilih nama yang asal, pilihlah penamaan yang mewakili dari isi blog kamu. Misalnya kamu mau ngeBlog mengenai pariwisata Indonesia, pilihlah nama dengan bijak. Jangan gunakan penamaan yang jauh dari apa isi blog kamu sebenarnya.

Hal Penting Penamaan

Jika kamu serius ingin ngeBlog tentang sesuatu yang berorientasi pada uang saran saya jangan gunakan nama kamu sebagai penamaan. Gunakanlah sebuah objek isi blog kamu. Dengan demikian kamu akan lebih mudah dikenali oleh pembaca bahwa blog kamu berisikan tentang sesuatu yang unik atau khusus. Alasan lain adalah dikarenakan kamu menggunakan sebuah layanan blog gratis yang telah memiliki penamaan yang dominan yaitu Blogger, dimana sudah digunakan oleh banyak orang untuk media blog. Alamat penamaan kamu akan menjadi sebuah subdomain dari domain utamanya yaitu blogspot.com.

Dalam contoh saya akan ciptakan sebuah blog yang berhubungan dengan hobi fotografi. Saya memasukkan “Hobi Fotografi” sebagai judul blog dan “fotografi” sebagai alamatnya. Oppss, ternyata alamat “fotografi.blogspot.com” telah digunakan orang lain. Jangan memaksa! kamu tidak dapat menggunakan alamat tersebut, lihatlah di bagian bawah Blogger merekomendasikan penamaan blog kamu. Saya memilih “hobifotografi.blogspot.com”.

Desain Blog

Selanjutnya adalah menentukan desain blog kamu inginnya seperti apa. Blogger telah membuat beberapa template atau tema yang bisa langsung dipilih. Belum cocok dengan pilihan yang ada? silakan pilih terlebih dahulu sebuah template, nantinya kita dapat mengubahnya.

Wow… selamat! kamu sudah memiliki sebuah blog dengan judul Hobi Fotografi beralamat di http://hobifotografi.blogspot.com. Mulailah NgeBlog saat ini juga, jika belum siap silakan kumpulkan terlebih dahulu bahan-bahan seperti foto, referensi tulisan, video dan lain sebagainya. Kapanpun kamu siap mulailah mengakses blog kamu pada alamat tersebut dengan cara menyimpannya menggunakan fasilitas Bookmark/Favorit pada Browser kesayangan kamu.

Pada tulisan lain saya akan menjelaskan lebih lanjut bagaimana cara mengatur beberapa hal yang penting untuk melengkapi tampilan blog kamu agar sesuai dengan keinginan.

Baca juga :

Posted December 3, 2009 by admin in Ngeblog dengan Blogger

4Shared   1 comment

 

4shared adalah salah satu dari banyak program file sharing storage berbayar online. Kapasitas untuk menyimpan data online per member (standart) adalah 5 GB dan 100GB untuk Premium. Pendaftaran Gratis!!

Segera hasilkan uang dengan 4shared
Anda diundang untuk menjadi mitra www.4shared.com – salah satu layanan penyimpanan file online yang paling populer. Anda dapat menjadi anggota resmi program afiliasi 4shared dan segera hasilkan uang dengan menawarkan produk kami kepada pengunjung Anda. Sebenarnya, bergabung dalam Program Afiliasi ini dapat dilakukan dengan cepat dan mudah – Anda hanya membutuhkan akun Paypal. Anda akan mendapatkan bagian 20% untuk setiap pembelian yang dilakukan dari tempat Anda. Misalnya, katakanlah Anda dapat menjual 10 langganan Premium tahunan masing-masing seharga $77,95, maka Anda akan mendapatkan $155,90. Ini merupakan kesempatan baik untuk mendapatkan uang tambahan dari konten online Anda.

Bagaimana cara kerjanya?
Periksa tab ‘Afiliasi‘ pada penataan akun Anda untuk mendapatkan kode afiliasi (link khusus ke produk 4shared), yang harus Anda sebarkan dengan menyisipkan ke halaman web, blog atau forum Anda agar pengunjung Anda membeli layanan kami. Untuk setiap keberhasilan pembelian, yang dilakukan melalui kode Anda, Anda akan mendapatkan 20% dari pemasukan ke saldo Anda. Jika saldo tersebut melebihi $50 di akhir bulan, Anda akan menerima pembayaran ke akun PayPal Anda dalam waktu 15 hari. Jika pendapatan Anda kurang dari $50, maka Anda akan diikutsertakan dalam daftar pembayaran berikutnya jika Anda mencapai batas pembayaran minimum tersebut.

Pembayaran berulang (perpanjangan)
Sebenarnya, pembelian langsung bukan satu-satunya cara. Beberapa jenis langganan memungkinkan 
 pembayaran perpanjangan dilakukan secara otomatis ketika mendekati tanggal terakhir – misalnya, 
 langganan bulanan yang secara otomatis diperbarui setiap bulan. Jika pembelian pertama dilakukan lewat 
 kode afiliasi Anda, maka Anda akan mendapatkan 20% dari setiap biaya perpanjangan.

Para Reseller 4shared
4shared mempunyai reseller resmi di berbagai negara, sehingga layanan kami tidak saja dapat dibeli secara langsung, tetapi juga melalui reseller setempat. Jika Anda tidak dapat menggunakan pembayaran secara online yang tersedia di situs web kami, Anda dapat membeli produk 4shared dari salah satu reseller kami di negara Anda. Untuk lebih jelasnya daftar segera ke 4shared

Join 4Shared Now!

 Baca juga :

Posted December 3, 2009 by admin in Uncategorized

Paid 2 you tube   1 comment

Paid2YouTube.com
Pada Paid2YouTube, Anda dibayar untuk melihat video-video YouTube.
Caranya sangat mudah! Anda cukup klik video dan melihat video yang ditampilkan lalu dapat uang. Anda bisa dapatkan penghasilan lebih dengan mengajak teman-teman. Anda akan dibayar $ 0.01 untuk setiap video yang Anda lihat dan memberikan komentar tentang video yang anda lihat akan mendapat $ 0,10 dan $ 0,35 untuk setiap referral Anda. Anda juga akan dibayar $ 0,005 untuk setiap video yang dilihat referral Anda, $ 0.01 untuk setiap komentar dari referral referral Anda , dan $ 0,10 untuk setiap berlangganan referral Anda buat. Permintaan pembayaran dapat dilakukan setiap hari dan diproses melalui PayPal. Pembayaran minimum adalah $ 10.00.

Contoh Penghasilan
»Anda melihat 10 video per hari = $ 0,10
»20 referrals melihat 10 video per hari = $ 1,00
»Hasil setiap hari = $ 1,10
»Hasil setiap minggu = $ 7,70
»Hasil setiap bulan = $ 31,00

Contoh di atas hanya berdasarkan pada 20 referral dan 10 video yang dilihat setiap hari. Beberapa hari Anda akan memiliki lebih banyak video yang tersedia, beberapa hari Anda akan memiliki lebih sedikit. Bagaimana jika Anda memiliki lebih banyak referral? Bagaimana jika ada lebih banyak video yang tersedia?

Daftar sekarang dan menerima bonus $ 0,05 ,biaya pendaftaran gratis!! (Bukti pembayaran ada pada menu payment proof pada web paid2youtube .com)

Baca juga :

Posted December 3, 2009 by admin in Uncategorized