Cara menghilangkan widget di blog

Sekilas Penjelasan mengapa harus ada tutorial tetang cara Cara Menampilkan Atau Menyembunyikan Widget Blog Pada Halaman Tertentu  yaitu karena untuk menjaga Estetika atau keindahan blog yang anda miliki. Seandainya anda memiliki blog yang suka memasang pernak pernik pada halaman blog dan pernak pernik tersebut anda tampilkan pada setiap halaman blog tentu akan terlihat monoton, pastinya juga akan banyak menghabiskan tempat.

Tapi sekarang bagaimana jika widget atau perak pernik tersebut diatur sedemikian rupa sehingga berubah pada setiap halamannya tentu akan menghasilkan keindahan sendiri pada blog anda dan akan menjaga kenyamanan pengunjung untuk terus berada pada blog anda.

Ok langsung saja kita ke inti pembahasan. Dibawah ini ada beberapa kode yang dapat anda gunakan untuk mengatur widget atau pernak pernik blog anda supaya tampil pada halaman tertentu saja.

1. Kede ini hanya akan menampilkan widget pada halaman Home atau halaman utama saja

<b:if cond='data:blog.url == data:blog.homepageUrl'>

Posisi Widget Blog

</b:if>

2. Kede ini hanya akan menampilkan widget selain Homepage atau halaman pertama

<b:if cond='data:blog.url != data:blog.homepageUrl'>

Posisi Widget Blog

</b:if>

3. Kode ini hanya akan menampilkan widget pada Archive Page atau halaman arsip

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

Posisi Widget Blog

</b:if>

4. Kode ini hanya akan menampilkan widget selain halaman Archive Page

<b:if cond='data:blog.pageType != &quot;archive&quot;'>

Posisi Widget Blog

</b:if>

5. Kode ini hanya akan menampikan widget pada halaman postingan saja

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Posisi Widget Blog

</b:if>

6. Kode ini hanya akan menampikan widget selain halaman posting

<b:if cond='data:blog.pageType != &quot;item&quot;'>

Posisi Widget Blog

</b:if>

7. Kode ini hanya akan menampilkan widget pada halaman static page

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

Posisi Widget Blog

</b:if>

8. Kode ini hanya akan menampilkan widget selain halaman static page

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

Posisi Widget Blog

</b:if>

9. Kode ini hanya akan menampikan widget  pada postingan tertentu

<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>

Posisi Widget Blog

</b:if>

10. Kode ini hanya akan menampilkan widget selain postingan tertentu

<b:if cond='data:blog.url != &quot;alamaatpostingan&quot;'>

Posisi Widget Blog

</b:if>

Sekarang kita bahas bagaimana cara meletakan kode-kode diatas.

1. Masuk ke akun Blogger sobat
2. Pilih Menu Tata Letak atau menu Layout

3. Pilih Widget yang ingin anda atur dengan klik Edit (Misalnya disini Dapur Tutorial Blogspot Ambil widget "Tutorial Blog Dan SEO")

4. Ambil Kode ID Widget tersebut (disini ID Widget ditemukan yaitu "HTML 3")

5. Sekarang Pilih Menu Template

6. Klik Pada Tombol Edit HTML

7. Klik lagi pada tombol Proses atau Lanjutkan

8. Silahkan Download Template lengkap terlebih dahulu untuk mengantisifasi kesalahan(baca tutorialnya DISINI)
9. Centang Expand Template Widget 

10. Cari Kode ID Widget (Contoh "HTML 3") yang sudah anda ambil pada langkah 4 (Gunakan Tombol CTRL + F dan F3 untuk mempermudah penarian kode)
11. Setelah ketemu anda akan menjumpai kode elemen widget seperti ini

<b:widget id='HTML1' locked='false' title='Join Me' type='HTML'>

<b:includable id='main'>

......................................letak kode untuk menyembunyikan widget

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>

.............................. letak kode penutup

</b:includable>

</b:widget>

12. Letakan Kode untuk menyembunyikan widget misalnya kode untuk menampilkan widget hanya pada halaman home page saja, maka susunannya akan menjadi seperti ini

<b:widget id='HTML1' locked='false' title='Join Me' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

13. klik simpan

14. Selesai dan lihat hasilnya

Demikian Tutorial Blog Tetang Cara Menampilkan Atau Menyembunyikan Widget Blog Pada Halaman Tertentu semoga bisa bermanfaat untuk sahabat Daput Tutorial Blogspot Semua.

Sumber

Cara Menambahkan Tabview Section Pada Sidebar Blog

Terkadang ada untungnya ketika disuruh membuat blog oleh saudara. Meski dibayar ku nuhun alias gratis tapi selalu dapat ilmu baru tatkala mengobrak-abrik template. Seperti kejadian sekitar dua bulan lalu ketika membuat blog ini, ada tiga temuan yang bermanfaat dan menjadi perbendaharaan ilmu ngeblog saya, salah satunya adalah membuat Tabview Section.

Dibandingkan dengan Tabview Widget, yang cukup merepotkan ketika melakukan pengisian kontennya karena berada dalam satu widget, Tabview Section lebih mudah dan praktis karena selain bisa terdiri dari beberapa widget dalam satu Tabmenu, juga bisa memasukkan gadget tipe non-HTML/JavaScript sehingga membuat kita leluasa dalam mengisikan konten-konten kedalam widget-widget tersebut.

Lalu bagaimana cara membuat Tabview Section ini? Caranya gampang saja, kamu tinggal mengikuti langkah-langkah berikut. Kelihatannya memang ribet karena penjelasannya cukup panjang, tapi jika dipraktekkan akan terasa mudah. Coba saja...

Langkah Pertama

• Login ke akun Blogger kamu.
• Dari halaman Dasbor, pilih Rancangan - Edit HTML.
• Lakukan duplikasi template untuk berjaga-jaga jika terjadi masalah.
• Cari kode ]]></b:skin> (gunakan Control F atau F3).
• Kopi CSS berikut lalu tempelkan (paste) di atas kode ]]></b:skin> tadi (sebaiknya diletakkan di bawah CSS untuk sidebar)
  

  /*-- Tabview Section -- */

  .tabs-widget {

  list-style:none;

  list-style-type:none;

  margin:0;

  padding:0;

  height:24px;

  border-bottom:1px solid #A4A4A4;

  }

  .tabs-widget li {

  list-style:none;

  list-style-type:none;

  margin:0 0 0 4px;

  padding:0;

  float:left;

  }

  .tabs-widget li:first-child {margin:0}

  .tabs-widget li a {

  background-color:#d4d4d4;

  color:#000;

  text-shadow:1px 1px 1px #fff;

  border-top-left-radius:7px;

  border-top-right-radius:7px;

  -moz-border-radius-topleft:7px;

  -moz-border-radius-topright:7px;

  -khtml-border-radius-topleft:7px;

  -khtml-border-radius-topright:7px;

  -webkit-border-top-left-radius:7px;

  -webkit-border-top-right-radius:7px;

  border-right: 2px solid #adadad;

  padding:5px 10px;

  display:block;

  text-decoration:none;

  font:bold 11px Arial,Helvetica,Sans-serif;

  text-transform:uppercase;

  }

  .tabs-widget li a:hover,.tabs-widget li a.tabs-widget-current {

  background-color:#A4A4A4;

  color:#000;

  text-shadow:1px 1px 1px #fff;

  border-top-left-radius:7px;

  border-top-right-radius:7px;

  -moz-border-radius-topleft:7px;

  -moz-border-radius-topright:7px;

  -khtml-border-radius-topleft:7px;

  -khtml-border-radius-topright:7px;

  -webkit-border-top-left-radius:7px;

  -webkit-border-top-right-radius:7px;

  border-right: 2px solid #adadad;

  text-decoration:none;

  }

  .tabs-widget-content {margin-top:5px; background:#F4F4F4}

  .tabviewsection {margin:0 0 2px 0}

• Setelah itu letakkan sumber script berikut di bawah ]]></b:skin>.
  

  <script src='http://enes-sc.googlecode.com/files/jquery151.js' type='text/javascript'/>

  <script src='http://enes-sc.googlecode.com/files/tabsectionplugin.js' type='text/javascript'/>

  Catatan:
  

  • Bagi yang menggunakan frame work dari mootools, letakkan script tersebut di bawah script mootools.
  • Bagi yang menggunakan script jQuery, seperti pada perintah Top/Down Page, hapus salah satunya.

• Kemudian cari kode untuk widget sidebar, seperti berikut:
  

  <b:section class='sidebar' id='sidebar1' preferred='yes'>

• Setelah ketemu, kopi dan tempelkan script berikut di atasnya:
  

  <div class='tabviewsection'>

  
  

  <script type='text/javascript'>

  jQuery(document).ready(function($){

  $(&quot;.tabs-widget-content-widget-enes_sc-01-id&quot;).hide();

  $(&quot;ul.tabs-widget-widget-enes_sc-01-id li:first a&quot;).addClass(&quot;tabs-widget-current&quot;).show();

  $(&quot;.tabs-widget-content-widget-enes_sc-01-id:first&quot;).show();

  
  

  $(&quot;ul.tabs-widget-widget-enes_sc-01-id li a&quot;).click(function() {

  $(&quot;ul.tabs-widget-widget-enes_sc-01-id li a&quot;).removeClass(&quot;tabs-widget-current a&quot;);

  $(this).addClass(&quot;tabs-widget-current&quot;);

  $(&quot;.tabs-widget-content-widget-enes_sc-01-id&quot;).hide();

  var activeTab = $(this).attr(&quot;href&quot;);

  $(activeTab).fadeIn();

  return false;

  });

  });

  </script>

  
  

  <ul class='tabs-widget tabs-widget-widget-enes_sc-01-id'>

  <li><a href='#widget-enes_sc-01-id1'>Tabmenu 1</a></li>

  <li><a href='#widget-enes_sc-01-id2'>Tabmenu 2</a></li>

  <li><a href='#widget-enes_sc-01-id3'>Tabmenu 3</a></li>

  <li><a href='#widget-enes_sc-01-id4'>Tabmenu 4</a></li>

  </ul>

  
  

  <div class='tabs-widget-content tabs-widget-content-widget-enes_sc-01-id' id='widget-enes_sc-01-id1'>

  <b:section class='sidebar' id='sidebartab1' showaddelement='yes'>

  <b:widget id='HTML73' locked='false' title='' type='HTML'/>

  </b:section>

  </div>

  
  

  <div class='tabs-widget-content tabs-widget-content-widget-enes_sc-01-id' id='widget-enes_sc-01-id2'>

  <b:section class='sidebar' id='sidebartab2' showaddelement='yes'>

  <b:widget id='HTML74' locked='false' title='' type='HTML'/>

  </b:section>

  </div>

  
  

  <div class='tabs-widget-content tabs-widget-content-widget-enes_sc-01-id' id='widget-enes_sc-01-id3'>

  <b:section class='sidebar' id='sidebartab3' showaddelement='yes'>

  <b:widget id='HTML75' locked='false' title='' type='HTML'/>

  </b:section>

  </div>

  
  

  <div class='tabs-widget-content tabs-widget-content-widget-enes_sc-01-id' id='widget-enes_sc-01-id4'>

  <b:section class='sidebar' id='sidebartab4' showaddelement='yes'>

  <b:widget id='HTML76' locked='false' title='' type='HTML'/>

  </b:section>

  </div>

  
  

  </div><!-- end tabviewsection -->

  <div style='clear:both;'/>

  
  

  Catatan:
  

  • Ubahlah judul Tabmenu 1, Tabmenu 2, Tabmenu 3, dan Tabmenu 4 sesuai dengan judul menu yang diinginkan.
  • Jika sidebar blog kamu kecil, hapuslah salah satu Tabmenu dengan cara menghapus kode, misalnya Tabmenu4:
    

    <li><a href='#widget-enes_sc-01-id4'>Tabmenu 4</a></li>

    
    dan kode:
    

    <div class='tabs-widget-content tabs-widget-content-widget-enes_sc-01-id' id='widget-enes_sc-01-id4'>

    <b:section class='sidebar' id='sidebartab4' showaddelement='yes'>

    <b:widget id='HTML76' locked='false' title='' type='HTML'/>

    </b:section>

    </div>

  • Jika ingin menambahkan, tambahkan kode-kode seperti pada cara penghapusan, hanya saja kamu harus mengubah id4 menjadi id5, id6, dst. Juga pada id='sidebartab4' harus diubah menjadi sidebartab5, sidebartab6, dst. Begitu juga pada id='HTML76' harus diubah menjadi HTML77, HTML78, dst.

• Simpan hasil kerjaan kamu. Jika ingin melihat hasil sementara, lakukan pratinjau, hasilnya akan tampak seperti ini:
  

Langkah Kedua

• Setelah disimpan, klik Elemen Laman
• Perhatikan perubahan yang terjadi, seperti gambar berikut:
  
• Edit atau masukkan widget-widget yang kamu kehendaki pada blok-blok Tabmenu yang ada.
  

  Catatan:

  • Pada setiap Blok Tabmenu, kamu bisa menambahkan lebih dari satu widget, termasuk yang non-HTML/JavaScript (bawaan blogger).
  • Jika ukuran tinggi widget pada setiap blok ingin berukuran sama, lakukan pengeditan pada HTML template. Caranya seperti membuat scrol pada bloglist, yaitu dengan mengubah kode:
    

    <div class='widget-content'>

    
    
    menjadi:

    <div class='widget-content' style='overflow:auto; height:250px'>

• Jika sudah selesai, ucapkan alhamdulillah...

Ok, segitu aja informasinya, sob... Semoga bermanfaat...

Catatan Tambahan:
Jika kamu ingin membuat Tabview Section ini lebih dari satu, seperti pada blog ini, kamu tinggal mengkopikan script ketiga dan meletakkannya di tempat yang kamu inginkan. Hanya saja kode sc-01 harus kamu ubah menjadi sc-02, sc-03, dst.

Sumber

Ditulis oleh

Kang eNeS

Minggu, 19 Juni 2011. Jam 07:03

Hosting Kode Yang Sering dipakai Pada Blog di Google Code

Penggunaan Google Code sama pentingnya dengan penggunaan Picasa Web Album pada sebuah blog. Setiap file image yang ada di blog kita otomatis akan tersimpan di album web picasa. Google code sendiri sering kita pergunakan untuk meletakkan kode-kode javascript pada template blog atau sidebar, atau kode-kode hasil "nyolong" dari blog temen lainnya.

Untuk iskaruji dot com sendiri banyak sekali kode-kode yang dipergunakan untuk personalisasi tampilan yang diletakkan di Google code. Seperti Widget Blogger Indonesia, smiley Icon ataupun lainnya. Adapun fungsi Google code selain sebagai pengaman kode-kode kita agar tidak hilang sekaligus untuk mengurangi beban dan crash pada template blog jika ditaro langsung pada template blog.

Dan Bagi kamu yang ingin juga menggunakan layanan Hosting Google Code, berikut langkah-langkahnya;

• Pastikan kamu sudah login dengan akun blogger kamu dan kunjungi http://code.google.com

• Klik pada menu Project Hosting di sidebar kiri halaman Google code.

• Klik pada Project Hosting on Google Code.

• Pilih Create a new project untuk pembuatan akun di Google Code.

• Silahkan isi seperti yang ditunjukkan pada gambar dan klik Create Project jika sudah selesai.

• Akun Google Code kamu sudah selesai di buat. Tahap selanjutnya adalah meng-upload file kamu ke Hosting Google Code. File bisa dalam format .js ataupun .txt pada notepad dengan meng-klik Downloads.

• Terlihat pada akun memiliki kode. Untuk itu silahkan klik New Download.

• Silahkan upload file kode kamu yang ada. Kasih nama sesuai nama file, browse ketempat file kode kamu di taro pada komputer dan klik Submit File jika sudah selesai.

• File kode kamu sudah diupload. Selanjutnya untuk menggunakan file kode tersebut agar bisa dijalankan pada blog ataupun lainnya, silahkan klik pada nama file dan akan terlihat seperti pada gamabar berikut. Klik kanan > Copy Link Locations [Mozilla] untuk mendapatkan kode link file kode kamu.

• Selesai.

Jika ingin mengunjungi kembali atau ingin meng-upload kode baru ke Hosting Google Code, akun kamu Google Code kamu bisa langsung di akses pada sisi kanan atas seperti pada gambar berikut:

Dan bagi kamu yang masih bingung gimana cara menggunakan link kode seperti, http://iskaruji.googlecode.com/files/komentarbaru.txt, yang dihasilkan dari Hosting Google Code, silahkan gunakan format penulisan sebagai berikut:

<script type="text/javascript" src="http://iskaruji.googlecode.com/files/komentarbaru.txt"></script>

Demikian moga bermanfaat!

Ditulis Oleh Iskaruji dot com Pada Hari Jumat, 24 Juni 2011 | 18:16

Sumber

Tambahan: google code bisa digunakan untuk membeck up script juga.

Membuat spoiler di blogspot

Mungkin para sahabat blogger yang budiman bertanya-tanya tentang cara membuat SPOILER, ya itu ntu, yang kayak di forum kaskus.us itu, bisa dibuka dan di tutup gitu, wadeh... pokoke kren sekali lah bah, nah, sahabat sekalian bisa copas kodenya dari blog ini, free kok, ga pake bayar dan ga pake lama, tapi kalau konneksinya lemot kayak tulalit lit lit gitu ya bakalan gitu-gitulah. kok jadi curhat? hahaha. ok, langsung aja lihat dibawah yah:

<div id="spoiler">

<div>

<input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" type="button" value="lihat selanjut nya" /></div>

<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">

<div style="background: none repeat scroll 0% 0% rgb(235, 243, 251); border: 1px solid rgb(170, 204, 238); color: black; margin: 0px; padding: 7px;">

<div style="text-align: justify;">

<span id="goog_913131089"></span><span id="goog_913131090"></span></div> isi dengan tulisan,kode atau gambar yang anda mau ......

</div>

</div>

</div>

Corel Draw x 5

Siapa yang tidak tau software yang satu ini ? Software yang sudah dikenal sebagai penghasil vector yang bagus dan mudah dalam penggunaannya. walaupun saat ini sudah banyak program serupa bahkan dari Adobe pun sudah lama mengeluarkan program yang memiliki fungsi yang mirip dengan CorelDRAW (Adobe Ilustration), tapi bagi sebagian orang seperti saya yang sudah terbiasa memakai Corel dibanding Adobe pasti akan lebih memilih menggunakan CorelDRAW.

CorelDRAW Graphics Suite X5 menawarkan semua alat yang diperlukan untuk pekerjaan produktif desainer kontemporer. Intuitif alat untuk vektor ilustrasi dan tata letak halaman memungkinkan Anda untuk membuat solusi desain yang hebat.

Gambar raster dapat dengan mudah dapat di edit dan diubah menjadi scalable vector file. Apapun proyek Anda, CorelDRAW Graphics Suite X5 menyederhanakan alur kerja dan menginspirasi Anda dengan peluang-peluang baru untuk kreativitas.

Untuk Penginstalan Coreldraw Graphics Suite X5 perlu diperhatikan sistem komputer anda sebagai berikut :

*Microsoft NetFramework v3.5, harus diinstall bagi yg belon download disini

Cara cek netframework dikomputer kita

* Microsoft® Windows® 7, Windows Vista®, Windows® XP, with latest service packs installed and latest online update (32-bit or 64-bit editions).

Cara Cek Update Online Terbaru :

Start-->All Programs--> Windows Update

* Intel® Pentium® 4, AMD Athlon™ 64 or AMD Opteron™.

* 512 MB RAM (1 GB recommended).

* 750 MB hard disk space (1 GB for typical installation without content). Up to 6GB needed to install extra content.

* Mouse or tablet.

* 1024 x 768 screen resolution (768 x 1024 on a Tablet PC).

* DVD drive

* Microsoft® Internet Explorer® 7 or higher, or Firefox, or Opera, or Chrome, or Safari etc

Sudah saya jadikan satu semuanya, silahkan download link dibawah ini, kalau mau seumpama ada paswotnya silahkan tanya di komentar...123456

1- Corel_batakmedan_draw_5_valid.part1.rar
2- Corel_batakmedan_draw_5_valid.part2.rar
3- Corel_batakmedan_draw_5_valid.part3.rar
4- Corel_batakmedan_draw_5_valid.part4.rar
5- Corel_batakmedan_draw_5_valid.part5.rar
6- Corel_batakmedan_draw_5_valid.part6.rar
7- Corel_batakmedan_draw_5_valid.part7.rar

Sumber

Mengenal domain dan hosting

Mengenal domain dan hosting - Untuk membuat sebuah blog menggunakan Wordpress, anda perlu menggunakan domain serta hosting. Oleh karenanya, hal yang mendasar dan di rasa cukup penting adalah mengenal domain dan hosting.

Berikut sedikit ulasan mengenai domain serta hosting.

Domain

Dalam membuat sebuah website atau blog anda wajib memiliki yang bernama domain. Apa sih domain itu? mungkin anda pernah mendengar istilah ini dalam pelajaran matematika dulu atau mungkin dalam istilah lain. Jika menilik kepada bahasa umum, domain itu berarti tempat atau daerah kekuasaan atau daerah yang di kuasai, nah di internetpun anda perlu memiliki sebuah tempat untuk website atau blog anda.

Untuk membedakan antara domain yang satu dengan domain yang lain, maka domain tersebut harus mempunyai nama atau istilah nya Domain Name ( nama domain ). Contoh domain name ( nama domain ) seperti ini : http://www.krtutorplus.com, http://blogspottutorial.com, dan lain sebagainya. Namun dalam istilah sehari-hari Domain Name cukup di sebut sebagai Domain saja.

Nama Domain sangatlah bervariasi tergantung dari tujuan website itu di buat. Jenis domain ini di bedakan dengan kata di belakangnya seperti :

.com ( baca; dot com ) : yaitu untuk website bersifat komersil

.org : untuk website organisasi

.info : untuk website berisi informasi

.biz : untuk website bisnis

.gov ; untuk website milik pemerintah ( goverment )

dan lain - lain

Ada juga domain ini yang lebih mengarah ke teritorial, misal ;

.co.id ( baca : dot co dot id ) ; untuk website yang berada di Indonesia

.us ; untuk website di amerika ( US : united state )

.cn : untuk website di china

.co.il ; untuk website di israel

.my : untuk website di malaysia

dan lain-lain

Akan tetapi fakta di lapangan, nama domain tersebut tidak lagi menjadi identitas, misal domain yang berakhiran .org di pakai untuk website pribadi bukan oleh organisasi, domain berakhiran .info dipakai untuk berjualan ( komersil ) dan lain sebagainya.

Untuk membeli domain, anda bisa membelinya pada website-website penjual domain, baik itu yang diluar negeri atau yang ada di dalam negeri. Namun pembelian ini tidaklah bersifat permanen melainkan dihitung berdasarkan kurun waktu tahunan ( biasanya harga di patok untuk 1 tahun ), atau mungkin sebenarnya istilah yang tepat adalah sewa domain akan tetapi yang populer adalah beli domain bukan sewa domain.

Dalam istilah domain ada yang disebut sub domain ( bagian dari domain ). Sub domain ini di buat dari domain induknya, sub domain dapat dikenali dari penulisannya yang di pisahkan oleh dot ( titik ). misalkan jika domain induk http://www.krtutorplus.com, kita bisa membuat bebagai sub domain seperti blog.krtutorplus.com, tool.krtutorplus.com.

Hosting

Jika anda sudah membeli sebuah domain, maka domain tersebut jika diakses adalah merupakan sebuah halaman kosong. Agar sebuah domain bisa di isi dengan apa yang kita inginkan, maka kita perlu sebuah hosting untuk menyimpan database, aplikasi web atau blog yang digunakan, dll.

Sebuah ilustrasi ringan, domain itu di ibaratkan sebuah hand phone dan hosting di ibaratkan kartu, keduanya saling mendukung satu sama lain. Jadi, sebuah website haruslah memiliki nama domain serta hosting agar isi website tersebut bisa di akses oleh halayak luas.

Untuk membuat sebuah webhosting, dibutuhkan peralatan yang sangat mahal, oleh karena itu hadirlah berbagai perusahaan webhosting yang bisa menyewakan space serta bandwidth. Perusahaan webhosting bisa anda temui dengan mudah di Internet, baik itu webhosting yang berada dalam negeri ataupun webhosting yang berada di luar negeri.

Penyewaan sebuah webhosting biasanya di patok oleh kurun waktu per satu bulan, 3 bulan, 6 bulan, 1 tahun, 2 tahun, dan sebagainya. Ini tentunya berbeda antara sebuah webhosting dengan webhosting yang lain.

Forum Web Hosting

Untuk anda yang mempunyai ketertarikan lebih mengenai domain serta hosting, bergabung dan berdikusi di forum merupakan hal yang dirasa cukup tepat, berikut contoh forum di internet yang banyak mengulas tentang domain serta hosting :

http://www.diskusiwebhosting.com/forum.php

http://www.webhostingtalk.com

http://www.hostingdiscussion.com

http://www.adsense-id.com/forums/forumdisplay.php/93-Hosting-amp-Domain

Semoga bermanfaat.

Muhammad Syafii Tampubolon | Buat Lencana Anda

Kebijakan konten blogspot

Blogger merupakan layanan gratis untuk komunikasi, ekspresi-diri, dan kebebasan bicara. Kami percaya Blogger meningkatkan ketersediaan informasi, menjunjung debat sehat, dan membuat hubungan baru antar orang.

Kami menghargai kepemilikan konten user dan tanggung jawab user untuk konten yang mereka sebarkan. Kami percaya bahwa mensensor konten tidak sesuai dengan layanan yang berdasarkan kebebasan ekspresi.

Untuk dapat mempertahankan nilai-nilai ini, kami perlu menghancurkan penyalahgunaan yang mengancam kemampuan kami untuk menyediakan layanan ini dan kebebasan layan yang disediakan. Sebagai hasilnya, ada batasan tertentu konten yang bisa dihosting oleh Blogger. Batasan yang kami definisikan sesuai dengan batasan hukum dan bertujuan meningkatkan layanan secara keseluruhan.

Batasan Konten

Kebijakan konten kami memainkan peranan penting dalam mempertahankan pengalaman positif Anda selaku pengguna. Harap hormati pedoman ini. Dari waktu ke waktu, kami dapat mengubah kebijakan konten kami, oleh karena itu harap periksa kembali di sini untuk mengetahui perubahannya. Selain itu, harap perhatikan bahwa saat menerapkan kebijakan di bawah, kami dapat membuat pengecualian berdasarkan pada pertimbangan artistik, edukasi, dokumenter, atau ilmiah atau bila ada manfaat yang besar lainnya untuk publik agar tidak mengambil tindakan pada konten.

Materi Khusus Dewasa: Kami mengizinkan materi khusus dewasa di Blogger, mencakup gambar atau video yang berisi ketelanjangan atau aktivitas seksual. Namun, harap tandai blog Anda sebagai 'dewasa' pada setelan Blogger Anda. Jika Anda tidak melakukannya, kami dapat menempatkannya di belakang interstisial 'materi khusus dewasa'.

Ada beberapa pengecualian untuk kebijakan materi khusus dewasa kami:

Jangan gunakan Blogger sebagai sarana untuk mendapatkan uang dari materi khusus dewasa. Misalnya, jangan buat blog yang sebagian besar kontennya adalah iklan atau tautan menuju situs porno komersial.

Jangan sertakan konten inses atau bestialitas: Kami tidak mengizinkan konten gambar, video, atau teks yang menggambarkan atau menganjurkan inses atau bestialitas.

Keamanan anak: Kami memiliki kebijakan yang sama sekali tidak mentoleransi konten yang mengeksploitasi anak-anak. Beberapa contoh di antaranya:

Pornografi anak: Kami akan menghentikan akun setiap pengguna yang kami dapati sedang memublikasikan atau menyebarkan pornografi anak. Kami juga akan melaporkan pengguna tersebut kepada penegak hukum.

Pedofilia: Kami tidak mengizinkan konten yang mendorong atau mempromosikan ketertarikan seksual terhadap anak-anak. Misalnya, jangan buat blog dengan galeri gambar anak-anak di mana koleksi gambar atau teks yang mendampingi gambar bernada seksual.

Perkataan yang mendorong kebencian: Kami ingin agar Anda menggunakan Blogger untuk mengungkapkan pendapat, bahkan yang sangat kontroversial sekali pun. Namun, jangan melebihi batas dengan memublikasikan perkataan yang mendorong kebencian. Maksud mendorong kebencian ini adalah konten yang mempromosikan kebencian atau kekerasan terhadap kelompok berdasarkan ras, etnik, agama, kecacatan, jenis kelamin, umur, status veteran, atau orientasi seksual/identitas jenis kelamin. Misalnya, jangan tulis blog yang mengatakan bahwa anggota Ras X adalah kriminal atau menganjurkan kekerasan melawan pengikut Agama Y.

Konten Kasar: Jangan memposkan konten hanya bertujuan untuk mengejutkan atau gamblang. Misalnya, koleksi gambar luka senjata atau adegan kecelakaan yang diambil dari jarak dekat tanpa konteks atau penjelasan akan melanggar kebijakan ini.

Kekerasan: Jangan mengancam orang lain di blog Anda. Misalnya, jangan poskan ancaman kematian terhadap orang lain atau sekelompok orang dan jangan poskan konten yang mendorong pembaca untuk melakukan tindakan kekerasan terhadap orang lain atau sekelompok orang.

Hak cipta: Merupakan kebijakan kami untuk menanggapi pemberitahuan yang jelas mengenai dugaan pelanggaran hak cipta. Informasi lebih lanjut tentang prosedur hak cipta kami dapat ditemukan di sini. Selain itu, harap jangan berikan tautan ke situs yang memungkinkan pembaca memperoleh unduhan tidak resmi dari konten orang lain.

Informasi pribadi dan rahasia: Tidak pantas untuk memublikasikan informasi pribadi dan rahasia orang lain. Misalnya, jangan poskan nomor kartu kredit, nomor Jaminan Sosial, nomor telepon yang tidak terdaftar, dan nomor surat izin mengemudi orang lain. Selain itu, harap perhatikan bahwa dalam banyak kasus, informasi yang telah tersedia di tempat lain di internet atau rekaman publik tidak dianggap sebagai pribadi atau rahasia menurut kebijakan kami.

Meniru identitas orang lain: Harap jangan menyesatkan atau membuat bingung pembaca dengan berpura-pura menjadi orang lain atau berpura-pura mewakili sebuah organisasi bila sebenarnya tidak demikian;. Kami tidak mengatakan bahwa Anda tidak dapat memublikasikan parodi atau sindiran - cukup hindari konten yang kemungkinan menyesatkan pembaca tentang identitas Anda yang sebenarnya.

Kegiatan ilegal: Jangan gunakan Blogger untuk terlibat dalam kegiatan ilegal atau mempromosikan kegiatan bahaya atau ilegal. Misalnya, jangan menulis blog yang mendorong orang-orang untuk minum minuman keras kemudian berkendara. Jika tidak, kami dapat menghapus konten Anda. Selain itu, dalam kasus yang berat seperti kasus yang melibatkan pelecehan anak, kami dapat melaporkan Anda kepada pihak yang berwenang.

Spam: Spam memiliki bentuk yang bermacam-macam di Blogger, segala bentuk spam dapat mengakibatkan penghapusan akun atau blog Anda. Contohnya mencakup membuat blog yang dirancang untuk mengarahkan lalu lintas ke situs Anda atau menaikkan situs ke deretan atas daftar penelusuran, mengeposkan komentar di blog orang lain hanya untuk mempromosikan produk atau layanan Anda, dan meniru konten yang ada dari sumber lain dengan tujuan utama untuk memperoleh pendapatan atau keuntungan pribadi lainnya.

Perangkat lunak jahat dan virus: Jangan buat blog yang mengirimkan virus, menyebabkan munculan, berupaya memasang perangkat lunak tanpa persetujuan pembaca, atau memengaruhi pembaca dengan kode perangkat lunak jahat. Hal ini sangat dilarang di Blogger.

Penegakan Kebijakan Konten Blogger

Jika Anda menemui blog yang menurut Anda melanggar kebijakan konten kami, laporkan kepada kami menggunakan tautan 'Panji Blog Ini' yang terdapat di atas setiap blog (Catatan: Jika pemilik blog telah menyembunyikan tautan ini, Anda masih dapat melaporkan blog tersebut dengan mengisi formulir ini).

Tim kami meninjau panji ini untuk pelanggaran kebijakan. Jika blog tidak melanggar kebijakan, kami tidak akan mengambil tindakan apapun terhadap blog atau pemilik blog tersebut. Jika kami menemukan bahwa suatu blog melanggar kebijakan konten, kami akan mengambil satu atau beberapa tindakan berikut ini berdasarkan tingkat pelanggaran tersebut:

Menempatkan blog di balik interstisial 'materi khusus dewasa'

Menempatkan blog di balik interstisial yang kontennya hanya dapat diakses penulis blog

Menghapus blog

Menonaktifkan akses penulis ke akun Blogger-nya

Menonaktifkan akses penulis ke akun Blogger-nya

Melaporkan pengguna kepada penegak hukum

Muhammad Syafii Tampubolon | Buat Lencana Anda

CorelDRAW Graphics Suite X5 Full Version dan Update SP2 & SP3 serta Hotfix 4

Siapa yang tidak tau software yang satu ini ? Software yang sudah dikenal sebagai penghasil vector yang bagus dan mudah dalam penggunaannya. walaupun saat ini sudah banyak program serupa bahkan dari Adobe pun sudah lama mengeluarkan program yang memiliki fungsi yang mirip dengan CorelDRAW (Adobe Ilustration), tapi bagi sebagian orang seperti saya yang sudah terbiasa memakai Corel dibanding Adobe pasti akan lebih memilih menggunakan CorelDRAW.

CorelDRAW Graphics Suite X5 menawarkan semua alat yang diperlukan untuk pekerjaan produktif desainer kontemporer. Intuitif alat untuk vektor ilustrasi dan tata letak halaman memungkinkan Anda untuk membuat solusi desain yang hebat.

Gambar raster dapat dengan mudah dapat di edit dan diubah menjadi scalable vector file. Apapun proyek Anda, CorelDRAW Graphics Suite X5 menyederhanakan alur kerja dan menginspirasi Anda dengan peluang-peluang baru untuk kreativitas.

Untuk Penginstalan Coreldraw Graphics Suite X5 perlu diperhatikan sistem komputer anda sebagai berikut :

*Microsoft NetFramework v3.5, harus diinstall bagi yg belon download disini

Cara cek netframework dikomputer kita

* Microsoft® Windows® 7, Windows Vista®, Windows® XP, with latest service packs installed and latest online update (32-bit or 64-bit editions).

Cara Cek Update Online Terbaru :

Start-->All Programs--> Windows Update

* Intel® Pentium® 4, AMD Athlon™ 64 or AMD Opteron™.

* 512 MB RAM (1 GB recommended).

* 750 MB hard disk space (1 GB for typical installation without content). Up to 6GB needed to install extra content.

* Mouse or tablet.

* 1024 x 768 screen resolution (768 x 1024 on a Tablet PC).

* DVD drive

* Microsoft® Internet Explorer® 7 or higher, or Firefox, or Opera, or Chrome, or Safari etc

Sudah saya jadikan satu semuanya, silahkan download link dibawah ini, kalau mau seumpama ada paswotnya silahkan tanya di komentar...123456

1- Corel_batakmedan_draw_5_valid.part1.rar
2- Corel_batakmedan_draw_5_valid.part2.rar
3- Corel_batakmedan_draw_5_valid.part3.rar
4- Corel_batakmedan_draw_5_valid.part4.rar
5- Corel_batakmedan_draw_5_valid.part5.rar
6- Corel_batakmedan_draw_5_valid.part6.rar
7- Corel_batakmedan_draw_5_valid.part7.rar

Sumber

Shortcut Untuk Corel Draw

Untuk download corel draw 5 dan craknya disini

+ Keterangan :
Main Menu = Sederetan Menu yang dipersiapkan untuk membantu dalam proses pembuatan dan editing gambar
Toolbox = kumpulan tool atau alat-alat yang digunakan untuk mengedit gambar
Properties Bar = Tempat kita melakukan pengaturan
Pilihan Warna / Color Pallete = Memberikan dan memberi warna pada object
Lembar / Kertas Kerja = Tempat kita menggambar / bekerja

+ Shortcut Untuk Corel Draw
Break Apart ===> Ctrl+K
Combine ===> Ctrl+L
Contour ===> Ctrl+F9
Copy ===> Ctrl+C
Copy ===> Ctrl+Insert
Duplicate ===> Ctrl+D
Ellipse ===> F7
Envelope ===> Ctrl+F7
Export... ===> Ctrl+E

Find Text... ===> Alt+F3
Format Text... ===> Ctrl+T
Freehand ===> F5
Full-Screen Preview ===> F9
Graph Paper ===> D
Group ===> Ctrl+G
Import... ===> Ctrl+I
Lens ===> Alt+F3
New ===> Ctrl+N
Open... ===> Ctrl+O
Options... ===> Ctrl+J

Paste ===> Ctrl+V
Paste ===> Shift+Insert
Polygon ===> Y
Position ===> Alt+F7
Print... ===> Ctrl+P
Rectangle ===> F6
Repeat ===> Ctrl+R
Rotate ===> Alt+F8
Save... ===> Ctrl+S
Scale ===> Alt+F9
Spell Check... ===> Ctrl+F12
Spiral ===> A

Text ===> F8
Undo ===> Ctrl+Z
Undo ===> Alt+Backspace
Ungroup ===> Ctrl+U
Visual Basic Editor... ===> Alt+F11
What's This? ===> Shift+F1

Align Bottom ===> B
Align Centers Horizontally ===> E
Align Centers Vertically ===> C
Align Left ===> L
Align Right ===> R
Align To Baseline ===> Alt+F12
Align Top ===> T
All Small Capitals ===> Ctrl+Shift+K
Artistic Media ===> I

Back ===> Ctrl+PgDn
Bold ===> Ctrl+B
Brightness/Contrast/Intensity... ===> Ctrl+B
Bring up Property Bar ===> Ctrl+Return
Bullet ===> Ctrl+M

Change Case... ===> Shift+F3
Center ===> Ctrl+E
Center to Page ===> P
Color Balance... ===> Ctrl+Shift+B
Color ===> Shift+F12
Color ===> Shift+F11
Convert ===> Ctrl+F8
Convert To Curves ===> Ctrl+Q
Convert Outline To Object ===> Ctrl+Shift+Q
Cut ===> Ctrl+X
Cut ===> Shift+Delete

Delete ===> Delete
Delete Character to Right ===> Delete
Delete Word to Right ===> Ctrl+Delete
Distribute Bottom ===> Shift+B
Distribute Centers Horizontally ===> Shift+E
Distribute Centers Vertically ===> Shift+C
Distribute Left ===> Shift+L
Distribute Right ===> Shift+R
Distribute Spacing Horizontally ===> Shift+P
Distribute Spacing Vertically ===> Shift+A
Distribute Top ===> Shift+T
Drop Cap ===> Ctrl+Shift+D

Edit Text... ===> Ctrl+Shift+T
Exit ===> Alt+F4
Eraser ===> X

Font List ===> Ctrl+Shift+F
Font Size Decrease ===> Ctrl+NUMPAD2
Font Size Decrease ===> Ctrl+NUMPAD2
Font Size Increase ===> Ctrl+NUMPAD8
Font Size Increase ===> Ctrl+NUMPAD8
Font Size List ===> Ctrl+Shift+P
Font Size Next Combo Size ===> Ctrl+NUMPAD6
Font Size Next Combo Size ===> Ctrl+NUMPAD6
Font Size Previous Combo Size ===> Ctrl+NUMPAD4
Font Size Previous Combo Size ===> Ctrl+NUMPAD4
Font Weight List ===> Ctrl+Shift+W
Force Full ===> Ctrl+H
Forward One ===> Ctrl+PgUp
Fountain ===> F11
Full ===> Ctrl+J

Graphic and Text Styles ===> Ctrl+F5

HTML Font Size List ===> Ctrl+Shift+H
Hand ===> H
Horizontal Text ===> Ctrl+,
Hue/Saturation/Lightness... ===> Ctrl+Shift+U

Insert Character ===> Ctrl+F11
Interactive Fill ===> G
Italic ===> Ctrl+I

Left ===> Ctrl+L
Linear ===> Alt+F2

Mesh Fill ===> M
Micro Nudge Down ===> Ctrl+DnArrow
Micro Nudge Left ===> Ctrl+LeftArrow
Micro Nudge Right ===> Ctrl+RightArrow
Micro Nudge Up ===> Ctrl+UpArrow
Move Down 1 Frame ===> PgDn
Move Down 1 Line ===> DnArrow
Move Down 1 Paragraph ===> Ctrl+DnArrow
Move Left 1 Character ===> LeftArrow
Move Left 1 Word ===> Ctrl+LeftArrow
Move Right 1 Character ===> RightArrow
Move Right 1 Word ===> Ctrl+RightArrow
Move Up 1 Frame ===> PgUp
Move Up 1 Line ===> UpArrow
Move Up 1 Paragraph ===> Ctrl+UpArrow
Move to Beginning of Frame ===> Ctrl+Home
Move to Beginning of Line ===> Home
Move to Beginning of Text ===> Ctrl+PgUp
Move to End of Frame ===> Ctrl+End
Move to End of Line ===> End
Move to End of Text ===> Ctrl+PgDn

Navigator ===> N
Next Page ===> PgDn
None ===> Ctrl+N
Nudge Down ===> DnArrow
Nudge Up ===> UpArrow
Nudge Left ===> LeftArrow
Nudge Right ===> RightArrow

Pan Down ===> Alt+DnArrow
Pan Left ===> Alt+LeftArrow
Pan Right ===> Alt+RightArrow
Pan Up ===> Alt+UpArrow
Pen ===> F12
Previous Page ===> PgUp
Properties ===> Alt+Return

Redo ===> Ctrl+Shift+Z
Refresh Window ===> Ctrl+W
Right ===> Ctrl+R

Size ===> Alt+F10
Save As... ===> Ctrl+Shift+S
Select Down 1 Frame ===> Shift+PgDn
Select Down 1 Line ===> Shift+DnArrow
Select Down 1 Paragraph ===> Ctrl+Shift+DnArrow
Select Left 1 Character ===> Shift+LeftArrow
Select Left 1 Word ===> Ctrl+Shift+LeftArrow
Select Right 1 Character ===> Shift+RightArrow
Select Right 1 Word ===> Ctrl+Shift+RightArrow
Select Up 1 Frame ===> Shift+PgUp
Select Up 1 Line ===> Shift+UpArrow
Select Up 1 Paragraph ===> Ctrl+Shift+UpArrow
Select all objects ===> Ctrl+A
Select to Beginning of Frame ===> Ctrl+Shift+Home
Select to Beginning of Line ===> Shift+Home
Select to Beginning of Text ===> Ctrl+Shift+PgUp
Select to End of Frame ===> Ctrl+Shift+End
Select to End of Line ===> Shift+End
Select to End of Text ===> Ctrl+Shift+PgDn
Shape ===> F10
Show Non-Printing Characters ===> Ctrl+Shift+C
Snap To Grid ===> Ctrl+Y
Style List ===> Ctrl+Shift+S
Super Nudge Down ===> Shift+DnArrow
Super Nudge Left ===> Shift+LeftArrow
Super Nudge Right ===> Shift+RightArrow
Super Nudge Up ===> Shift+UpArrow

Text ===> Ctrl+F10
To Back ===> Shift+PgDn
To Front ===> Shift+PgUp
Toggle Pick State ===> Ctrl+Space
Toggle View ===> Shift+F9

Underline ===> Ctrl+U

Vertical Text ===> Ctrl+.
View Manager ===> Ctrl+F2

Zoom ===> Z
Zoom Out ===> F3
Zoom One-Shot ===> F2
Zoom To Fit ===> F4
Zoom To Page ===> Shift+F4
Zoom To Selection ===> Shift+F2

Muhammad Syafii Tampubolon | Buat Lencana Anda

Exel dan Doc Google

Ada yang pernah bertanya seperti ini “bagaimana cara menampilkan file microsoft exel di blog?” duh bisa ngga ya? seharusnya bisa sih, tapi bagaimana caranya ya, saya juga bingung nih Tapi tenang saja, jika anda pernah melihat file exel bisa di tampilkan di web berarti tandanya itu bisa di lakukan.

Bagi anda yang suka dan ingin sharing file dalam bentuk microsoft word (document) dan microsoft excel (spreadsheet) ataupun microsoft power point (presentation) di blog, maka anda bisa menggunakan berbagai layanan di internet. Salah satu di antaranya adalah layanan yang di sediakan oleh google yaitu Google docs. Dengan google docs anda bisa membuat file microsoft office yang saya sebutkan tadi secara online ataupun anda bisa mengupload file yang sudah jadi alias sudah di kerjakan secara offline dan kemudian ambil kode yang di berikan lalu setelah itu anda bisa menampilkannya di blog anda.

Apa kelebihan dari google docs? dengan google docs anda tidak perlu mempunyai software microsoft office yang lisensi nya sangat mahal terinstall di komputer anda, yang anda perlukan adalah anda bisa online di internet. Sepertinya saya tidak perlu menerangkan bagaimana cara membuat file di google docs karena penggunaannya hampir sama dengan microsoft office. Yang mau saya terangkan adalah bagaimana cara mengupload file yang sudah jadi ke google docs dan kemudian menampilkannya di blog anda. Tertarik? yuk mang kita lanjut!

Salah satu syarat untuk bisa menggunakan google docs adalah anda harus mempunyai alamat email di gmail (google acount). Jika selama ini account blogger anda menggunakan gmail maka bisa secara langsung login ke google docs. Bagi anda yang baru pertama kali masuk ke google docs, maka anda harus setuju dengan peraturan yang di buat oleh google. Sudah punya account google?  mari kita serbu google docs.

Lankah 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 terupload, anda bisa mengeditnya jika mau.
8. Klik tab publish yang ada di sebelah kanan atas layar monitor anda, maka akan keluar tulisan This document 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 pilih HTML 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 blogger 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.

Berikut adalah contoh file excel sederhana yang saya buat untuk menerangkan tutorial ini :

Sekarang anda sudah tahu cara menampilkan file excel di blog kan? ada lagi tambahan nih dari kang rohman. Berikut adalah contoh kode HTMl yang di berikan oleh google docs :

<iframe width='500' height='300' frameborder='0' src='http://spreadsheets.google.com/pub?key=pC1rhcSE_YQEbEbMd8xfaGA&output=html&widget=true'></iframe>




Jika kita perhatikan kode tersebut adalah kode HTML untuk perintah iframe, masih ingatkan dengan perintah iframe yang pernah saya posting di “mengenal perintah iframe”? tentunya kode yang di berikan oleh google docs tidaklah mutlak harus seperti itu, tapi kita bisa memodifikasinya sesuai dengan keinginan kita. Sebagaimana kita lihat bahwa ukuran lebar (width) sebesar 500 pixel, nilai ini bisa anda ganti dan disesuaikan dengan lebar dari halaman post anda, begitupun dengan tingginya (height) ini pun bisa anda ganti dengan nilai yang anda inginkan. Ada satu lagi yang penting adalah dalam kode tersebut tidak di sertakan kode scrolling, sehingga apabila file anda sangat lebar tidak akan terlihat oleh pembaca, maka solusi yang saya berikan adalah menambahkan kode scrolling=”yes’ ataupun scrolling=”auto” pada kode iframe di atas. contoh kode yang memakai scrolling :

<iframe width='500' height='300' frameborder='0' scrolling='yes' src='http://spreadsheets.google.com/pub?key=pC1rhcSE_YQEbEbMd8xfaGA&output=html&widget=true'></iframe>

Ataupun seperti ini :

<iframe width='500' height='300' frameborder='0' scrolling='auto' src='http://spreadsheets.google.com/pub?key=pC1rhcSE_YQEbEbMd8xfaGA&output=html&widget=true'></iframe>

Dengan anda menambahan kode seperti itu, maka walaupun file anda mempunyai lebar serta tinggi yang melebihi halaman posting anda, pembaca dapat menggesernya dengsn leluasa memakai scrolling.

Selamat mencoba!

Sumber

Muhammad Syafii Tampubolon | Buat Lencana Anda

Template Image

CIF 2011

Untuk membuat posting, pertama-tama, Anda perlu membuat thumbnail untuk setiap foto, software gratis yang tersedia di internet untuk membuat thumbnail dan saya pikir Anda dapat dengan mudah mencari mereka (saya menggunakan Yet Another Pencipta Miniatur). Upload gambar asli dan thumbnail ke host atau gambar layanan hosting.

Setelah itu, membuat posting seperti biasa. Masing-masing pos harus berisi satu gambar dan teks untuk deskripsi. Setelah Anda selesai membuat konten untuk posting, klik edit HTML, cari <img src = "........." /> Tag gambar Anda dan mengubahnya ke:

<img alt="link untuk src="link image" asli untuk thumbnail" />

Jadi struktur untuk posting harus seperti ini:

<img alt="link untuk src="link image" asli untuk thumbnail" />

teks untuk deskripsi

Gambar asli harus minimal 1024x768 px dan ukuran untuk thumbnail tetap pada 180x120 px

To install this template ,please follow these steps

1, Download this template (of course :)

2, Open template file in any word editor you have ( I recommend Notepad++ )

3, To change header to your logo or banner ,find this code :
<div class="logo">
<h1><a expr:href='data:blog.homepageUrl'>Simplex PhotoGallery2</a></h1>
</div><!-- logo //-->


and change the code in bold to yours banner or logo ,for example :
<div class="logo">
<a expr:href='data:blog.homepageUrl'><img src="your_logo"/></a>
</div><!-- logo //-->

4, Change the link to categories in Category menu , find this code :

<div class="rp_list" id="cat_list">
<a href="http://galeri-syafii.blogspot.com/"><h3>Home</h3></a>
<a href="  http://galeri-syafii.blogspot.com/search/label/human"><h3>Human</h3></a>
<a href="  http://galeri-syafii.blogspot.com /search/label/nature"><h3>Nature</h3></a>
<a href="  http://galeri-syafii.blogspot.com /search/label/test"><h3>Test</h3></a>
</div>


Change the link and text in bold to your category name and link .Link to each category has structure :
http://your blog name.blogspot.com/search/label/category name
You can add more or remove links as your need .

5, To change the ad banner ,find this code :
<li class="widget1">
<a href="  http://galeri-syafii.blogspot.com "><img src="http://30.imageshack.us/img30/3598/120x600ads.jpg"/></a>
</li>


and change the code in bold to your ad code . If you want to add code of ad network such as Adsense or Adbrite ...,you have to encode it first ,by copying the code Ad network provide ,then go to http://centricle.com/tools/html-entities/ ,paste it in text box ,click on encode ,and copy the result to template file to replace the text in bold above.

6, Save template and upload it to Blogger .

How to use this template ?

To make a post ,first of all ,you need to create thumbnail for each of your images ,many free softwares available in internet for creating thumbnail and I think you can easily search for them ( I use Yet Another Thumbnail Creator ) .Upload original image and thumbnail to a host or image hosting service .
After that ,create a post as normal .Each post should contain one image and text for description . When you finish creating content for the post ,click on edit HTML ,find <img src="........." /> tag of your image and change it to :
<img alt="link to original image" src="link to thumbnail" />
So the structure for a post should be like this :
<img alt="link to original image" src="link to thumbnail" />
text for description

Original image should be at least 1024x768 px and size for thumbnail is fixed at 180x120 px

That's all ,and you can publish your post .
I hope you like this template . Feel free to leave me feedback via comments ^^ Thanks for supporting me.


Muhammad Syafii Tampubolon | Buat Lencana Anda