cara membuat scrool pada archieve

Pernahkah anda melihat sebuah situs yang arsip blognya berjejer sangat panjang ke bawah? Itu adalah pengaturan standar dari blogspot. Di samping memakan ruang sidebar hal itu tentu sedikit mengganggu tampilan blog. Kondisi tersebut sebenarnya bisa diatasi dengan cara membuat scroll, yaitu semacam tombol yang bisa ditarik-tarik ke atas dan ke bawah untuk melihat seluruh arsip blog secara bergantian. Ukuran kotak scroll tersebut bisa diatur sesuai keinginan kita, sehingga tampilannya tidak banyak memakan ruang sidebar. Cara membuatnya adalah:


1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.

2. Kemudian klik pada Edit HTML.

3. Untuk berjaga-jaga jika terjadi kesalahan backuplah terlebih dahulu template anda, dengan cara klik Download Template Lengkap.

4. Jika sudah centanglah kombo Expand Template Widget.

5. Kemudian carilah kode: <div id='ArchiveList'>

6. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.

7. Kemudian perhatikan beberapa baris kode di bawahnya. Lengkapnya akan terlihat seperti di bawah ini.

<div style='overflow:auto; width:ancho; height:100px;'>
<div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div></div>
  <b:include name='quickedit'/>

8. Kode yang berwarna biru adalah kode yang harus ditambahkan untuk membuat scrollnya. Letakkanlah kode tersebut seperti posisi di atas. Khusus yang berwarna merah (100) adalah angka untuk tinggi kotak scrollnya. Anda bisa ganti sesuai dengan ukuran yang paling pas untuk blog anda. Setelah itu klik SIMPAN TEMPLATE dan tunggu hingga proses berlangsung.

9. Sekarang hasilnya sudah bisa anda lihat dengan mengklik Lihat Blog.

10. Sebagai contoh hasilnya akan tampak seperti ini.

Cara Membuat Read More pada Posting

secara default blogger akan menampilkan Secara default Blogger akan menampilkan tulisan kita secara utuh. Bayangkan jika tulisan kita sudah banyak. Semuanya akan tampil secara utuh memenuhi halaman posting. Pembaca terpaksa harus terus menggulung layer sampai ke bawah untuk melihat tulisan satu persatu.  Untuk mengatasinya  bisa  dilakukan dengan membuat ReadMore (Baca selengkapnya), sehingga setiap tulisan hanya ditampilkan sebagian saja sebagai cuplikan. Untuk melihat tulisan utuhnya pembaca tinggal mengklik link Baca selengkapnya…. Nah, cara membuatnya adalah:

1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.

2. Kemudian klik pada Edit HTML.

3. Centang kotak kombo Expand Template Widget
              

4. Kemudian cari kode seperti ini: </head>. Agar mudah mencarinya tekan (Ctrl + F) pada keyboard. Maka akan muncul kotak pencarian (Find) seperti ini:

 

5. Setelah ketemu kode tersebut, tepat di atasnya ketikkan kode berikut:

   <style>
     <b:if cond='data:blog.pageType == "item"'>
      span.fullpost {display:inline;}
     <b:else/>
      span.fullpost {display:none;}
     </b:if>
   </style> 

6. Maka hasilnya akan seperti ini:

7. Kemudian lanjutkan mencari kode: <data:post.body/> (cari lagi dengan kotak pencarian/find).

8. Kemudian ketikkan kode ini di bawahnya:

 <b:if cond='data:blog.pageType != "item"'>
       <a expr:href='data:post.url'> Baca selengkapnya..</a>
       </b:if>

9. Hasilnya akan menjadi seperti ini dan klik SIMPAN TEMPLATE

10. Itu baru satu tahap. Sekarang tinggal setahap lagi, yaitu memotong tulisan yang akan kita selipkan kode untuk Read More-nya. Sekarang  bukalah  halaman posting, lalu klik Edit Entri.

11. Klik Edit pada tulisan yang akan diselipkan Read More-nya  (nanti semuanya bisa anda lakukan secara bergantian). 

12. Sebelumnya meyisipkan kodenya pastikan anda sudah mengklik menu Edit HTML.

13. Sekarang ketikkan kode: <span class="fullpost"> pada bagian tulisan yang ingin dipotong.

14. Terakhir ketikkan kode: </span>  di akhir tulisan (paling bawah) dan Klik TERBITKAN ENTRI. 

15. Jika proses yang dilakukan tidak keliru, seperti biasa akan muncul tulisan Perubahan Anda telah Disimpan. Jika tidak, coba anda ulangi lagi dengan teliti. Ini hanya repot di awalnya. Untuk tulisan yang lain (berikutnya) anda tidak perlu lagi masuk ke halaman edit HTML Tata Letak. Cukup menyisipkan kode pendeknya  pada halaman Edit Entri.
Selamat mencoba dan semoga berhasil!

tips merubah file jpg ke pdf

Tips Merubah file JPG menjadi PDF

Sesuai dengan judulnya, kami akan menyajikan tips bagaimana merubah file JPG ke format PDF. Jika anda pernah membaca artikel di FastNcheap Blog yang berjudul cara cepat convert dokumen ke PDF, anda bisa melakukan tips ini dengan mudah karena caranya hampir sama dengan tips tersebut.

Tips Merubah file JPG menjadi PDF Image

Tanpa basa-basi lagi, kami berikan tips bagaimana cara merubah file JPG (bisa diaplikasikan pada format gambar yang lain seperti PNG, GIF, TIFF, BMP) ke dlam format PDF :

* Pertama, baca, pelajari dan praktekkan artikel bagaimana cara membuat file PDF menggunakan doPDF.
* Setelah langkah pertama selesai, buka folder dimana anda meletakkan file gambar yang akan diconvert ke PDF.
* Klik kanan file tersebut dan pilih Print.
Tips Merubah file JPG menjadi PDF Image
* Lanjukan dengan menekan tombol Next.
* Gunakan doPDF sebagai printer untuk mencetak file hasil print.
Tips Merubah file JPG menjadi PDF Image
* Pilih format layout halaman sesuai dengan keinginan anda.
Tips Merubah file JPG menjadi PDF Image
* Tentukan folder dimana anda ingin menyimpan file PDF hasil convert dari doPDF.
* Terakhir, klik tombol OK.

Sekarang coba anda buka folder di mana anda menyimpan file PDF. File gambar tersebut sudah berubah format menjadi PDF. Anda bisa menggunakan PDF reader favotire anda untuk membukanya.

Selamat mencoba dan teruslah perdalam ilmu dan pengetahauan anda tentang komputer, internet dan teknologi.

Read more: http://blog.fastncheap.com/tips-merubah-file-jpg-menjadi-pdf/#ixzz1JaeHJ7HH