Tips Trik Blog | Dan Cara Buat Website

Apa itu Tag Cloud?

Monday, February 11, 2013 | 4komentar

itu Tag Cloud? Kalau kita pisahkan dan mengartikan per kata maka didapat, tag artinya tanda, dan cloud artinya awan. Tetapi jangan diartikan sebagai "tanda awan". Dalam dunia SEO, tag cloud dartikan sebagai kumpulan penanda yang akan mewakili web mengenai isi content, penanda tersebut berupa kumpulan kata/keyword yang biasanya dibedakan dengan besar kecilnya huruf tiap kata yang ditampilkan. Semakin tebal atau semakin besar ukuran huruf berarti website dominan dengan kaApa itu Tag Cloud?
Dalam dunia SEO, tag cloud atau kalau bahasa kita adalah label dartikan sebagai kumpulan penanda yang akan mewakili web mengenai isi content , penanda tersebut berupa kumpulan kata/keyword yang biasanya dibedakan dengan besar kecilnya huruf tiap kata yang ditampilkan. Semakin tebal atau semakin besar ukuran huruf berarti website dominan dengan kata tersebut.

Maanfaat Tag Cloud :

Content dan isi website akan lebih terstruktur
Dapat diketahui tingkat content yang terpopuler.
Dapat meningkatkan traffic pengunjung website.
Meningkatkan jumlah halaman terindex di search engine
Mempermudah website dikenali Search Engine

Dari manfaat diatas dapat disimpulkan, bahwa Tag Cloud berperan sangat penting bagi website/blog anda terutama dalam hal SEO. Anda dapat memilih cara-cara untuk membuat tag cloud, sesuai jenis website/blog anda. jika ingin membuatnya silahkan baca postingan tentang

Cara Membuat Tag Cloud Berputar Di Blog

Cara Mudah Membuat Scroll Di Area Komentar Blog

Sunday, February 3, 2013 | 14komentar

Cara Mudah Membuat Scroll Di Area Komentar Blog
Scroll mempunyai menfaat tersenderi bagi para blogger terlebih untuk menghemat panjang pada suatu elemen seperti komentar . terkadang ketika kita menulis postingan dengan banyak komentar sehingga membuat tampilan harus megikuti panjang sekaligus menyesuaikan dengan banyak komentar yang ada. nah disinilah scroll berperan untuk menghemat element tersebut.

berikut cara membuat sroll area komentar blog :

1. Masuk ke Rancangan kemudian pilih Edit HTML dan centang Expand Template Widget.
2. Cari kode ini : #comments h4{

3. Copy Paste script di bawah ini dan simpan sebelum"di atas" kode #comments h4{

#comments { height:200px; overflow:auto; }

4. setelah itu save, kemudian lihat hasilnya maka akan muncul seperti ini atau lihat di blog ini:

Catatan: height:200 adalah panjang nya kolam anda bisa menggantinya sesusai ke inginan

Selamat mencoba semoga berhasil

Cara Mengatur Posisi Komentar Blog

Tuesday, January 29, 2013 | 6komentar

Cara Mengatur Posisi Komentar Blog Dengan adanya fasilitas komentar di blog, maka kita bisa melakukan interaksi dengan pengunjung blog. Biasanya fasilitas komentar sudah tersedia di blog kita. kali ini saya akan membahas cara mengatur posisi komentar di blog bahkan cara untuk menyembunyikannya.

Langkah 1 :

Buka Setelan>Pos dan Komentar

Langkah 2 :

Pada bagian Lokasi komentar, silahkan anda pilih posisi kotak komentar.

Tersemat : Kotak komentar berada dibawah postingan

Halaman penuh : Ketika pengunjung ingin memberikan komentar maka akan terbuka satu halaman penuh

Jendela munculan : Ketika pengunjung ingin memberikan komentar maka akan terbuka jendela baru

Sembunyikan : Kotak komentar tidak ditampilkan

Langkah 3 :

Klik tombol Simpan setelan yang terdapat dibagian atas.

Tambahan :

Berikut ini tampilan kotak komentar jika memilih Tersemat.

sumber:http://rikorapar.blogspot.com

Cara Membuat Daftar Link Teman Berjalan

Saturday, January 19, 2013 | 20komentar

Cara Membuat Daftar Link Teman Berjalan
Tanpa basa basi kita langsung saja ke pokok utama di
Cara Membuat Daftar Link Teman Berjalan

Pergi Ke Tata Letak >> Tambah Gaget >> HTML/Java Script

Copy Kode Di Bawah Ini lalu Pastekan ke kotak script yg tersedia.

Jika Sobat ingin menambahkan lagi copy kode berikut sebelum kode </marquee>

Simpan Dan Hasilnya Seperti di bawah ini.

Link1
Link2
Link3
Link4
Link5

Cara Mudah Membuat Laman Tukar Link Di Blog

Sunday, December 30, 2012 | 7komentar

Buat Sahabat Blogger Yang Ingin Berbagi tautan atau bertukar link yang dapat bermanfaat sebagai tips penambah jumlah pengunjung atau meningkatkan traffic di blog.

cara ini sudah banyak di lakukan para blogger tetapi yang namanya traffic sangat susah untuk ditebak, tetapi dengan cara ini kita sesama blogger bisa dengan senantiasa meningkatkan traffic secara berkesinambungan.

Sebagai seorang blogger yang masih pemula memang, saya ingin mencoba share apa yang telah sukses di mata "Search Engine Optimization" SEO salah satunya dengan menerapkan istilah Tukaran link,

Ikuti langkah-langkah berikut ini:

Pertama silahkan kunjungi situs Mister Linky's

Setelah terbuka lalu klik Register untuk melakukan pendaftarandan isi semua kotak yang di perlukan dan kemudian klik register

Setelah anda selesai mendaftar dan mengofirmainya, selanjutnya silahkan klik Login

Setelah berhasil Login klik Wizard pada bagian atas lihat gambar di bawah ini:

Setelah terbuka silahkan ikuti langkah-langkah seperti tanda panah gambar di bawah ini jika kurang jelas bisa di klik untuk memperbesar :)

Pada bagian step 2 bagian widget Anda bisa mengaturnya sesuka hati untuk melihatnya klik (click for preview) oyah pada gambar di atas step 3 nya kelewat anda bisa meng editnya, setelah selesai klik Generate Code

Setelah mendapatkan codenya copas dan letakan di Laman bagian HTML bukan Compose pada blog anda
Semoga Berhasil :)

Cara Memperbaiki Balas Komentar Yang Hilang

Saturday, December 29, 2012 | 1komentar

Cara Memperbaiki Balas Komentar Yang Hilang
senangnya setelah saya lihat sana sini edit sana sini untuk lebih mempercantik blog, setelah seketika saya menemukan template yang sesuai dengan yang di inginkan, tetapi masalahnya adalah bagaian menu balas komentar tidak ada alias hilang entah kemana, setelah sempat kebingungan dan search sana sini akhirnya ketemu juga masalahnya,

Bagi para sahabat blogger yang mengalami permasalahan sama seperti penulis atau bagi sahabat yang ingin menambahkan fitur threaded_comments asli bawaan blogger, namun tidak mau templatenya berubah atau editan hilang, maka caranya sbb:

1. Masuk ke Rancangan kemudian pilih Edit HTML dan centang Expand Template Widget.
2. Cari kode ini : ----(untuk mempercepat pencarian tekan F3)----

<div class='post-outer'>

atau ini :

<b:if cond='data:post.includeAd'>

3. Di antara kedua kode tersebut terdapat kode seperti berikut :

        <b:if cond='data:blog.pageType == "static_page"'>

          <b:include data='post' name='comments'/>

         </b:if>

    <b:if cond='data:blog.pageType == "item"'>

          <b:include data='post' name='comments'/>

         </b:if>

         </div>

4. Hapus semua kode tersebut dan ganti dengan kode yang ada di bawah ini :

           <b:if cond='data:blog.pageType == "static_page"'>

           <b:if cond='data:post.showThreadedComments'>

        <b:include data='post' name='threaded_comments'/>

           <b:else/>

           <b:include data='post' name='comments'/>

          </b:if>

         </b:if>

     <b:if cond='data:blog.pageType == "item"'>

         <b:if cond='data:post.showThreadedComments'>

         <b:include data='post' name='threaded_comments'/>

           <b:else/>

           <b:include data='post' name='comments'/>

          </b:if>

         </b:if>

        </div>

5. Terakhir tekan Simpan Template.

Note : Sebelum disave ada baiknya sahabat blog meninjau dengan menekan Pratinjau terlebih dahulu, hal ini untuk berjaga-jaga jika ada kegagalan, atau memback-up terlebih dahulu template sobat.

Selamat mencoba semoga berhasil

Cara Membuat Efek Glow Pada Link Blog

Friday, December 28, 2012 | 5komentar

Cara Membuat Efek Glow Pada Link Blog

Efek Glow ini berfungsi jika saat kita mengarahkan mouse pointer ke link blog kita. Jika kita mengarahkannya maka terlihat bayangan link tersebut. Jika belum paham lihat gambar diatas :) .
Baik tanpa basa-basi lagi langsung saya jelaskan. Simak langkah-langkah berikut ini !

Tentunya kamu harus masuk ke akun blogger
Selanjutnya masuk ke Rancangan > Edit Html > Jangan lupa klik centang Expand Template Widget.
Tekan CTRL + F pada keyboard dan cari kode a:link nanti akan muncul semiripnya seperti berikut!

a:link{ color:#006699; text-decoration:none}
a:visited{ color:#006699; text-decoration:none}
a:hover{ color:#000; text-decoration:none}

Kode yang saya beri warna biru silahkan ganti dengan kode

text-decoration:none;text-shadow:0 0 10px blue

Sehingga hasilnya seperti berikut ini!

a:link{ color:#006699; text-decoration:none}
a:visited{ color:#006699; text-decoration:none}
a:hover{ color:#000; text-decoration:none;text-shadow:0 0 10px blue;}

pada kode 10x bisa anda ganti sesuai keinginan anda semakin tinggi nilainya semakin besar efek cahaya yang muncul. Dan kode blue bisa di ganti dengan red, black, green, dsb sesuai dengan kebutuhan anda :).
Jika semuanya sudah selesai jangan lupa klik SIMPAN TEMPLATE dan lihat hasilnya.

jika ingin menambah kan efek bintang nya lanjutkan dengan meng-editnya seperti di bawah ini:

Cari kode a:hover{ atau a:visited{ (Tekan CTRL + F untuk mempermudah pencarian)
Letakkan kode di bawah ini, di bawah kode a:hover{ atau a:visited{

a:hover{background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFzr1JI3zXFqO51HD1sjCf4f2v4gftTFO9qx2aGGGjZnfIQ2ZduN2WufeP2Xfd9w3iuzttuS4E7Tjh3BIz6A4DvhhRLWF8mdEGM4Hw5WCmSwPS6vTJx9M1Zb2FUZ6WvWv4B_bSvTD4qXY/s1600/stars.gif);}
Lalu klik simpan template.

Cara Mudah membuat Widget Di Atas Header

| 3komentar

Cara Mudah membuat Widget Di Atas Header
Pada umunya template blog bawaan tidak bisa menempatkan widget di atas header,Tapi kita sering melihat di blog lain Laman,Banner,Link dll berada di atas Header,Lalu bagaimana cara bisa membuat widget atau Gadget di atas header?Jawabannya adalah ayo kita simak cara-caranya berikut ^_^

1. Login > Template > Edit Template ,Lalu Cari kode:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

2. Lalu Hapus dan Ganti Menjadi

<b:section class='header' id='header' preferred='yes'>

3. Selesai deh,Mudah dan cepat

Hasilnya: