Sunday, July 28, 2013

Upload file ke blog

Langkah 1 : upload file ke google docs.
  1. Silahkan login ke http://docs.google.com dengan account gmail anda.
  2. Klik tab Upload yang berada di sebelah kiri atas layar monitor anda.
  3. Klik tombol browse… di bawah tulisan Browse your computer to select a file to upload:
  4. Masukan file yang ingin anda upload (word, excel, power point).
  5. Klik tombol Upload File yang ada di sebelah bawahnya.
  6. Tunggu beberapa saat sampai file anda terupload semuanya (tergantung dari besarnya file           serta kecepatan koneksi anda).
  7. Jika sudah ter_upload, anda bisa mengeditnya jika mau.
  8. Klik tab publish yang ada di sebelah kanan atas layar monitor anda, maka akan keluar tulisan “Thisdocument is not yet published”.
  9. Klik tombol publish now yang ada di bawahnya.
  10. Jika sudah selesai, lihat kembali ke bagian bawahnya!
  11. Klik link bertuliskan More publishing options.
  12. Setelah keluar window pop up, klik menu drop down di sebelah tulisan File format kemudian pilihHTML to embed a webpage.
  13. Klik tombol Generate URL.
  14. Copy kode HTMl yang di berikan, lalu paste pada notepad atau text editor lainnya.
  15. Silahkan di close saja window nya.
  16. Silahkan anda sign out dari google docs jika mau.
  17. Selesai.

Langkah 2 : posting kode google docs ke blogger.
  1. Silahkan login ke blog dengan ID anda.
  2. Klik Posting Baru.
  3. Silahkan anda buat postingan yang anda inginkan.
  4. Ketika anda mau menyisipkan kode yang dari google docs, klik terlebih dahulu tab Edit HTML ( jangan yang compose)
  5. Paste kode google docs yang ada di notepad tadi pada tempat yang anda inginkan.
  6. Klik Tombol MEMPUBLIKASIKAN POSTING.
  7. Silahkan lihat hasilnya.
  8. Selesai.

 Cara lain ,   caranya:

  1. log on ke www.scribd.com.... kalo disuruh login, login aja dulu
  2. setelah beres login, upload deh file yang mau di masukkan dalam postingan blog,,bisa berupa doc, xls, atau ppt.
  3. Setelah proses upload beres, cari tombol "embedd" (adanya di bagian kanan agak ke bawah), klik, muncul 2 pilihan link HTML. jangan klik yang atas, tapi yang kedua. klik bagian "COPY" lalu PASTE dech di postingan blog kamu... beres deh....

selain lebih praktis, tampilan "tabel" (dlm excel) lebih terlihat ketimbang dengan menggunakan google docs. dapat di download, di print and di share juga.

SELAMAT MENCOBA..... MARI KITA BERBAGI PENGETAHUAN..


Sumber : http://masdiqk-zone79.blogspot.com/2012/10/cara-memasukan-file-exel-word-powerpoint-ke-dalam-blog.html#ixzz2aOYrbJVJ

Monday, July 8, 2013

Cara Membuat Read More Otomatis di Blog

Tips Memasang Readmore Blog - Blogger template umumnya tidak semua disertai ‘read more’, tergantung penyesuaian gaya dari sang desainernya. Tanpa ‘read more’ sering ditemui pada template default yang telah  disediakan oleh Blogger. Permasalahannya ketika berada di halaman utama muncul tulisan artikel secara vertikal memanjang sehingga cukup memberatkan loading blog.


Membuat read more pada blog solusi jitu meringankan proses, blog tertata rapi dan terlihat modis. Menu entri Blogger sebenarnya telah menyediakan aplikasi read more yang dapat dilakukan secara manual, yaitu menambahkan kode <!--more--> dibagian editor HTML.

Ada cara otomatis ‘gak ribet’ membuat read more di blog. Demi memudahkan sobat dalam ‘ngeblog’, langsung saja ikuti langkah-langkah cara memasang read more otomatis pada blog di bawah ini:
1. Silahkan login ke akun Blogger,
2. Setelah berada di halaman Dashboard, beralih ke Template,
3. Klik tombol Edit HTML,
4. Sembarang klik di kotak editor, tekan Ctrl + F cari kode </head>,
5. Copykan kode berikut di atasnya,
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 440; summary_img = 350; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
    Sobat dapat mengatur panjang dan lebar readmore dengan mengubah angka berwarna biru,
    berikut keterangannya:
    - summary_noimg = 440: tinggi potongan artikel tanpa gambar. 
    - summary_img = 350: tinggi potongan artikel dengan gambar.
    - img_thumb_height = 100: ukuran tinggi thumbnail.
    - img_thumb_width = 120: ukuran lebar thumbnail.

6. Langkah selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> dengan kode script
    di bawah ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>&#187;&#187;&#160;&#160;Read more...</a></span> </b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
    Untuk mengubah kata ‘read more’, silahkan ganti tulisan yang berwarna merah.

7. Selesai, klik Simpan Template. Jika langkah-langkah di atas sudah benar, sobat sudah bisa
    melihat hasilnya.

Demikian tutorial cara membuat read more pada blog, blogspot, blogger otomatis. Jika ada kendala mengenai ukuran read more, lakukan setelan sampai ukurannya terlihat bagus. Terima kasih atas kunjungannya, happy bloging
- See more at: http://www.walman.org/2013/05/cara-buat-read-more-otomatis-di-blog.html#sthash.R7IIRdYP.dpuf