Cara Membuat Buku Tamu Melayang & Sembunyi Di Kanan Atas Blog

Posting kali ini kolom blog gratis akan membahas cara  Membuat Buku Tamu Melayang Dan Tersembunyi Di Kanan Atas blog, Membuat buku tamu itu penting karena disitulah para blogger saling menyapa dan memberikan pendapatnya mengenai blog sobat. Namun salah satu yang bikin masalah yaitu mencari peletakanya. Kadang para blogger binggung memasangnya dimana. Nah kalo masalah itu ada solusinya yaitu memasang Buku tamu yang melayang. Maka dari itu sebelum memasang ini harus diperhitungkan juga masalah kecepatanya. fitur buku tamu ini sangat disarankan untuk dipasang. Hal ini dikarenakan dengan adanya buku tamu, sobat menjadi tahu siapa saja yang sudah berkunjung di blog sobat. Dan tidak hanya itu buku tamu bisa berfungsi sebagai chatting ( komunikasi ) antara sobat pemilik blog dengan pengunjung, Berikut ikuti langkahnya :

1. Daftar ke Shoutmix untuk dapatkan kode buku tamu.
2. Masuk / Login ke blogger dengan ID sobat.
3. Pilih ke menu Rancangan ( Element laman ).
4. Pilih Tambah Gadget - Pilih HTML / Javascript.
5. Copy paste kode html dibawah ini :
   <style type="text/css">
   #gb{
   position:fixed;
   top:60px;
   z-index:+1000;
   }
   * html #gb{position:relative;}
   
   .gbtab{
   height:100px;
   width:30px;
   float:left;
   cursor:pointer;
   background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib49DQI6RrGcVkRy07b0_9k3-yUJoBrMAqwFriW4iwwI8AszMi501kw8f04g1R7aSnplisrr1AiVOG_e4jxx79n1ihhyphenhyphenPOHjkct5JQkX_P20UoXCO7urphIkyJKOP2I3Cyirg-MrrtWMA/s1600/ChatBox-.png') no-repeat;
   }
   .gbcontent{
   float:left;
   border:3px solid #000000;
   background: #F5F5F5;
   padding:10px;
   }
   </style>
   <script type="text/javascript">
   function showHideGB(){
   var gb = document.getElementById("gb");
   var w = gb.offsetWidth;
   gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
   gb.opened = !gb.opened;
   }
   function moveGB(x0, xf){
   var gb = document.getElementById("gb");
   var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
   var dir = xf>x0 ? 1 : -1;
   var x = x0 + dx * dir;
   gb.style.right = x.toString() + "px";
   if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
   }
   </script>
   <div id="gb">
   <div class="gbtab" onclick="showHideGB()"> </div>
   <div class="gbcontent">
   <!-- BEGIN CBOX - www.cbox.ws - v001 -->
6. <div id="cboxdiv" style="text-align: center; line-height: 0">
7. <div><iframe frameborder="0" width="200" height="305" src="http://www6.cbox.ws/box/?boxid=802660&amp;boxtag=m42t6w&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-802660" style="border:#ababab 1px solid;" id="cboxmain6-802660"></iframe></div>
8. <div><iframe frameborder="0" width="200" height="75" src="http://www6.cbox.ws/box/?boxid=802660&amp;boxtag=m42t6w&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-802660" style="border:#ababab 1px solid;border-top:0px" id="cboxform6-802660"></iframe></div>
9. </div>
10. <!-- END CBOX -->
    <div style="text-align:right">
    <a href="http://kolombloggratis.blogspot.com">
    [Free ShoutMix]
    </a>
    </div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script></div>
11. Kemudian Klik simpan
12. Selesei.

Catatan Penting!!! Jangan satukan dengan Iklan Melayang karena akan menjadi kacau balau, Semoga Cara Membuat Buku Tamu Melayang & Sembunyi Di Kanan Atas Blog | Tips Blogspot | Buku Tamu Melayang Di Blog bisa bermanfaat dan tambahkan jaring teman diKolom Blog GRATIS,...

Sumber : http://www.kolombloggratis.blogspot.com/2011/05/membuat-buku-tamu-melayang-sembunyi-di.html#ixzz2Ote31r34

Cara Membuat Permanen Link di Blog

Sobat yang tertarik dengan widget yang satu ini, silahkan ikuti tutorial berikut.

Cara Membuat Permanen Link di Blog

1. Login ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin>

.admin-tulisan{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.

<!-- Permalink Tatelu -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4>
<div class='kontainer'>
<img alt='Christian angkouw' src='http://i1108.photobucket.com/albums/h405/christian410/269111_225685127450056_100000257112719_900053_7432574_n.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://christiantatelu.blogspot.com/2012/03/cara-membuat-permalink-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Tatelu -->

5. Klik save dan lihat hasilnya.

Tambahan :

• Ganti kode yang berwarna biru dengan Url foto / gambar milik sobat
• Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat ( ukuran textarea )

Cara mengkoversi data PDF table ke Tabel Exel

Banyak sumber dari data adalah PDF arsipkan. Ini kemungkinan untuk mengonversi tabel dari file demikian ke dalam Lampaui kemudian manipulasi data seperti yang diperlukan. Proses konversi melibatkan berpindah data pertama ke dalam Kata kemudian ke dalam Lampaui. Berikut mendeskripsikan tahapan kamu akan perlu mengambil.

Untuk menggambarkan tahapan ini, Tabel 10 dari Ekonomi Eropa Lampiran Statistik dipergunakan. Ekonomi pertunjukan ini laju pertumbuhan bagi seluruh 27 negara tambahan EU AS dan Jepang (melihat lokasi 5 pada hubungan terkait kita untuk data bebas ekonomi)

Langkah 1: Buka relevan PDF arsipkan dan pilih dan menyalin tabel

Yang pertama halaman dari Tabel 10 dari Bersemi 2007 versi dari Ekonomi Eropa Lampiran Statistik diperlihatkan di bawah.

Untuk menyalin tabel, klik di dalam Memilih dan klik dan seret kursor untuk menyoroti keseluruhan tabel. Kemudian tekan Ctrl c (untuk menyalin ini).

Langkah 2: Salin ini ke dalam Kata dan konversi ke satu tabel

Buka satu Kata baru dokumentasikan dan lekatkan teks tersalin dengan menekan Ctrl V. Ini harus terlihat sebagai berikut:

Sekarang konversi ini ke dalam satu tabel dengan menyoroti ini semua (kamu dapat dengan mudah lakukan ini dengan menekan Ctrl satu) dan memilih Tabel> Konversi> Teks ke Tabel. Satu kotak dialog akan muncul dan di bawah Teks Terpisah di, kamu harus memilih Lain dan klik pada kotak kecil dekat dengan ini; hapus apa ada di sana dan mengetik pada satu ruang. Tekan OK.

Satu tabel akan tampak (formatted dengan kurang baik) yangkah akan semua menyoroti. Sementara masih soroti, salin ini dengan menekan Ctrl C.

Langkah 3: Lekatkan ini ke dalam Lampaui

Buka satu kosong baru Melampaui dokumen. Yang pertama sel harus disoroti. Klik di sel ini dan masa lalu pada tabel yang kamu telah menyalin dari Jelaskan. Untuk lakukan ini, hanya menekan Ctrl V. Ini akan memberikan kamu satu tabel serupa dengan yang di bawah.

Langkah 4: Memanipulasi Melampaui tabel

Kamu akan sekarang perlukan untuk lakukan cecah manipulasi. Ini akan menolong kalau kamu yang punya satu Baris Lampiran dan satu ikon Baris Hapus pada toolbarmu ada di puncak (bagaimana caranya lakukan ini).

Pastikan pertama bahwa kolom dengan benar sejajar. Pada di atas, kayuh 5 adalah sel seseorang terlalu jauh ke sebelah kiri. Untuk mengoreksi ini, klik di A5 sel (sekarang ini berlabel JADI). Kemudian klik pada Lampiran> Sel> Mengalihkan Sel Benar kemudian OK. Ini akan bergerak semua masukan di baris 5 kolom sesuatu ke hak.

Hapus berikutnya baris tak dikehendaki, dengan memilih baris (klik pada angka baris pada kolom left-hand) kemudian tekan ikon baris hapus(). Pada tabel di atas kamu akan mungkin mau menghapus baris 1, 2, 3, 4, 6 dan 7. Kalau kamu mau menyelesaikan rata-rata periode terlalu tingkat inflasi 1961 ke 2008, kamu juga akan mau menghapus semua kecuali baris 5, 8, 9, 20, 31 dan 40.

Langkah 5: Menyelesaikan inflasi rata-rata untuk keseluruhan periode

Masukkan satu baris di bawah baris akhir dari figur. Pilih sel detik dari baris itu, klik pada ikon fx dan pada panel tangan kanan memilih RATA-RATA dan OK tekan dan OK lagi. Ini akan beri rata-rata dari kolom itu. Kamu dapat berganti angka dari tempat sistim desimal oleh klik pada sel yang sama lagi dan memilih Format> Sel> Angka kemudian memilih angka dari tempat sistim desimal.

Ketika ini dilakukan, klik di sini sel lagi dan salinan ini dengan menekan Ctrl C. Kemudian hanya mempergunakan kunci panah hak untuk meninggalkan satu sel ke berikutnya, setiap kali tekanan Ctrl V. Ini akan beri rata-rata untuk masing-masing kolom.

 (Berterima kasih ke Daud Allen dari universitas dari Barat dari Inggris untuk menyarankan cara ini.)

Cara Pasang Meta Tag SEO Friendly di Blog -

Salah satu yang dapat menyebabkan keberhasilan seorang blogger ialah jika seoarang blogger tersebut tidak hanya sekedar ngeblog / mosting- mosting saja, akan tetapi seorang blogger yang berhasil ialah blogger yang mau mempelajari/memperhatikan trik2 SEO dan mencoba mempraktekannya di blog mereka, sebab SEO sangat berpengaruh besar terhadap maju atau tidaknya blog mereka. SEO (Search Engine Optimization) itu sendiri merupakan serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kulitas trafik dari mesin pencari menuju alamat situs web tertentu, dengan memanfaatkan mekanisme kerja alami algoritma dari mesin pencari tersebut (Wikipedia). Atau dapat disimpulkan, seo merupakan sebuah metode agar postingan yang kita posting bisa terindex dan bisa nangkring di halaman pertama google, sehingga berpeluang besar untuk menarik pengunjung ke blog kita.

Sebenarnya ada banyak metode yang bisa dilakukan agar blog kita menjadi seo friendly, salah satunya dengan memasang meta tag yang seo friendly di blog. Dan metode ini hampir dilakukan oleh semua blogger. Dan hasilnya memang cukup efektif untuk menjadikan blog menjadi seo friendly. Ok. Dari pada saya berpanjang lebar, langsung saja menuju ke TKP.

Cara Memasang Meta Tag SEO Friendly di Blog

1. Login ke dasboard blog dan masuk ke Template.
2. Kemudian pilih edit HTML.
3. Centang Expand Widget Template.
4. Lalu cari kode berikut ini 

<b:include data='blog' name='all-head-content'/>   atau   <title><data:blog.pagetitle/></title>   atau   <title><data:blog.pageName/> - <data:blog.title/></title>  atau  <title><data:blog.title/></title>

 
5. Jika sobat telah menemukan salah satu dari kode di atas, silahkan untuk meletakkan kode meta tag berikut di bawahnya: 

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content=' ISI DENGAN DESKRIPSI BLOG SOBAT ' name='DESCRIPTION'/>
<meta content=' ISI DENGAN KEYWORD BLOG SOBAT ' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content=' NAMA PENGGUNA BLOG ' name='author'/>
<meta content='2012, ISI DENGAN JUDUL BLOG ' name='copyright'/>
<meta content='1 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='all-language' http-equiv='Content-Language'/>
<meta content='global' name='Distribution'/>
<meta content='global' name='target'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='all' name='Scooter'/>
<meta content='ALL' name='spiders'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='never' name='Expires'/>


6. Klik Simpan dan tunggu hasilnya sampai google bot meng crawler blog sobat.

CSS

400. That’s an error.

The requested URL was not found on this server. That’s all we know.

Cara Menambahkan Sebuah Kolom Posting Utama Untuk Artikel Terbaru Pada Beranda Blog

Sobat Blogger, melanjutkan uraian teknik untuk mengubah atau mengganti model bidang posting yang ditampilkan di halaman beranda dalam artikel sebelumnya dengan judul ‘Cara Mengganti Desain Halaman Blog Yang Dihasilkan Oleh Penggunaan Template Standar’, berikut ini adalah uraian cara yang digunakan untuk menambahkan 1 (satu) kolom utama untuk artikel terbaru pada homepage yang dimaksudkan sebagai sebuah headline. Disamping itu, penerbitan artikel ini sekaligus dimaksudkan untuk menjawab pertanyaan yang diajukan dalam artikel sebelumnya mengenai bagaimana caranya menambahkan kotak posting baru di atas kumpulan kotak artikel yang dihasilkan oleh penggunaan teknik dalam artikel tersebut di atas. Sehingga untuk menerapkan teknik dalam artikel ini, maka terlebih dulu Anda harus mengimplementasikan teknik yang telah diuraikan dalam artikel sebelumnya seperti yang telah saya sebutkan di atas.

Dan karena langkah-langkah untuk membuat sebuah kolom posting baru seperti yang tampak pada gambar di atas cukup panjang, maka jika Anda ingin menerapkannya dapat langsung dilakukan dengan mengerjakan cara di bawah ini secara berurutan.

Pertama, buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’ > ‘Expand Template Widget’.

Kedua, menambahkan sebuah kolom posting baru. Untuk mengerjakannya cari <b:include name='kolom-posting'/> dan kemudian sisipkan <b:include name='full-artikel'/> tepat di atasnya. Dan karena kode tersebut terdapat 2 (dua) buah, maka perhatikan contoh rangkaian kode di bawah ini.

Berikut ini adalah rangkaian kode awal (sebelum dilakukan perubahan).

<div class='blog-posts hfeed'>
  <b:include data='top' name='status-message'/>
  <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
      <b:if cond='data:blog.homepageUrl != data:blog.url'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
            <b:include name='kolom-posting'/>
          <b:else/>
            <b:include name='full-artikel'/>
          </b:if>
        <b:else/>
          <b:include name='full-artikel'/>
        </b:if>
      <b:else/>
        <b:include name='kolom-posting'/>
      </b:if>
    <b:else/>
    </b:if>
  </b:loop>
</div>

Dan berikut ini adalah rangkaian kode yang telah dilakukan perubahan.

<div class='blog-posts hfeed'>
  <b:include data='top' name='status-message'/>
  <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
      <b:if cond='data:blog.homepageUrl != data:blog.url'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
            <b:include name='kolom-posting'/>
          <b:else/>
            <b:include name='full-artikel'/>
          </b:if>
        <b:else/>
          <b:include name='full-artikel'/>
        </b:if>
      <b:else/>
        <b:include name='full-artikel'/>  <!-- KODE TAMBAHAN YANG DISISIPKAN -->
        <b:include name='kolom-posting'/>
      </b:if>
    <b:else/>
    </b:if>
  </b:loop>
</div>

Keterangan:

Setelah mengerjakan langkah di atas, maka lakukan pratinjau untuk memastikan bahwa telah tertambah satu kolom baru di atas kolom kumpulan artikel sebelumnya. Dan apabila telah tertambah kolom posting baru, maka lanjutkan pada langkah yang ketiga.

Ketiga, menyembunyikan kolom footer yang terdapat di bawah artikel. Untuk mengerjakannya terlebih dulu cari <div class='post-footer'>. Namun ingat karena kode tersebut dalam template terdapat 2 (dua) buah, maka pastikan bahwa kode yang dimaksud merupakan kode yang terletak beberapa baris di bawahnya <b:if cond='data:post.hasJumpLink'>.

Dan selanjutnya apabila sudah ketemu maka tambahkan 2 (dua) buah kode seperti yang ditandai dengan keterangan huruf kapital dalam rangkaian kode di bawah ini.

<!-- Rangkaian Kode Bawaan Template -->

    <b:if cond='data:post.hasJumpLink'>
      <!-- Rangkaian Kode Bawaan Template -->
    </b:if>
   
    <b:if cond='data:blog.pageType != &quot;index&quot;'>  <!-- TAMBAHKAN KODE INI DI SINI-->
    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
   
       <!-- Rangkaian Kode Bawaan Template -->
   
       </span> </div>
    </div>
  </b:if>  <!-- DAN TAMBAHKAN KODE INI DI SINI -->
  </div>
</b:includable>

Keterangan:

Setelah mengerjakan langkah di atas, maka lakukan pratinjau untuk memastikan bahwa kolom footer artikel tidak lagi tampil di halaman beranda. Dan bila hasilnya telah sesuai dengan yang diharapkan, maka lanjutkan pada langkah yang keempat.

Keempat, menambahkan judul untuk kolom posting baru yang terbentuk. Untuk mengerjakannya silakan cari <b:includable id='full-artikel'> dan kemudian temukan kode <h2 class='date-header'><span><data:post.dateHeader/></span></h2> yang terletak beberapa baris di bawahnya.

Selanjutnya bila kode tersebut telah ketemu, maka hapuslah dan kemudian ganti kode tersebut dengan rangkaian kode di bawah ini.

<b:if cond='data:blog.pageType == &quot;index&quot;'>
  <h2 class='date-header'><span>Headline</span></h2>
<b:else/>
  <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>

Kelima, menambahkan judul untuk kumpulan kolom posting yang kedua. Untuk mengerjakannya cari terlebih dulu <b:includable id='kolom-posting'> dan kemudian perhatikan bahwa di bawah kode tersebut terdapat <div class='date-outer'>. Nah, yang perlu dilakukan adalah menyisipkan <h2 class='date-header'><span>Daftar Pilihan Artikel</span></h2> tepat di bawah kode tersebut, dalam hal ini tepat di bawah <div class='date-outer'>.

Keenam, simpan template.

Namun ingat, karena setiap template memiliki desain tampilan awal serta karakteristik yang berbeda, maka bukan berarti kustomisasi yang dilakukan telah selesai sepenuhnya. Sehingga dengan demikian dapat diartikan pula bahwa perlu dilakukan penataan lanjutan, termasuk diantaranya adalah menata kerapian bidang posting, judul kolom posting, dan atau bagian lainnya sesuai dengan template yang dipakai. Oleh sebab itu jika Anda mengalami kesulitan dalam mengimplementasikan teknik tersebut, maka silakan ajukan pertanyaan mengenai kesulitan yang Anda alami dengan cara mengeposkan komentar dalam artikel ini, karena dengan senang hati saya akan membantu memberikan solusi untuk mengatasinya sesuai kemampuan yang saya miliki.

Semoga berguna dan bermanfaat.

Salam.

Sumber: http://eltelu.blogspot.com/2012/11/cara-menambahkan-sebuah-kolom-posting.html#ixzz2NmqFzNCD