Thursday, December 23, 2010

Cara Membuat Ebook dengan format PDF

Bagi Anda penggemar dunia komputer dan internet, pasti tahu apa yang dimaksud dengan Ebook. Dan pasti sering juga dijumpai banyak sekali Ebook yang dijual di internet. Tapi pernahkah Anda berpikir tentang bagaimana cara membuat Ebook seperti itu ?

Sebenarnya cara membuatnya sangat mudah sekali, apalagi bila menggunakan format PDF. Saya akan memberi info tentang bagaimana cara membuat ebook dengan mudah dalam format file PDF. Tapi tolong diingat, apabila nanti anda sudah bisa membuat ebook sendiri, jangan sekali-kali menjual ebook yang berisi sampah dan menipu serta mengiming-imingkan kekayaan dengan cara cepat kepada pengunjung blog atau website anda.

Yang pertama harus anda lakukan adalah mempersiapkan materi apa yang akan anda jadikan isi dari ebook tersebut dengan mengetikkannya di MS Word. Jangan lupa pada page pertama anda buat cover ebooknya.

Setelah itu simpanlah file Anda, dan segera menuju ke Link ini, dan akan muncul tampilan seperti dibawah ini :


Uploadlah file document anda, lalu klik "Browse" lalu klik "Convert document"
Selesailah sudah. Mudah sekali bukan ?

Semoga informasi diatas bermanfaat bagi Anda semua.

Terimakasih.

Apa yang dimaksud dengan E-book ?

Apakah yang dimaksud dengan Ebook ?
Menurut wikipedia, E-book berasal dari singkatan electronic book, atau E-book, dikenal juga sebagai buku digital, merupakan e- teks yang berbentuk media digital dan kadang dilindungi dengan hak cipta digital. E-book bisa berbentuk file pdf, word, html, text dll. 

Tetapi yang lebih dikenal, biasanya E-book berbentuk file pdf yang dapat dibaca dengan program seperti acrobat reader yang dapat di download sebelumnya secara gratis.

Dengan hadirnya E-book ini, maka para pembaca dimudahkan untuk tidak menyimpan buku-buku favoritnya dalam bentuk fisik (buku konvensional) dan juga memudahkan bagi para penulis dalam menyebarkan tulisan-tulisannya, karena melalui E-book ini seseorang tidak perlu datang ke penerbit hanya sekedar menginginkan tulisannya dapat diterbitkan. Apabila seorang penulis ingin menjual atau mempublikasikan tulisan-nya dengan adanya e-book ini merupakan salah satu jalan pintasnya dan ini berlaku juga bagi para pembaca atau pencari ilmu di internet.

Bentuk file e-book yang  paling popular biasanya dibuat dalam bentuk .pdf dimana pembuatannya menggunakan program seperti  Pdf955 , PrimoPDF, PDFCreator , CutePDF Writer, OpenOffice dll, yang mana yang lebih user friendly ? itu tergantung pada Anda sendiri tentunya dengan memperhitungkan kebutuhan fitur-fitur yang akan digunakan. Kelebihan file .pdf ini menurut saya pribadi ukurannya filenya kecil bahkan dapat dioptimasikan untuk image-image yang di-embed di dalamnya, nyaman dibaca/diprint, dan yang paling penting ada fasilitas setting menggunakan kode sandi baik dalam pembacaan, editing, ataupun untuk dicetak.

Semoga informasi diatas bermanfaat bagi Anda semua.
Terimakasih.

Saturday, December 4, 2010

Cara Membagi Postingan menjadi 2 Kolom

Postingan yang unik dan menarik merupakan salah satu daya tarik yang bisa dilakukan oleh para pemilik blog, dengan harapan agar pengunjung  yang datang, bisa terus datang dan kembali mengunjungi website/blog yang sudah pernah dikunjunginya.

Banyak cara yang bisa dipergunakan, selain dari bukan hanya terkait dari isi postingan saja, tetapi dari penampilan postingan tersebut. Nah kali ini Saya akan sharing 1 cara yang bisa dilakukan yaitu dengan Cara Membagi Postingan di blog menjadi 2 Kolom.

Mengapa Saya bisa katakan bahwa postingan yang dibuat menjadi 2 kolom adalah menarik atau unik ? Anda bisa melihat contohnya seperti dibawah ini :
Postingan yang unik dan menarik merupakan salah satu daya tarik yang bisa dilakukan oleh para pemilik blog, dengan harapan agar pengunjung  yang datang, bisa terus datang dan kembali mengunjungi website/blog yang sudah pernah dikunjunginya. Banyak cara yang bisa dipergunakan, selain dari bukan hanya terkait dari isi postingan saja, tetapi dari penampilan postingan tersebut. Nah kali ini Saya akan sharing 1 cara yang bisa dilakukan yaitu dengan Cara Membagi Postingan di blog menjadi 2 Kolom.
Bagaimana dengan postingan seperti yang Saya buat diatas ?



Apakah cukup menarik minat Anda ? Jika ya, saya akan memberikan beberapa trik "Cara Membagi Postingan Menjadi 2 Kolom", disaat Anda membuat sebuah postingan, maka usahakan untuk menulis lewat Edit HTML, dan bukan dari Compose, lalu masukanlah kode di bawah ini :

<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="250"> artikel di posisi kiri</td><td align="justify" valign="top" width="250"> artikel di posisi kanan</td> </tr>
</tbody></table>

Untuk lebih memperjelas, silahkan ikuti contoh berikut dibawah ini :

<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="300">Postingan yang unik dan menarik merupakan salah satu daya tarik yang bisa dilakukan oleh para pemilik blog, dengan harapan agar pengunjung  yang datang, bisa terus datang dan kembali mengunjungi website/blog yang sudah pernah dikunjunginya.</td><td align="justify" valign="top" width="300"> Banyak cara yang bisa dipergunakan, selain dari bukan hanya terkait dari isi postingan saja, tetapi dari penampilan postingan tersebut. Nah kali ini Saya akan sharing 1 cara yang bisa dilakukan yaitu dengan Cara Membagi Postingan di blog menjadi 2 Kolom.</td> </tr>
</tbody></table>

Keterangan :
  • Cellpadding : jarak antara tepi kolom dengan tulisan;
  • Cellspacing : jarak antara dua kolom;
  • Width : lebar masing-masing kolom;
  • Align adalah perataan teks (justify untuk rata kanan kiri, left untuk rata kiri, right untuk rata kanan dan center untuk rata tengah);
  • Valign adalah perataan verikal (top untuk rata atas, bottom untuk rata bawah dan middle untuk rata tengah);
Anda bisa merubah dan mengatur setting diatas sesuai dengan keinginan dan selera Anda.

Semoga informasi diatas bermanfaat bagi Anda semua.

Terimakasih. 

Friday, May 28, 2010

Cara Membuat Button dalam Blogspot

Mungkin sebagian dari Anda para pengunjung atau rekan Blogger, tahu yang dimaksud dengan "Button" ?

Sebuah visualisasi tombol yang muncul dalam layar monitor Anda, dan apabila di klik, maka akan terjadi proses yang sudah kita rumuskan berbentuk kode HTML dan dia akan melakukan sesuatu seperti yang kita perintahkan.

Dan kali ini, Saya akan  memberikan informasi mengenai Cara Membuat Button dalam Blog atau Website kita. 

Untuk kode HTML yang Saya maksudkan tadi, tulislah kode ini :

<button type="button">Ketik teks Anda di sini</button>

Maka, hasilnya akan seperti dibawah ini :


Ada beberapa kode lainnya juga agar Button yang kita buat bisa lebih menarik, seperti contoh dibawah ini :





dan untuk menghasilkan tombol button seperti diatas, Anda bisa membuat kode HTML seperti dibawah ini :

<button type="button" style="background:#000000; color:#FFFFFF; font:bold 20px Verdana, Geneva, sans-serif; margin:5px 0 5px 0; padding: 0 10px 0 10px;">Klik Disini !</button>

Keterangan :
  • background : warna latar button.
  • color : warna tulisan/text.
  • padding : Jarak tepi button dengan teks di dalamnya, 0 10px 0 10px artinya padding atas bernilai atau = 0; kanan = 10px; bawah = 0; kiri = 10px.
  • margin : jarak button dengan tepi bidang gambar ke luar, 5px 0 5px 0 artinya margin atas = 5px; kanan = 0; bawah = 5px; kiri = 0.
  • font : huruf teks.
Dan masih banyak Kode HTML lainnya yang bisa Anda tambahkan untuk lebih memperindah Button yang ingin dibuat.

Mungkin Anda memerlukan lebih dari satu button untuk mengisi blog Anda, dan apabila isi dari button yang ingin ditambahkan, sama dengan button yang sudah ada, tentunya Anda akan berulangkali menuliskan kode yang sama. Dan tentunya dengan penulisan Kode HTML yang berulang-ulang, itu menyebabkan pekerjaan kita jadi kurang efisien bukan ?

Oleh sebab itu, kita harus mengatur kode html tersebut bisa mencakup keseluruhan button yang akan dibuat dengan menggunakan CSS, dimana kumpulan elemen dari HTML, dijadikan dalam bentuk CSS seperti kode dibawah ini : 

#buttonku {
background:#000000;
color:#FFFFFF;
font:bold 20px Verdana, Geneva, sans-serif;
margin:5px 0 5px 0;
padding: 0 10px 0 10px; }

Dan kode CSS biasanya berada diantara kode :

<b:skin><![CDATA[ ... ]]></b:skin>

Selanjutnya tinggal mengatur HTML-nya seperti ini :

<button id="buttonku" type="button">Tekan Disini !</button>
<button id="buttonku" type="button">Klik Disini !</button>
<button id="buttonku" type="button">Klik Sekali lagi !</button>



Hasilnya akan nampak seperti dibawah ini :





Bila Anda ingin menyisipkan sebuah link dalam button tersebut, maka tuliskanlah Kode HTML link seperti dibawah ini :

<a href="...alamat yang dituju..." target="blank"><button type="button">Tulis teks kamu di sini</button></a>

Keterangan :
target="blank" dapat diartikan, link akan diarahkan ke tab baru.

Contoh button yang menggunakan link :

<a href="http://www.tentang-komputer-internet.co.cc/"><button type="button">Tentang Komputer Internet</button></a>
<a href="http://dreamlandhost.com/" target="blank"><button type="button">Hosting Murah Berkualitas</button></a>

Hasilnya :




Oke, sampai disini pembahasan mengenai cara membuat button dalam blogspot kita, semoga bermanfaat, dan trik ini sebenarnya dapat Anda kembangkan lebih jauh, sehingga tampilannya sesuai dengan yang Anda inginkan.

Selamat mencoba dan,

Terimakasih.

Tuesday, May 18, 2010

Cara Menambah Kolom Iklan Header ADS di Template Blogspot

Bagi Anda yang ingin memonetize website atau blognya, tidak salah bila mencoba program iklan yang bisa ditampilkan di blognya. Sebenarnya trik ini pernah di bahas dalam artikel Saya yang terdahulu yaitu Cara Menambah Kolom Iklan SIDEBAR ADS di Template Blogspot, cuma trik tersebut hanya menampilkan iklan di kolom sidebar saja. Nah kali ini, Saya ingin memberikan trik dengan Menambah Kolom Iklan di Header Ads website atau blog Anda.

Jumlah Kolom Iklan yang akan dibahas kali ini adalah 7 Kolom iklan dengan ukuran 125x125 dibawah header website atau blog Anda.

Untuk membuatnya, ikuti langkah - langkah dibawah ini :

1. Login ke blogspot, lalu masuklah ke halaman Layout atau Tata letak blog Anda dan klik Edit HTML ( jangan lupa untuk backup template terlebih dahulu ).

2. Lalu Anda copy kode dibawah ini :



<div id='sidebar-ads'>
<div class='ads-sidebar'>
<center><ul>
<li><a href='mailto:emailanda@gmail.com' target='_blank'><img border='0' height='125' 
src='http://kwangkxz.com/images/banneriklan.png' width='125'/></a></li>
<li><a href='mailto:emailanda@gmail.com' target='_blank'><img border='0' height='125' src='http://kwangkxz.com/images/banneriklan.png' width='125'/></a></li>
<li><a href='mailto:emailanda@gmail.com' target='_blank'><img border='0' height='125' src='http://kwangkxz.com/images/banneriklan.png' width='125'/></a></li>
<li><a href='mailto:emailanda@gmail.com' target='_blank'><img border='0' height='125' src='http://kwangkxz.com/images/banneriklan.png' width='125'/></a></li>
<li><a href='mailto:emailanda@gmail.com' target='_blank'><img border='0' height='125' src='http://kwangkxz.com/images/banneriklan.png' width='125'/></a></li>
<li><a href='mailto:emailanda@gmail.com' target='_blank'><img border='0' height='125' src='http://kwangkxz.com/images/banneriklan.png' width='125'/></a></li>
<li><a href='mailto:emailanda@gmail.com' target='_blank'><img border='0' height='125' src='http://kwangkxz.com/images/banneriklan.png' width='125'/></a></li>
</ul></center>
</div>
</div>

3. Kemudian kode tersebut paste diatas <div id='main-wrapper'> atau <div id='main-wrap1'><div id='main-wrap2'> kalau template Anda adalah 3 kolom, itu pasti berada diantara id=main dan sidebar, maka yang harus Anda lakukan adalah paste di atas kode  <div id='side-wrapper1'> jadi pada intinya, iklan tersebut akan berada di bawah header blog atau website Anda, dan ini tergantung pada template yang Anda gunakan karena masing-masing template berbeda kode Html nya.

4. Langkah selanjutnya, Anda copy kode dibawah ini :


#sidebar-ads {
width:970px;
margin-bottom:5px;
float:right;
background:#fff;
padding:10px;
}
.ads-sidebar{float:left; margin:0pt; padding:0pt}

#sidebar-ads ul li ul{list-style-type:square; margin-left:1.5em; padding:0; border:0}
#sidebar-ads ul li ul li{border:0}
#sidebar-ads .ads-sidebar ul{background:transparent none repeat scroll 0% 50%; border:1px solid transparent; float:left; margin:0pt; padding:10px 0pt 10px 2px; width:970px}
#sidebar-ads .ads-sidebar ul li{display:inline; list-style-type:none; margin:0pt; padding:0pt}
#sidebar-ads .ads-sidebar ul li a:hover{border-bottom:none; list-style-type:none}

.ads-sidebar ul{margin:0px; padding:0px}
.ads-sidebar ul li a{float:left}
.ads-sidebar img{margin:0px 0px 5px 5px; border:1px solid #CCC; padding:2px}
.ads-sidebar img:hover{border:1px solid #999}

Untuk lebar Width, itu tergantung template masing-masing, kebetulan untuk template yang Saya gunakan dengan width 970px  ( Anda tinggal merubah sesuai dengan lebar template yang digunakan ), demikian juga dengan margin dan padding.

5. Lalu paste kode tadi di atas ]]></b:skin>

6. Klik SAVE atau Simpan, dan lihat hasilnya


Oke sampai disini dulu pembahasan mengenai Kolom Iklan di website atau blog kita, semoga bermanfaat, dan Selamat mencoba.

Terimakasih.

Cara Menambah Kolom Iklan SIDEBAR ADS di Template Blogspot

Bagi Anda para blogger yang sudah tau cara menambahkan kolom Iklan ditemplate blogspot tentu tidak asing lagi dengan trik yang satu ini. Dengan bermodalkan tehnik coding kode HTML, Saya mencoba diterapkan di blog ini, dan ternyata berhasil. Selanjutnya Saya langsung share didalam artikel ini, karena trik ini cukup berguna bagi Anda yang ingin memonetize website atau blognya, yaitu menjadi Publisher dari Iklan-iklan yang akan dipasang.

Dengan adanya iklan ini, maka setiap pengunjung yang datang, tentunya merasa penasaran dengan banner iklan yang sudah di buat semenarik mungkin, dan melakukan klik disana, dan bila mereka berminat, maka akan terjadi sebuah transaksi online.
Sebagai tambahan, bila rekan-rekan blogger memiliki website atau blog yang sudah memiliki traffic yang cukup tinggi, ini bisa dijadikan tambahan penghasilan tentunya, karena dengan banyaknya kunjungan, maka kemungkinan mereka melakukan klik terhadap iklan yang ada, itu semakin besar.

Untuk banner yang nantinya akan tampil di website atau blog kita, adalah seperti gambar dibawah ini :





Dan langkah-langkah yang harus Anda lakukan untuk membuat kolom iklan tersebut adalah sebagai berikut :

1. Login ke blogspot, lalu masuk ke halaman Layout/Tata letak blog Anda dan klik Edit Html ( jangan lupa untuk selalu melakukan backup sebelum merubah Kode HTML untuk berjaga-jaga)

2. Lalu copy kode dibawah ini

<div id='sidebar-ads'>
<div class='ads-sidebar'>
<center><ul>
<li><a href='mailto:emailanda@gmail.com' target='_blank'><img border='0' height='125' src='http://kwangkxz.com/images/banneriklan.png' width='125'/></a></li>
<li><a href='mailto:emailanda@gmail.com' target='_blank'><img border='0' height='125' src='http://kwangkxz.com/images/banneriklan.png' width='125'/></a></li>
</ul></center>
</div>
</div>
 
3. Kemudian paste di atas <div id='sidebar-wrapper'>


4. Lalu copy juga kode dibawah ini :


#sidebar-ads {
width:300px;
margin-bottom:10px;
float:right;
background:#fff;
padding:10px;
}
.ads-sidebar{float:left; margin:0pt; padding:0pt}
#sidebar-ads ul li ul{list-style-type:square; margin-left:1.5em; padding:0; border:0}
#sidebar-ads ul li ul li{border:0}
#sidebar-ads .ads-sidebar ul{background:transparent none repeat scroll 0% 50%; border:1px solid transparent; float:left; margin:0pt; padding:10px 0pt 10px 2px; width:300px}
#sidebar-ads .ads-sidebar ul li{display:inline; list-style-type:none; margin:0pt; padding:0pt}
#sidebar-ads .ads-sidebar ul li a:hover{border-bottom:none; list-style-type:none}
.ads-sidebar ul{margin:0px; padding:0px}
.ads-sidebar ul li a{float:left}
.ads-sidebar img{margin:0px 0px 5px 8px; border:1px solid #CCC; padding:2px}
.ads-sidebar img:hover{border:1px solid #999}


5. Dan paste lagi di atas ]]></b:skin>

6. Klik SAVE


Semoga informasi yang Saya berikan ini bermanfaat bagi Anda semua.
Selamat mencoba dan Terimakasih.

Thursday, May 13, 2010

Cara Membuat Daftar Isi atau Sitemap

Berikut ini, Saya ingin memberikan informasi mengenai Cara Membuat Daftar Isi atau Sitemap yang akan disimpan di blog atau website kita agar para pengunjung bisa lebih mudah dalam mencari konten atau daftar artikel yang sudah dibuat.
Sebenarnya banyak sekali trik yang bisa dilakukan untuk menampilkan sitemap atau daftar isi seperti ini, dan Saya ingin membagikan 1 cara yang bisa dilakukan, dan cara ini sudah Saya terapkan di blog atau website ini, dan Anda bisa melihatnya di menu header.

Cara membuat sitemap atau daftar isi blogger sungguh sangat mudah. Ikuti langkah-langkah saya dibawah ini:

1. Sign in di blogger dengan ID anda
2. Bila sudah berada di halaman dashboard, klik Layout.
3. Klik tab Edit HTML
4. Klik link bertuliskan Download Template Lengkap. Silahkan di save dulu untuk backup (penting).
5. Ceklis "Expand Widget Template".
6. Lihat ke bagian body template, lalu carilah kode tag seperti ini :  

&lt;b:include data='post' name='post'/>


7. Delete semua ganti (replace) dengan kode dibawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
     <b:if cond='data:blog.pageType != "item"'>
         <a expr:href='data:post.url'>
   <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
         <data:post.title/></div></a>
     <b:else/>
         <b:include data='post' name='post'/>
     </b:if>
 <b:else/>
     <b:include data='post' name='post'/>
 </b:if>

8. Lalu Simpan Template.
9. Langkah terakhir cantumkan link sitemap Anda, lihat contoh di bawah ini :

<a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi&raquo;</a>  

10. Selesai, jika Anda mengikuti langkah-langkah diatas, maka Anda pasti akan berhasil membuat sitemap di blogger Anda.
nb : untuk point no. 9, bisa anda ubah sesuai keinginan ada jadi kode modifikasinya bisa disesuaikan dengan selera anda.

Selamat mencoba, dan semoga informasi diatas bermanfaat bagi Anda semua.

Terimakasih.