Home » Posts filed under Tutorial blog

Tampilkan postingan dengan label Tutorial blog. Tampilkan semua postingan

Cara Terbaru Membuat Permalink Pada Blogspot Agar Lebih SEO

Posted by Admin Jumat, 20 Juli 2012 1 komentar

Cara Terbaru Membuat Permalink Pada Blogspot Agar Lebih SEO - Cara Mengatur Permalink di Blogspot Blogger Agar Lebih SEO - Fokus Kita - Dulu mungkin apabila judul postingan terlalu panjang, otonatis Link Url pada postingan kita akan terpotong, hal ini menjadikan postingan kita kurang maksimal dimata Search Engine. Nahh.. kini diblogspot atau blogger, telah menyediakan fitur terbaru, yang berfungsi agar kita dapat mangatur sendiri link yang akan kita gunakan pada postingan.

Cara mengatur Permalink pada Blogspot :

Misalnya pada postingan ini saya membuat judul :

"Cara Terbaru Membuat Permalink Pada Blogspot Agar Lebih SEO"

Maka Url Postingan yang akan saya dapatkan akan terpotong sperti dibawah ini :

"http://www.fokuskita.com/2012/07/cara-terbaru-membuat-permalink-pada.html"

Nah, itu yang menyebabkan postingan kita kurang maksimal dalam segi SEO. Untuk mengatasinya, kita bisa melakukan settingan pada fitur terbaru yang diberikan blogspot.

Pilih Tautan Informasi, lalu isikan Url yang akan kita gunakan pada postingan. Sebagai contoh untuk postingan ini saya isikan "cara-mengatur-permalink-agar-lebih-seo", makan link yang akan saya dapatkan "http://www.fokuskita.com/2012/07/cara-mengatur-permalink-agar-lebih-seo.html". Lihat gambar dibawah ini.

Sepertinya kekurangan pada blogspot yang masih memegang peringkat nomor satu untuk pengguna terbanyak, akan selalu dibenah dan disempurnakan. Setelah kemarin blogspot mengenalkan fitur baru Meta Tag Description, sekarang kita dapat melakukan settingan permalink sendiri untuk postingan yang akan kita publikasikan.. Sehingga kita bisa menuliskan permalink atau tautan permanen ini lebih panjang dan bisa lebih mengoptimalkan blog kita di search engine.

Sekian dulu informasi dari saya tentang Cara Terbaru Membuat Permalink Pada Blogspot Agar Lebih SEO, semoga berhasil dan dapat membantu anda. Sekarang kita tidak perlu khawatir lagi jika ingin membuat Judul postingan yang sangat panjang. Dengan fitur ini, masalah kita bisa teratasi.

Rating: 4.5

Cara Menambahkan 3 Kolom di Atas Footer

Posted by Admin Minggu, 08 Juli 2012 1 komentar

Cara membuat atau menambahkan 3 kolom pada footer - Kolom widget dibagian bawah blog, selain untuk menambah nilai plus pada tampilan, kolom ini juga bisa ktia gunakan untuk tempat wiget-widget penting, seperti site info, link exchange dan widget-widget yang lainya.

Ada beberapa template blog yang memiliki 3 kolom pada bagi footernya, ada jgua yang tidak. Bagi teman-teman yang sudah terlanjur naksir pada suatu template, tetapi template tersebut tidak ada kolom pada bagian footernya. Padahal sobat ingin template yang seperti itu dan memiliki 3 kolom pada footer. Pasti terlintas dipikiran, kenapa sih tidak ada template yang sempurna. hehehe. Memang sih susah mencari template yang sempurna, kalau ingin yang gartisan.

Tapi agan ga perlu bingung, kita bisa kok membuat 3 kolom footer pada template. Nah, caranya sudah saya siapkan dibawah ini. Ikuti dengan teliti agar berhasi.

Cara Menambahkan 3 Kolom Widget di Atas Footer

1. Masuk ke "Edit HTML" dan centang "Expand Template Widget" .

2. Cari kode ]]></b:skin> pada template anda, untuk memudahkan pencarian, gunakan ctrl+f

3. Copy script dibawah ini, lalu pastekan tepat diatas kode ]]></b:skin>:

#footer-bottom {

width: auto;background:#231C2A;

position: relative;display:inline;

clear:both;

margin:0 auto 0;

color:#000;

float: center;

padding:10px;

}

#left-bottom {

width: 270px;

float: left;display:inline;

margin:10px 5px 0 5px;

padding:5px

}

#center-bottom {

width: 280px;

float: left;

margin:10px 5px 0;

padding:5px

}

#right-bottom{

width: 270px;

float: left;display:inline;

margin:10px 5px 0;

padding:5px

}

4. Setelah itu cari kode <div id='footer'>

5. Tambahkan script dibawah ini tepat diatas kode <div id='footer'>:

<b:section class='footer-bottom' id='left-bottom' preferred='yes' showaddelement='yes'>

</b:section>

<b:section class='footer-bottom' id='center-bottom' preferred='yes' showaddelement='yes'>

</b:section>

<b:section class='footer-bottom' id='right-bottom' preferred='yes' showaddelement='yes'>

</b:section>

</div>

6. Simpan template dan lihat hasilnya pada "Tata Letak: atau ‘Layout/Rancangan’.

Sekian dulu Tutorial Cara Menambahkan 3 Kolom Widget di Atas Footer, Semoga tutorial diatas bisa membantu kesulitan anda. Dan mendapatkan template idaman anda.

Rating: 4.5

Cara Menghapus Navbar pada Blogger/Blogspot

Posted by Admin 0 komentar

Navbar pada Blogspot

Cara terbaru menghapus Navbar pada blogspot - Pada postingan ini saya akan share tips atau cara menghapus navbar pada platform Blogspot. Cara ini agak sedikit berbeda dengan tutorial yang laiknya, karena menggunakan script yang berbeda. Bagi para blogger yang memiliki blog yang ada navbarnya, tentu menjadi suatu hal yang kurang menarik untuk blog tersebut. Bagi teman-teman yang mengalami kesulitan dalam menghapus navbar, dibawah ini saya sudah ada cara tebarunya. Langsung saja diikuti langkah demi langkahnya.

Cara Menghapus Widget Navbar pada Blogger

1. Yang pertama tentunya kita haru masuk ke akun Blogger.
Kalau kam menggunakan tampilan blogger yang barum ubah terlebih dahulu tampilannya ke tampilan lawas. Caranya :

- Pada dashbor blog, klik setting, yang ikon sperti gambar roda gigi.

- Lalu pilih "Antarmuka blogger lawas"

Untuk lebih jelasnya, lihat gambar dibawah ini.

2. Setelah itu klik Rancangan.

3. Pilih Edit HTML, jangan lupa berita tanda centang pada Expand Template Widget
4. Cari kode </head>, untuk memudahkan pencarian tekan crtl+f lalu ketikkan </head>. Kalau sudah ketemu, copy script dibawah ini dan pastekan tepat dibawah </head>

5. Setelah itu simpan template yang sudah anda edit.

6. Nanti akan ada peringatan seperti gambar dibawah ini, pilih saja hapus widget.

7. Dan lihat deh hasilnya.

Gampang kan tutorialnya. Dengan script yang sepotong itu, navbar pun lenyap. hehehe.. Semoga tulisan tentang Cara Menghapus Navbar pada Blogger/Blogspot ini dapat membantu kesulitan teman-teman sekalian.

Rating: 4.5

Cara membuat Breadcrumbs yang Terindex di Google

Posted by Admin Rabu, 27 Juni 2012 1 komentar

Cara membuat Breadcrumbs yang Terindex di Google - Cara membuat Breadcrumbs yang Terindex di Google - Cara membuat Breadcrumbs yang Terindex di Google - BreadCrumb adalah sebuah navigasi yang digunakan dalam user interface sehingga memudahkan user untuk memilih halaman pada website atau blog.

Selain itu dapat menjadikan blog kita lebih SEO Friendly. Masih bingung gan? Yaudah lihat gambar dibawah ini untuk lebih jelas.

Tampilan Breadcrumbs pada halaman blog

Tampilan Breadcrumbs pada mesin pencari Google

Nah.. gambar yang pertama adalah tampilan navigasi breadcrumbs pada halam blog. Dan gambar yang kedua adalah gambar navigasi breadcrumbs pada mesin pencari Googel. Untuk cara memasang nya ikuti langkah-lankgah dibawah ini.

1. Login ke blogger degan ID anda.
2. Klik Tata Letak / layout
3. Kemudian klik tab Edit HTML
4. Click Download Full Template and please back up your template first. Untuk menghindari bila sewaktu-waktu ada kesalahan.
5. Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.

6. Cari kode ]]></b:skin>
7. Copy lalu paste kode di bawah ini persis di atas kode ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em; border-bottom:4px double #e2e7b4;
}
.breadcrumbs a {
text-decoration:none;
color: #000000;
}

8.Cari Kode <b:includable id='main' var='top'> , hapus kode tersebut, kemudian ganti dengan kode dibawah ini...

9. Dan simpan template anda.

Untuk mengetesnya.. Buat sebuah postingan baru, lalu ambil url postingan tersebut dan pastekan pada search engine google.
Jika postingan belum terindex, tunggu hingga terindex dan lakukan pengecekan dengan memasukkan url postingan pada Search engine Google..

Rating: 4.5

Pengertian SPAM

Posted by Admin Rabu, 08 Februari 2012 0 komentar

Pengertian Spam menurut wikipedia adalah system pesan elektronik yang mengganggu karena tidak diinginkan (termasuk kebanyakan media massa dan system pengiriman digital) yang terkirim secara massal tanpa diskriminasi.

Namun Pengertian Spam secara harfiah adalah sampah, Atau sesuatu yang tidak kita inginkan berada di tempat kita (blog, email, situs, dll). Pengertian komentar spam adalah komentar mengganggu yang dikirim ke banyak blog. Pengertian Spammer adalah orang yang melakukan atau mengirimkan komentar SPAM.

Untuk dapat dikatagorikan menjadi spam, sebuah komentar harus yang tidak diminta dan termasuk bulk.

Tidak diminta. Berarti bahwa kita tidak secara eksplisit meminta untuk menerima komentar yang tidak berhubungan dengan artikel di blog kita.
Bulk berarti bahwa komentar tersebut sama atau hampir sama dengan yang dikirim ke banyak blog lain.

Tujuan SPAM

Apa tujuan orang-orang yg tidak kita kenali itu mengirim spam kepada kita?

Sebagai media publikasi dan promosi produk-produk perusahaan si pengirim email sampah. Sebagai contoh sebuah perusahaan farmasi ingin menjual obat mereka, jika melalui advertising/periklanan ini tentu akan memakan biaya, dengan menggunakan mail robot maka ia akan dapat mengirim email sebanyak-banyaknya ke seluruh pemilik email yang ada di dunia ini.
Bom email, jika anda memiliki musuh di internet atau saingan perusahaan anda biasanya hal ini akan dilakukan agar anda repot menerima email yang tidak anda perlukan dalam jumlah besar dan terus menerus.
Media pishing, hal ini dilakukan untuk menggaet sebanyak-banyak orang yang akan terjebak dengan link trap (perangkap link), sehingga anda mengira anda akan berada di situs yang sebenarnya, padahal anda sudah dalam perangkapnya.
Media penyebaran virus & worm, sudah merupakan karakter dari virus dan worm untuk menyebarkan filenya secara otomatis ke seluruh pemilik email yang ada di dunia ini, dengan tujuan akan mendapatkan korban yang sebanyak-banyaknya.

Membuat Menu Multi Kolom di Blog

Posted by Admin Selasa, 07 Februari 2012 0 komentar

Membuat menu multi kolom disini maksudnya membuat lebih dari satu menu dalam satu kolom, ini berguna sekali untuk menghemat space blog anda yang sudah memiliki menu yang banyak seperti pada contoh penampakan berikut:

Langkah-langkah untuk membuat menu multi kolom silahkah ikuti seperti dibawah ini:
1. Login ke blogger anda
2. Layout-->Edit HTML
3. Kemudian cari kode ]]></b:skin>
4. Masukan kode dibawah ini sebelum kode diatas

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; text-align: center;
height: 24px;
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000;
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif;
font-weight: 900;
color: #000;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900;
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E;
overflow: hidden;
background-color: #FF9900;
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

Keterangan :

- Angka yang berwarna merah-->lebar kotak menu utama
- Angka yang berwarna biru--> tinggi kotak menu utama
- Kode yang berwarna hijau--> warna border menu utama
- Kode yang berwarna ungu-->warna Font menu utama
- Kode yang berwarna abu-abu-->Warna background menu utama
- Kode yang berwarna kuning-->Warna border kotak utama
- Kode yang berwana orange-->warna background kotak utama

5. Silahkan masukkan kode dibawah ini sebelum kode </head>

6. Kemudian Save

Kemudian ke menu Layout-->Page Elements-->pilih Add Gadget yang akan kamu tempatkan menu multi kolom ini-->HTML/Javascript

Silahkan masukkan script menu multi kolom dibawah ini:

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Title menu 1</a>
<a>Title menu 2</a>
<a>Title menu 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Link 1 di menu 1 <br />
Link 2 di menu 1 <br />
Link 3 d1 menu 1 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Link 1 di menu 2 <br />
Link 2 di menu 2 <br />
Link 3 d1 menu 2 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Link 1 di menu 3 <br />
Link 2 di menu 3 <br />
Link 3 d1 menu 3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan
- kode yang berwarna hijau adalah title menu anda
- kode yang berwarna biru adalah lebar dan tinggi menu multi kolom
- kode yang berwarna merah adalah isi dari menu anda

Silahkan dicoba,,semoga berhasil!!!

Cara membuat Blog menjadi Dofollow dengan mudah

Posted by Admin 0 komentar

DoFollow adalah istilah dalam Blog/Website yang jika kita memberikan komentar pada Blog tersebut maka Link yang kita masukan saat berkomentar itu akan dianggap sebagai Backlink oleh mesin pencari seperti Google. Blog doFollow ini biasanya banyak dicari oleh para pemburu Backlink untuk menaikkan Pagerank Blog mereka.
Jika ingin blog anda menjadi Dofollow silahkan ikuti langkah - langkah di bawah ini :

1. Login ke Blogger
2. Buka Rancangan atau Design, Pilih " Edit HTML "
3. Centang expand template widget.
4. Cari kode berikut ini (biar lebih mudah, klik Ctrl+F, lalu kopi dan paste kode berikut ini di kolom Find tersebut)

<a exper:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

5. Hapus kode yang berwarna merah. Kode akhirnya akan terlihat sebagai berikut ini:

<a expr:href='data:comment.authorUrl'><data:comment.author/></a>

6. Selanjutnya, cari kode berikut ini

<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>

7. Selanjutnya, hapus kode yang berwarna merah. Kode akhirnya akan tampak seperti berikut ini:

<a expr:href='data:backlink.url'><data:backlink.title/></a>

8. Simpan template.

Mungkin banyak yang tidak menemukan code - code diatas, karena setiap blog mempunyai code yang berbeda. silahkan cari yang hampir sama dengan yang di atas.

Cara Terbaru Membuat Permalink Pada Blogspot Agar Lebih SEO

Cara Menambahkan 3 Kolom di Atas Footer

Cara Menambahkan 3 Kolom Widget di Atas Footer

Cara Menghapus Navbar pada Blogger/Blogspot

Cara Menghapus Widget Navbar pada Blogger

Cara membuat Breadcrumbs yang Terindex di Google

Pengertian SPAM

Membuat Menu Multi Kolom di Blog

Cara membuat Blog menjadi Dofollow dengan mudah

Artikel via email

Site Info

Pengikut