Sabtu, 31 Desember 2011

Membuat Menu Melayang

Membuat Menu Melayang | Tutorial Blog

Menu melayang disini maksudnya menu yang tetap pada posisinya walaupun blog di geser keatas dan kebawah.
Berikut cara Membuat Menu Melayang :
  • Login ke Blogger, Klik Design/Rancangan > Edit HTML.
    Membuat Menu Melayang
  • Beri tanda centang pada Expand Template Widget.
    Membuat Menu Melayang
    Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
  • Selanjutnya cari kode </head>,dan letakan kode berikut diatasnya :
    <style>
    div.floating-menu {
    position: fixed;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#666));
    background: -moz-linear-gradient(top, #000, #666);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#000000&#39;, endColorstr=&#39;#999999&#39;);
     border: 1px solid #000;
     width: 150px;
     z-index: 500;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border:none;
    padding:10px 10px 10px 10px;
     }
    div.floating-menu a, div.floating-menu h4 {
    display: block;
    margin: 0 0.5em;
    color:#FFF; }
    div.floating-menu a:hover {
    color:#0000FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#0088ff), to(#bbddff));
    background: -moz-linear-gradient(top, #0088ff, #bbddff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#0088ff&#39;, endColorstr=&#39;#bbddff&#39;);
    color:#FFF;
    cursor: pointer;
    text-decoration: none;
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);  
    }
      </style>
  • Setelah itu sobat cari kode  <body> dan masukan kode di bawah ini di bawah <body>.
    <div class="floating-menu">
    <h4>Menu</h4>
    <a href="http://alamat-url/">Anchor Text</a>
    <a href="http://alamat-url/">Anchor Text</a>
    <a href="http://alamat-url/">Anchor Text</a>
    <a href="http://alamat-url/">Anchor Text</a>
    </div> 
    Ganti http://alamat-url/ dan Anchor Text,
  • Terakhir klik Save / Simpan Template.
    Membuat Menu Melayang
Selamat mencoba dan semoga berhasil Membuat Menu Melayang.

Tips Evaluasi Dan Optimalisasi Blog Di 2012

Tips Evaluasi Dan Optimalisasi Blog – Tahun 2012 sudah datang dan kita rayakan dengan penuh suka cita. Hadirnya tahun baru 2012 ini tentu membawa harapan besar yang ingin kita wujudkan. Ada banyak semangat baru, langkah kerja baru, hingga resolusi baru.

Berkaitan dengan dunia blogging, momen perayaan tahun baru dapat kita manfaatkan untuk mengevaluasi kinerja blog kita di tahun sebelumnya dan merancang strategi dan resolusi di tahun berikutnya. Hal ini penting untuk dilakukan dalam rangka perbaikan mutu serta kualitas blog agar selalu lebih baik dari waktu ke waktu.


Langkah termudah untuk melakukan evaluasi adalah dengan mendeskripsikan apa saja hambatan yang kita temui di tahun sebelumnya. Kita dapat mengingat kembali apa saja hal-hal yang menghambat dalam perkembangan karir blog kita, masalah teknis yang menimpa blog kita, hingga kegagalan apa yang kita rasakan terhadap blog kita. Setelah itu, kita ajukan resolusi perubahan dan menyusun rencana kerja yang matang guna mewujudkan resolusi yang kita harapkan.

Beberapa tips penting dalam mengoptimalkan kinerja blog yang dapat kita lakukan pada momen tahun baru 2012 antara lain sebagai berikut:

1. Perbarui dan perbaiki konten.

Konten adalah raja. Konten adalah darah dari blog. Semakin bagus konten blog yang kita miliki maka secara langsung akan membuat kualitas blog kita akan menjadi bagus. Perbaikan dan perbaruan konten dalam blog sangat penting untuk dilakukan. Dengan adanya perbaikan konten maka kita dapat meminimalisasi kesalahan pada konten blog kita baik berupa cara bertutur, komposisi materi, akurasi kebenaran materi, kelengkapan materi, dan selera pembaca terhadap materi. Perbaruan konten juga penting untuk dilakukan karena dapat menghilangkan rasa bosan bagi pembaca dan mampu menawarkan sesuatu yang fresh dalam blog kita.

2. Perhatikan tata letak.

Salah satu aspek penilaian seorang pembaca ketika mengunjungi blog kita adalah segi tata letak blog. karena itu, usahakan untuk membuat tata letak blog kita menjadi simpel, memberikan kemudahan akses membaca, hingga rapi dan sedap dipandang mata. Salah satu kebiasaan buruk yang selalu kita lakukan adalah terlalu banyak memasang aksesoris blog. Hal ini harus kita hindari karena dapat merusak tata letak blog, menumpulkan konsep tema blog, hingga memberatkan loading blog.

3 Giat dalam berpromosi.

Promosi blog juga merupakan salah satu langkah penting yang harus kita perhatikan dalam rencana optimalisasi blog milik kita. Tanpa promosi yang bagus maka kualitas blog kita yang bagus akan sia-sia. Hal ini dikarenakan tidak akan banyak orang yang tahu mengenai keberadaan blog kita jika kita tidak pernah mau untuk berpromosi mengenalkannya kepada orang lain.

4. Pelajari SEO.

SEO juga bagian penting yang harus kita perhatikan. SEO berperan penting dalam hal promosi blog karena dengan penerapan SEO yang bagus maka setiap halaman postingan blog kita akan selalu muncul di halaman terdepan SERP (Search Engine Result Page). Ketika blog kita sudah memiliki SEO dengan kualitas yang baik maka potensi kunjungan pembaca baru dari search engine pun akan semakin besar.

5. Mulai memonetisasi blog.

Jika blog kita sudah terkenal dan memiliki kualitas dan kuantitas kunjungan yang bagus, tidak ada salahnya bagi kita untuk mulai memonetisasi blog sebagai sumber penghasilan. Kita dapat memonetisasi blog dengan berbagai cara seperti memasang iklan melalui jasa penyedia layanan iklan, memasang iklan mandiri, menjual produk melalui blog seperti ebook, jual beli link, menerbitkan review berbayar, menjalankan program affiliasi, hingga mengikuti berbagai kontes.

Tahun baru 2012 dapat kita maknai dengan berbagai hal. Yang terpenting adalah semuanya kita maknai dengan hal-hal yang positif dan bersifat membangun. Tahun baru ini juga dapat kita jadikan sebagai momen untuk mengevaluasi dan mengoptimalkan kembali kualitas blog milik kita agar lebih baik lagi ke depannya.

Jumat, 30 Desember 2011

Membuat Widget Daftar Isi Tersembunyi

Membuat Widget Daftar Isi Tersembunyi | Tutorial Blog

Sebelumnya saya pernah posting tentang Membuat Daftar Isi Blog, pada tutorial kali ini daftar isi tersebut akan kita pasang pada widget di sidebar blog dengan mode Show Hide.
Buat yang ingin mencobanya, silakan ikuti tutorial berikut :
  1. Login ke blogger, klik Design/Rancangan > Page Element/Elemen Halaman.
    Membuat Widget Daftar Isi Tersembunyi
  2. Klik Add a Gadget, pilih HTML/Java Script
    Membuat Widget Daftar Isi Tersembunyi
  3. Lalu masukkan kode berikut :
    <div class="widget-content">
    <div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Daftar Isi&#39;; }" value="Daftar Isi" style="margin: 0px; padding: 5px; width: 100%; font-size: 11px; background: none repeat scroll 0% 0% blue; border-top-left-radius: 15px; border-bottom-right-radius: 15px;" type="button" /></div><div class="alt2"><div style="display: none;"><div style="text-align: justify; padding: 2px;"><center><blink><h3>Daftar Isi</h3></blink></center><div style="overflow: auto; width: 270px; height: 200px; padding: 10px; border: 1px solid rgb(238, 238, 238);">

    <script src="http://post-xml.googlecode.com/files/feeds-labels.js"></script><script src="http://alamatblog.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script>

    </div></div></div></div></div></div></div>
    Keterangan :
    blue : warna background, silakan ganti sesuai keinginan Anda.
    width: 270px; height: 200px; : Ukuran lebar dan tinggi widget, sesuaikan dengan sidebar Anda.
    alamatblog.com : Ganti dengan alamat blog Sobat.
    Widget diatas daftar isi berdasarkan label, untuk Daftar Isi Berdasarkan Tanggal berikut kodenya :
    <div class="widget-content">
    <div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Daftar Isi&#39;; }" value="Daftar Isi" style="margin: 0px; padding: 5px; width: 100%; font-size: 11px; background: none repeat scroll 0% 0% blue; border-top-left-radius: 15px; border-bottom-right-radius: 15px;" type="button" /></div><div class="alt2"><div style="display: none;"><div style="text-align: justify; padding: 2px;"><center><blink><h3>Daftar Isi</h3></blink></center><div style="overflow: auto; width: 270px; height: 200px; padding: 10px; border: 1px solid rgb(238, 238, 238);">

    <script src="http://post-xml.googlecode.com/files/feed-dates.js"> </script><script src="http://alamatblog.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script>

    </div></div></div></div></div></div></div>
  4. Lalu klik Save.
    Membuat Widget Daftar Isi Tersembunyi
    hasilnya akan seperti ini, silakan di klik.

    Daftar Isi

    • Judul Postingan
    • Judul Postingan
    • Judul Postingan
    • Judul Postingan
    • Dan Seterusnya
Sekian tutorial tentang Membuat Widget Daftar Isi Tersembunyi.

Kamis, 29 Desember 2011

Widget Google Followers Valid XHTML

Widget Google Followers Valid XHTML | Tutorial Blog

Dari hasil Tes Valid XHTML lewat validator.w3.org, widget Follower default dari blogger dinyatakan tidak valid. Widget ini mengandung error. Pada tutorial kali ini kita bahas cara memasang widget Google Followers yang Valid XHTML, caranya kita gunakan kode asli dari google friend connect.
Berikut Tutorialnya :
  1. Masuk ke situs http://www.google.com/friendconnect/, dan Login menggunakan account gmail anda.
  2. Pilih blog Sobat yang ingin di pasang widget Google Followers, lalu klik pada Tambahkan Gadget Anggota.
    Widget Google Followers
  3. Atur lebar widget,font dan warnanya, sesuaikan dengan sidebar blog Anda.
    Widget Google Followers
  4. Kalau sudah selesai, tekan tombol Buat Kode pada bagian bawah halaman.
    Widget Google Followers
  5. Copy kode yang diberikan oleh Google Friend Connect tersebut.
    Widget Google Followers
  6. Selanjutnya, Login ke blogger. pilih Design / Rancangan > Page Element.
    Design Page Element
  7. Kemudian pilih Add a Gadget.
    Add Gadget
  8. Pilih HTML/Javascript dan masukkan kode yang diberikan oleh Google Friend Connect tadi.
    Html JavaScript
  9. Lalu klik Save. Selesai...
Supaya benar-benar valid, Masuk ke menu Edit HTML, dan beri tanda centang pada box Expand Widget Template, Cari kode <b:include name='quickedit'/>, dan hapus semua kode tersebut dari template anda.
Selanjutnya akan saya buat tutorial tentang Widget Google Followers Hide Show.
Sekian tutorial tentang memasang Widget Google Followers Valid XHTML.

5 Tips Manajemen Waktu Blogging

Manajemen Waktu Blogging – Blogging adalah aktifitas yang menyenangkan. Kita dapat melakukan berbagai hal yang menarik di dalam blogging seperti menulis, menuangkan ide, bersosialisasi, membaca, mencari ilmu dan pengetahuan baru, serta aktifitas menarik dan bermanfaat lainnya. Akan tetapi, kesibukan pekerjaan kadang membuat waktu untuk blogging semakin berkurang dan menyebabkan kegiatan blogging menjadi terganggu bahkan terhenti.


Blogging bukan hanya aktifitas menulis dan menerbitkan artikel di dalam blog. lebih dari itu, blogging mencakup segala aktifitas mulai dari menulis artikel, mempublikasikannya, blogwalking, hingga menjawab setiap komentar yang masuk dalam setiap postingan yang telah diterbitkan. Kegiatan blogging menjadi menarik untuk dilakukan. Karena itu, tidak jarang jika blogging menghabiskan waktu yang cukup lama dari total waktu yang kita miliki.

Jika aktifitas kita yang lainnya sangat padat tentu kegiatan blogging yang menghabiskan banyak waktu ini akan cukup merepotkan dan mengganggu aktifitas kita secara keseluruhan. Oleh karena itu, kita harus bisa menyikapi setiap waktu yang kita miliki dengan baik. Beberapa tips manajemen waktu blogging yang dapat kita terapkan antara lain sebagai berikut:

1. Tetapkan jadwal blogging secara pasti.

Kita harus bisa menetapkan jadwal blogging kita secara pasti dalam satu hari. Penetapan jadwal ini berdasarkan kebutuhan dan ketersediaan waktu luang kita dalam sehari. Kita bisa mengalokasikan satu hingga dua jam saja waktu khusus untuk melaksanakan blogging.

Selain itu, kita juga dapat menetapkan waktu blogging kita dalam satu hari secara lebih spesifik lagi. Misalnya, kita melakukan blogging setiap setelah bangun dan sebelum tidur. Hal yang terpenting dalam penetapan waktu ini adalah waktu blogging ini dipastikan tidak akan mengganggu dan berbenturan dengan pelaksanaan kegiatan kita yang lainnya.

2. Blogging secara teratur.

Kita harus bisa membiasakan diri untuk melakukan blogging secara teratur. Alasannya adalah dengan blogging yang teratur dapat menjaga performa blogging kita agar selalu baik dan tidak menghilangkan kebiasaan blogging kita secara perlahan. Blogging secara teratur ini dapat kita lakukan setiap berapa periode sekali tergantung kebutuhan dan ketersediaan waktu kita. Misalnya, sehari sekali, tiga hari sekali, atau seminggu sekali.

3. Cari dan simpan ide menulis.

Ide menulis merupakan nyawa dari setiap aktifitas blogging kita. Meskipun blogging tidak selalu berhubungan dengan menulis, tetapi ide menulis untuk menciptakan sebuah artikel merupakan nyawa dari aktifitas blogging. Menulis dan menerbitkan artikel di dalam blog kita merupakan aktifitas utama blogging.

Kita dapat memperoleh ide untuk menulis dari berbagai sumber. Untuk lebih jelasnya, silakan baca kembali postingan sumber menulis postingan di blog untuk mengetahui sumber ide menulis. Semakin banyak ide untuk menulis maka kegiatan blogging yang kita lakukan juga akan semakin mudah dilakukan.

Jika kita memiliki banyak ide menulis, kita juga harus bisa menjaganya agar ide tersebut tidak hilang sebelum kita menuangkannya dalam tulisan. Cara termudah untuk menjaga agar ide tersebut tetap terjaga hingga waktu penulisan tiba adalah dengan menyimpannya dalam bentuk konsep atau mendokumentasikannya dalam arsip tertentu milik kita.

4. Ciptakan aktifitas baru dan pelihara mood.

Meskipun kegiatan blogging itu sangat menyenangkan, tetapi suatu saat kita pasti akan menemui titik jenuh di mana kita akan merasa sangat malas untuk melakukan aktifitas blogging. Untuk mencegahnya, kita dapat menciptakan aktifitas baru sebagai selingan agar kita tidak terlalu banyak berkutat dengan blogging. Pengaturan jadwal blogging yang baik akan menghindarkan kita dari kebosanan.

Sehingga, ketika kita sudah bebas dari rasa malas dan bosan dalam blogging maka mood dalam diri kita untuk blogging pun akan senantiasa baik. Mood yang baik akan memiliki dampak yang baik bagi aktifitas blogging kita. Blogging akan terasa nyaman dan kita pun akan semakin menikmatinya.


5. Fokus dan lakukan dengan cepat

Kita juga harus bisa bersikap hemat terhadap waktu yang kita miliki. Kerjakan apa saja yang kita anggap penting. Karena itu, ada baiknya jika kita telah memiliki daftar rencana kegiatan blogging terlebih dahulu. Kita harus fokus terhadap satu hal tertentu yang menurut kita penting untuk dilakukan.

Jangan pernah menyia-nyiakan waktu untuk melakukan hal-hal tidak penting yang pada akhirnya akan memakan banyak waktu. Usahakan untuk selalu cepat dalam melakukan setiap bagian karena akan membuat kita bisa melakukan banyak hal dalam blogging dan kegiatan blogging tidak akan terasa membosankan.


Blogging adalah aktifitas yang menyenangkan karena blogging memiliki banyak manfaat yang dapat kita peroleh. Karena blogging membutuhkan banyak waktu maka manajemen waktu dalam blogging sangat perlu untuk dilakukan dalam rangka menunjang keberlangsungan aktifitas blogging yang kita lakukan. Manajemen waktu yang baik akan membuat kita terhindar dari kebosanan dan membuat blogging terasa lebih mudah dan indah untuk dilakukan.

Cara Menghapus Waktu Postingan

Cara Menghapus Waktu Postingan | Tutorial Blog

Settingan waktu / jam secara default pada blogspot akan muncul di setiap postingan, beberapa blogger tidak senang dengan adanya waktu / jam postingan tersebut, pada tutorial kali ini saya akan berbagi cara menghilangkan waktu / jam postingan tersebut secara permanen.
Berikut langkah-langkahnya :
  1. Login ke Blogger, Klik Design/Rancangan > Edit HTML.
    Cara Menghapus Waktu Postingan
  2. Beri tanda centang pada Expand Template Widget.
    Cara Menghapus Waktu Postingan
    Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
  3. Kemudian cari kode di bawah ini :
    <span class='post-timestamp'>
    <b:if cond='data:top.showTimestamp'>
    <data:top.timestampLabel/>
    <b:if cond='data:post.url'>
    <a class='timestamp-link' expr:href='data:post.url'
    rel='bookmark' title='permanent link'><abbr class='published'
    expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></
    a>
    </b:if>
    </b:if>
    </span>
    Akan lebih mudah untuk menemukan kode di atas dengan menggunakan fungsi Ctrl+F (find) dan cari kode <span class="post-timestamp">, Jika sudah ketemu, delete kode yang ada di dalam kotak berwarna biru diatas.
  4. Terakhir klik Save / Simpan Template.
    Cara Menghapus Waktu Postingan
Perhatian, cara ini akan menghilangkan waktu / jam pada postigan secara permanen.
Sekian dan terima kasih...

Selasa, 27 Desember 2011

Membuat Widget Melayang di Blogger

Membuat Widget Melayang di Blogger | Tutorial Blog

Sebelumnya saya pernah posting tentang Membuat Widget Melayang di Wordpress.com, untuk kali ini Membuat Widget Melayang di Blogger / Blogspot.
Ok Sob , berikut caranya :
  1. Login ke blogger, klik Design > Edit HTML.
    Membuat Widget Melayang di Blogger
  2. Beri tanda centang pada kotak Expand Template Widget.
    Membuat Widget Melayang di Blogger
  3. Cari kode ]]></b:skin> dan kalau sudah ketemu, letakkan kode berikut tepat di atasnya.
    #floating-widget { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
  4. Selanjutnya, carilah kode </body> dan letakkan kode berikut tepat di atasnya
    <div id='floating-widget'>
    Letakkan kode widget disini
    </div>
  5. Jika sudah selesai klik SAVE / SIMPAN TEMPLATE, dan lihat hasilnya.
    Membuat Widget Melayang di Blogger
Silakan dicoba dan Semoga berhasil...

Senin, 26 Desember 2011

Cara Menampilkan Share Button

Cara Menampilkan Share Button | Tutorial Blog

Bagi sobat blogger yang sudah pernah atau sering gonta ganti template yang diambil dari penyedia template mungkin tidak bisa memakai fitur Share Button. karena kode Share botton pada design template tersebut mungkin fiturnya tidak ada, jadi Share botton-nya tidak muncul.
Berikut Cara Memunculkan Share Button di Blogger :
  • Masuk ke blogger, klik Design > Page Element
    Cara Menampilkan Share Button
  • Kemudian klik Edit pada Blog Posts
    Cara Menampilkan Share Button
  • Beri centang pada Show Share Buttons
    Cara Menampilkan Share Button
  • Klik Save dan cek apakah muncul tombol sharenya
    Cara Menampilkan Share Button
  • Jika masih belum muncul silahkan ke tab menu Edit HTML
    Cara Menampilkan Share Button
  • Beri centang pada Expand Widget Templates.
    Cara Menampilkan Share Button
  • Cari kode <b:includable id='backlinks' var='post'>.
  • Letakkan kode berikut diatas kode <b:includable id='backlinks' var='post'>.
    <b:includable id='shareButtons' var='post'>
      <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
          <span class='share-button-link-text'><data:top.emailThisMsg/></span>
      </a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
          <span class='share-button-link-text'><data:top.blogThisMsg/></span>
      </a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
          <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
      </a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
          <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
      </a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
          <span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
      </a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
          <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
      </a></b:if>
      <b:if cond='data:top.showDummy'>
        <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
      </b:if>
    </b:includable>
  • Selanjutnya cari kode <div class='post-footer'> atau di posisi line 2, line 3,misalnya line 3 : <div class='post-footer-line post-footer-line-3'>.
  • Lalu letakkan kode berikut di bawah kode tersebut.
    <div class='post-share-buttons goog-inline-block'>
            <b:if cond='data:post.sharePostUrl'>
              <b:include data='post' name='shareButtons'/>
            </b:if>
          </div>
  • Klik Save Template dan lihat hasilnya.
    Cara Menampilkan Share Button
Selamat mencoba dan semoga bermanfaat...

Cara Tambah Scroll Di Komentar Blog

Tambah Scroll Di Komentar Blog – Menambahkan fungsi scroll di kotak komentar blog merupakan salah satu alternatif yang bisa dilakukan bagi pemilik blog yang ingin meringkas tampilan komentar yang muncul di setiap halaman postingan blognya. Dengan meringkas tampilan kotak komentar tersebut tentu akan membuat tampilan halaman blog menjadi lebih rapi dan hemat ruang. Pembaca juga diberikan kemudahan ketika ingin menuliskan komentar tanpa harus kesulitan membaca dan melewati komentar pembaca lain satu per satu.

Kadang ada di antara kita yang ingin tampilan semua komentar di setiap postingan blog sengaja ditampilkan semua untuk memberikan kesan ramai dan memberikan sugesti pada pembaca lainnya untuk berkomentar. Akan tetapi, ada juga sebagian di antara kita yang ingin menyembunyikan semua komentar yang telah diberikan pembaca dalam postingan blog kita dengan hanya menampilkannya sebagian komentar melalui tampilan kotak komentar yang diberi fungsi scroll.

Cara menampilkan fungsi scroll pada komentar blog merupakan alternatif bagi kita yang ingin meringkas tampilan komentar dari pembaca terhadap postingan blog kita. Dengan penambahan fungsi scroll maka tampilan kotak komentar akan menjadi lebih ringkas dan hemat ruang. Selain itu, tampilan komentar yang berbeda dari biasanya ini juga bisa menimbulkan kesan menarik bagi para pembaca kita.


Cara untuk menampilkan fungsi scroll pada komentar blog kita ini juga relatif mudah. Kita hanya perlu menambahkan fungsi scrolling di HTML template blog kita pada bagian komentar. Adapun cara untuk menambahkannya adalah sebagai berikut:

Masuk ke akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

#comments-block{

atau

#comments-block {


Jika pada template terdapat kode untuk menampilkan border dalam komentar blog kita, hapus terlebih dahulu. Contoh kode bordernya adalah sebagai berikut.

border:0px dotted #ccc;

Kemudian tambahkan kode berikut setelahnya.

max-height:300px;border:1px solid #eee;overflow:auto;

klik simpan template dan selesai.

Keterangan:

  1. Ganti angka 300px pada height untuk merubah tinggi kotak komentar.
  2. Ganti angka 1px pada border untuk mengubah ketebalan garis border.
  3. Ganti solid untuk mengubah jenis border yang ditampilkan. Silakan lihat postingan Buat Border Dalam Postingan Blog untuk referensi jenis border yang kita sukai.


Pemasangan fungsi scroll dalam komentar blog ini juga memberikan kerugian bagi para pembaca yang selalu membaca komentar pembaca lainnya sebelum berpartisipasi memberikan komentar. Hal ini dikarenakan keterbatasan ruang baca dalam membaca komentar untuk postingan blog kita oleh pembaca. Karena, sebaiknya pemasangan fungsi scroll dalam komentar blog kita ini juga memperhatikan aspek kenyamanan, kerapian, dan kesan elegan yang ditinjau dari beberapa sudut pandang.

Minggu, 25 Desember 2011

Membuat Widget Melayang di Wordpress.com

Membuat Widget Melayang di Wordpress.com | Tutorial Blog

Widget melayang (Floating Widget) mungkin dapat Sobat gunakan untuk mempercantik tampilan blog, cara memasangnya mudah saja, namun tidak semua widget dapat di pasang menggunakan trik ini.
Langsung saja Sob, berikut caranya :
  • Login ke Wordpess Anda, Klik Appearance > Widgets.
    Membuat Widget Melayang
  • Pilih Widget Text, Drag ke Sidebar
    Membuat Widget Melayang
  • Lalu letakkan kode berikut ;
    <div style='display:scroll;position:fixed;top:5px;right:5px;'>
    Kode Widget
    </div>
    Sebagai contoh saya gunakan kode pagerank
    <div style='display:scroll;position:fixed;top:5px;right:5px;'>
    <a href="http://www.getrank.org" target="_blank"><img title="Pagerank" src="http://www.getrank.org/prbutton/pagerank-display.php?s=17" alt="PageRank Checker" border="0px" /></a>
    </div>
    Keterangan :
    top:5px;right:5px; : kode yang berwarna merah merupakan posisi widget yang akan Anda pasang, seperti contoh diatas. top right menunjukkan posisinya di atas bagian kanan dengan jarak 5 pixel dari pinggir layar monitor Anda. Bila ingin merubah posisinya di atas kiri, maka codenya menjadi ; top:5px;left:5px  posisi bawah kiri : bottom:5px;left:5px dan posisi dibawah kanan ganti codenya dengan bottom:5px;right:5px
  • Terakhir klik Save.
    Membuat Widget Melayang
Selamat mencoba dan semoga berhasil...

Sabtu, 24 Desember 2011

Black Hat Seo

Black Hat Seo | Tutorial Blog

Black hat seo adalah cara curang / kotor dalam melakukan teknik optimasi untuk mendapatkan rangking terbaik di search engine. Teknik seperti ini memang terbukti berhasil membawa sebuah halaman blog bisa tampil pada halaman depan google namun hanya bertahan singkat, setelah itu halaman tersebut akan hilang atau bahkan blog, situs ataupun web tersebut akan dibanned sama mbah google. Cara mencek apakah situs kita dibanned atau tidak sama google adalah dengan mengetikkan site:namasitus.com di kolom pencarian google. Jika gak ada hasil yang muncul padahal sebelumnya ada maka jelas sudah blog situs ataupun web tersebut kena banned oleh google, silakan baca Cara Mengetahui Blog Kena Banned.
Teknik Black Hat SEO yang saya tahu ada 5 jenis yaitu :
  • Teknik Black Hat SEO Link Farming
    Teknik Black Hat SEO Link Farming adalah sebuah teknik mengumpulkan link di satu halaman blog maupun situs. Maksudnya di satu halaman cuma berisi daftar link yang jumlahnya sangat banyak bisa sampai ratusan atau bahkan ribuan link.
  • Teknik Black Hat SEO keyword Stuffing
    Teknik Black Hat SEO keyword stuffing adalah penerapan keyword yang berkelebihan atau menembak keyword secara membabi buta, dimana sebuah halaman web yang berisi sebuah kata yang berulang - ulang atau tidak wajar.
  • Teknik Black Hat SEO Cloaking Page doorway page
    Untuk teknik Black Hat SEO cloaking page atau doorway page adalah cara dimana mencari jalan untuk membuat sebuah halaman web agar terus dilihat atau terus dikunjungi. Teknik seperti ini bisa dilakukan di blog bersangkutan ataupun di blog lain dengan cara menyisipkan sebuah kode bisa javascript dan bisa php yang gunanya adalah pemanggilan untuk sebuah halaman yang ingin dioptimasi. Cara simpelnya adalah mengunakan pop up, yaitu sebuah teknik membuka halaman web yang tidak ingin kita kunjungi terbuka di jendela baru, Jadi mau tidak mau halaman tersebut tetap terbuka web lain. Cara lain dari door way page ini adalah membuat kode refresh atau redirect ke halaman web tertentu yang ingin di redirect. Tentunya halaman yang punya trafik bagus misalnya traffiknya ribuan maka otomatis pengunjung yang ribuan diredirect ke halaman web yang akan dioptimasi. Cara lainnya dari doorway page ini adalah memanfaatkan url redirect dari hasil pencarian google.
  • Teknik Black Hat SEO Invisible Text (Teks Tidak Terlihat)
    Untuk Teknik Black Hat SEO Invisible Text (Teks Tidak Terlihat) adalah suatu teknik menyembunyikan kata sebuah keyword di dalam blog yang kata tersebut tidak akan tampak secara kasat mata. Caranya dengan menyamakan warna tulisan kata tersebut dengan latar belakang atau background template. misal kalau template kita hitam maka buat warna text kata tersebut berwarna hitam. Tulisan yang tidak nampak tersebut dengan mata telanjang bisa dilihat dengan cara memblock semua halaman dengan cara select + all gunanya untuk menghighlights atau menandai seluruh tulisan. Cara yang membutuhkan waktu lama adalah dengan memperhatikan page source halaman web bersangkutan. Cara ekstrem untuk melakukan teks yang tak terlihat ini namun dapat terlihat oleh robot adalah dengan menerapkan kode berikut ke template : <!--keyword-->
  • Teknik Black Hat SEO Iteration title
    Untuk Teknik Black Hat SEO Iteration title adalah teknik perulangan judul, maksudnya isi postingannya cuma pengulangan dari judul. Caranya mudah saja, buat postingan misal judulnya teknik seo lalu isinya cuma pengulangan dari judul tersebut yaitu teknik seo, gak usah ditambah tulisan yang lain lagi, itu saja sudah cukup. Biasanya teknik seperti ini berlaku untuk keyword baru yang ada di google atau baru muncul di google.
Semoga Bermanfaat...

Jumat, 23 Desember 2011

Cara Merubah Cursor Blog

Cara Merubah Cursor Blog | Tutorial Blog

Bagi Sobat yang ingin mengganti tampilan cursor di blog, itu sangat mudah, bagi yang sudah tau, bagi yang belum tau pasti tidak mudah. hehe...
Sebelumnya saya pernah posting tentang Membuat Efek Bintang Pada Kursor, kali ini saya akan berbagi tentang cara untuk merubah tampilan cursor blog, berikut caranya :
  1. Login ke Blogger. Masuk ke menu Rancangan >Edit HTML
    Cara Merubah Cursor Blog
  2. Cari kode </head>
  3. Letakkan kode berikut tepat diatas kode </head>
    <style type='text/css'>HTML,BODY{cursor:url(&quot;http://cursors4.totallyfreecursors.com/thumbnails/bluemultiglit.gif&quot;), auto;}</style>
    Keterangan: Teks yang berwarna merah adalah alamat url kursor. Silahkan ganti dengan alamat url cursor yang ingin Sobat gunakan.
  4. Setelah Itu Save Template Anda dan selesai...
    Cara Merubah Cursor Blog
Jika sobat tidak memiliki icon kursor, silakan kunjungi http://www.totallyfreecursors.com situs tersebut menyediakan ribuan icon cursor,pilih icon yang sobat mau..
Dan Sobat juga dapat langsung memasangnya melalui widget HTML/Javascript, berikut caranya :
  1. Kunjungi http://www.totallyfreecursors.com
  2. Lalu pilih salah satu cursor yang ingin Sobat gunakan.
    Cara Merubah Cursor Blog
  3. Copy kode yang diberikan.
    Cara Merubah Cursor Blog
  4. Lalu pasang pada widget HTML/Javascript blog sobat. jika belum bisa memasang widget silakan baca Memasang Widget / Gadget di Blogspot
Semoga tutorial ini bisa membantu sobat yang ingin Merubah Cursor Blog.

6 Tips Meningkatkan Kemampuan Menulis

Meningkatkan Kemampuan Menulis – Menulis merupakan aktifitas utama dalam aktifitas blogging yang kita jalani secara keseluruhan. Dengan menulis, kita akan menghasilkan karya berupa tulisan yang merupakan nyawa dari eksistensi keberadaan blog kita. Semakin banyak kita menulis dan menerbitkannya dalam sebuah blog maka kualitas blog kita tersebut akan bertambah baik.


Bagi sebagian orang menulis merupakan hal yang cukup sulit untuk dilakukan. Kebanyakan dari kita menganggap jika menulis itu sulit karena sukar dalam menemukan ide tulisan, menyusun sistematika tulisan yang baik, memberikan gaya bahasa dalam tulisan yang menyentuh dan menarik, serta keluhan-keluhan lain yang pada akhirnya membuat kegiatan menulis itu menjadi berat untuk dijalani. Padahal menulis itu merupakan aktifitas yang menyenangkan jika kita sudah terbiasa untuk melakukannya.

Menulis tidak harus baku. Apa yang kita rasakan dan ingin kita ungkapkan maka itulah bahan yang harus kita tuliskan. Secara umum tidak ada standar baku dalam menilai apakah tulisan itu bagus atau tidak karena tulisan merupakan hasil karya seni yang penilaiannya bersifat relatif dan subjektif.

Bagi kita yang masih takut dan tidak terbiasa untuk menulis, mulai berlatih mencoba menulis merupakan langkah awal yang harus dilakukan jika ingin memiliki keahlian menulis yang baik. Jangan takut salah karena justru dengan kesalahan itu kita dapat belajar dan mengatahui bagaimana semestinya cara menulis yang benar.

Beberapa tips menulis yang dapat kita terapkan untuk meningkatkan kemampuan menulis dalam diri kita antara lain sebagai berikut :

1. Banyak membaca.

Menulis pada dasarnya adalah menuangkan ide dan gagasan yang kita miliki. Hasil tulisan tersebut dapat bersifat argumentasi, persuasi, deskripsi, dan eksposisi. Karena tulisan berawal dari sebuah ide dan gagasan yang ingin disampaikan, hal pertama yang harus kita pikirkan dalam menulis adalah ide atau gagasan apa yang kita miliki untuk kemudian kita tuangkan dalam sebuah tulisan.

Kita dapat mencari ide dan gagasan tersebut dari berbagai sumber. Seperti pengalaman pribadi, pengetahuan yang sudah dimiliki, opini, dsb. Cara terbaik untuk memperluas dan memperkaya ide dan gagasan tersebut adalah dengan cara membaca. Semakin banyak kita membaca maka pengetahuan kita akan semakin bertambah banyak. Selain memperkaya ide, banyak membaca juga secara tidak langsung akan mengajarkan pada kita bagaimana gaya bahasa dalam menulis yang baik dan benar seperti dicontohkan oleh penulis dan pengarang buku-buku bacaan yang telah kita baca.

2. Menulis secara teratur.

Menulis yang teratur dapat menjaga dan meningkatkan kualitas tulisan yang kita hasilkan. Hal ini dikarenakan kebiasaan menulis yang dijaga dengan baik tidak akan melunturkan cara dan gaya bahasa kita dalam menulis. Kita juga dapat mengatur frekuensi menulis kita agar kegiatan menulis tidak membuat hidup kita menjadi jenuh. Misalnya, kita menulis minimal seminggu sekali atau sesuai dengan jadwal kesibukan kita masing-masing.

3. Belajar cara menulis yang baik dan benar.

Dalam rangka mengembangkan kemampuan menulis yang kita miliki, kita juga dapat belajar bagaimana cara menulis yang baik dan benar dari berbagai sumber referensi yang terpercaya. Kita dapat mengambil kursus menulis atau belajar secara otodidak mengenai teknik menulis yang baik. Semakin banyak kita belajar menulis maka semakin banyak pula pengetahuan kita dalam membuat tulisan yang baik. Selain itu, semakin banyak kita mendekati hal-hal yang berkaitan dengan dunia tulis menulis maka secara tidak langsung akan mempengaruhi mindset kita dalam meningkatkan kemampuan menulis.

4. Perhatikan mood.

Kondisi perasaan kita sangat berpengaruh terhadap kualitas tulisan yang dihasilkan. Ketika perasaan kita galau tidak menentu maka hasil tulisan kita pun akan terkesan berantakan dan asal-asalan. Tulisan merupakan cerminan dari kepribadian dan intelektual penulisnya. Jadi, menulis dalam keadaan mood yang baik akan sangat berpengaruh dalam menghasilkan kualitas tulisan yang bagus.

5. Kebiasaan melakukan evaluasi.

Melakukan evaluasi terhadap hasil tulisan yang kita buat sangat penting untuk dilakukan. Hal ini bermanfaat ketika kita mengalami kesalahan dalam menulis baik berupa pengejaan kata yang salah, penulisan angka dan huruf yang salah, hingga pembuatan tulisan dengan gaya bahasa yang salah. Jangan terburu-buru untuk menerbitkan tulisan kita sebelum kita evaluasi dan merasa yakin jika tulisan yang selesai kita buat tersebut bebas kesalahan dan layak untuk dibaca banyak orang.

6. Minta pendapat.

Salah satu cara terbaik dan cepat dalam meningkatkan kualitas menulis kita adalah dengan meminta pendapat kepada seseorang yang sudah mahir menulis mengenai tulisan yang sudah kita buat. Cara meminta pendapat ini sangat efisien dalam meningkatkan kualitas menulis kita karena kita akan cepat mengatahui di mana letak kesalahan kita dalam menulis dan bagaimana koreksi kebenarannya.

Pada dasarnya menulis itu mudah dilakukan. Kita hanya perlu sebuah ide dan menuangkannya dalam rangkaian kalimat yang mudah untuk dibaca dan dipahami isinya. Jika kita belum terbiasa menulis, jangan ragu untuk memulainya. Kesalahan akan menunjukan kita jalan kebenarannya. Dengan latihan yang rutin kita pasti mampu menciptakan karya tulisan yang bagus dan menarik untuk dibaca.

Kamis, 22 Desember 2011

Widget Recent Comment Valid XHTML

Widget Recent Comment Valid XHTML | Tutorial Blog

Sebelumnya saya pernah posting tentang Widget Recent Post Valid XHTML. Pada tutorial kali ini saya berbagi tentang Widget Recent Comment Valid XHTML.
Berikut cara Memasang Widget Recent Comment Valid XHTML :
  1. Login ke blogger, klik Design/Rancangan > Page Element/Elemen Halaman.
    Widget Recent Comment Valid XHTML
  2. Klik Add a Gadget, pilih HTML/Java Script
    Widget Recent Comment Valid XHTML
  3. Lalu isikan kode berikut :
    <div style="height: 250px; overflow: auto; padding: 3px; text-align: left;"><script type="text/javascript" src="http://wadah-tutorial.googlecode.com/files/comments.js"></script>
    <script type="text/javascript">
    var numcomments = 10;
    var showcommentdate = false;var
    showposttitle = true;var
    numchars = 100;var
    standardstyling = true;var
    showfooter = true;
    </script>
    <script type="text/javascript" src="http://alamatblog.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments"></script></div>
    Ganti alamatblog.com dengan Alamat blog Sobat.
    Keterangan:
    numcomments: jumlah koment terakhir yg ditampilkan
    showcommentdate: false menunjukkan tanggal tidak ditampilkan, jika ingin menampilkan ganti dengan true
    showcommenttitle: true menunjukkan judul artikel ditampilkan, ganti false jika tidak ingin menampilkan.
    Numchars: Maksimal karakter yang tampil pada setiap list coment terakhir.
  4. Lalu klik Save.
    Widget Recent Comment Valid XHTML
  5. Selanjutnya, Klik Design/Rancangan > Edit HTML.
    Widget Recent Comment Valid XHTML
  6. Beri tanda centang pada Expand Template Widget.
    Widget Recent Comment Valid XHTML
    Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
  7. Cari kode <b:include name='quickedit'/>, dan hapus semua kode tersebut dari blog Anda.
  8. Terakhir klik SIMPAN / SAVE TEMPLATE.
    Widget Recent Comment Valid XHTML
Recent comment ini sangat cepat update, jika ada komentar baru, lakukan refresh dan komentar akan langsung ditampilkan. Selamat mencoba...

Rabu, 21 Desember 2011

Memasang Widget Popular Posts

Memasang Widget Popular Posts | Tutorial Blog

Sebelumnya saya pernah posting tentang Memasang Widget Recent Post, untuk kali ini Memasang Widget Popular Posts. Widget ini berfungsi untuk menampilkan postingan yang sering di baca pengunjung pada blog Anda.
Berikut cara Memasang Widget Popular Posts :
  • Untuk Blogspot :
  1. Login ke akun blogger anda. Pilih Design/Rancangan > Page Element/Elemen Halaman.
    Memasang Widget Popular Posts
  2. Klik Add a Gadget/Tambah Gadget.
    Memasang Widget Popular Posts
  3. Lalu pilih Popular Posts
    Memasang Widget Popular Posts
  4. Selanjutnya atur tampilan widget seperti keinginan Anda. Terakhir klik Save.
    Memasang Widget Popular Posts
  • Untuk Wordpress :
  1. Login ke Dasboard wordpress Anda, klik pada menu Appearance > Widget.
    Memasang Widget Popular Posts
  2. Drag Top Posts & Pages dan letakkan pada Sidebar.
    Memasang Widget Popular Posts
  3. Selanjutnya atur tampilan widget seperti keinginan Anda. Lalu klik Save.
    Memasang Widget Popular Posts
Semoga Bermanfaat...