KUMPULAN ARTIKEL SEO

Home » Posts filed under internet

Tampilkan postingan dengan label internet. Tampilkan semua postingan

Cara Memasang Iklan Ditengah Posting

Cara Memasang Iklan di Tengah Postingan pada Blog - Banyak variasi untuk meletakkan iklan di blog kita, ada yang meletakkannya di header, sidebar, maupun di atas postingan blog, namun kali ini membahas bagaimana Cara Memasang Iklan di Tengah Postingan pada Blog, berikut caranya:

1. Cari kode <data:post.body/>

Jika sudah diedit dan ada dua 2 kode <data:post.body/>. pilih yang kedua.

4. Ganti kode <data:post.body/> dengan kode berikut.

<div expr:id='"iklan1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">



</div>
<div expr:id='"iklan2" + data:post.id'>

<data:post.body/>

</div>
<script type="text/javascript">
var obj0=document.getElementById("iklan1<data:post.id/>");
var obj1=document.getElementById("iklan2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>

5. Selesai, link utama kita ada di tengah setiap postingan blog tadi.

Demikian Cara Memasang Iklan di Tengah Postingan pada Blog, semoga bermanfaat.

Lanjutin baca »

Posted by: MUKHTAR ROSYIDI Kumpulan Artikel Seo, Updated at: Kamis, April 26, 2012

Memasang Tombol Ke Atas di Blog

Blog Berita Copas hari ini akan meberikan info tentang bagaimana cara Memasang Tombol ke Atas di Blog.
Berikut cara membuat tombol klik kembali ke atas / top pada blog :
1. Log in ke Blogger
2. Rancangan
3. Edit HTML
4. Cari kode </body> dan paste kode dibawah ini diatas kode tersebut

<a href='#' style='display:scroll;position:fixed;bottom:10px;left:10px;' title='kembali ke atas'><img src='http://2.bp.blogspot.com/-ZgpENr_reZQ/T4jLEcMCeAI/AAAAAAAAAoA/lf_Cv2JwRCs/s1600/scroll-top.jpg'/></a>

Keterangan :
1. Warna merah adalah letak tombol, bisa anda ubah menjadi right
2. Warna biru adalah gambar dari tombol, bisa anda ubah dengan kreasi gambar sendiri.

Lanjutin baca »

Posted by: MUKHTAR ROSYIDI Kumpulan Artikel Seo, Updated at: Senin, April 16, 2012

Cara Mudah Memberikan Link Publisher pada Blog

Halo sobat kumpulan tips dan trik semua.... Apa kabar nih, mudah-mudahan baik-baik saja ya. Kali ini saya akan memberikan bagaimana cara Memberikan Link Publisher pada Blog. Untuk memberikan link publisher pada blog kita harus tau dulu id dari google plus kita sebagai publisher blog. Ailakan sobat masuk dulu pada Google+ kemudian copas aja id sobat.

Setelah sobat copas sekarang langkah selanjutnya yaitu :

Sobat Login di Blogger
Pilih Rancangan
Pilih Edit HTML
Kemudian sobat cari kode <head> letaknya sebelum kode meta karna ini juga mendukung meta tag ferledy
setelah ketemu sobat taruh kode berikut :

<b:if cond='data:blog.url == data:blog.homepageUrl'> <link href='https://plus.google.com/

7348253999479773110

' rel='publisher'/> </b:if>

Silakan sobat ganti id tersebut dengan id yang sobat punya
Kemudian sobat save

Kalau sudah sebaiknya sobat ping blog sobat ke direktori yang sobat inginkan seperti ping ke google, yahoo dan lainnya. silakan klik disini untuk ping blog sobat.

Itulah sedikit info dan tips dari kumpulan tips dan trik untuk para sobat blogger semua dan khususon para sobat Kumpulan Tips dan Trik.

Semoga bermanfaat

Sumber : Kumpulan Tips dan Trik

Lanjutin baca »

Posted by: MUKHTAR ROSYIDI Kumpulan Artikel Seo, Updated at: Minggu, April 15, 2012

Cara Mudah Membuat Breadcrums

Bagi sobat yang belum membuat breadcrums sebaiknya sobat bikin dulu ya,dan beruntung jika sobat belum membuatnya,karena breadcrumb seo friendly ini,akan kita ciptakan sore hari ini.

Inilah Cara Membuat Breadcrums :
Pertama,pastikan anda sudah membuat label pada blog.
Selanjutnnya,pergi ke Dashboard,lalu pilih Tata Letak dan kemudian pilih Edit HTML,jangan lupa contreng tulisan Expand Widget Templates.
Selanjutnya cari kode berikut (gunakan Ctrl+F pada keyboard anda untuk membantu pencarian):

]]></b:skin>

Setelah ketemu,letakkan kode berikut tepat diatasnya:

.breadcrumbs{
padding:5px 5px  5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px  double #cadaef;
}

Nah,setelah itu,sobat cari lagi kode seperti ini (ketik aja di Ctrl+F)

<div class='post hentry

Nah nanti sobat akan temukan barisan kode seperti:

<div class='post hentry uncustomized-post-template'>

Nah,tepat dibawah kode tersebut,sobat letakkan kode ini:

<b:if  cond='data:blog.homepageUrl ==  data:blog.url'>
<b:else/>
<b:if  cond='data:blog.pageType == &quot;item&quot;'>
<div  class='breadcrumbs'>
Browse &#187; <a   expr:href='data:blog.homepageUrl'>Beranda</a> &#187;
<b:if  cond='data:post.labels'><b:loop  values='data:post.labels'  var='label'>
<a expr:href='data:label.url +   &quot;?&amp;max-results=10&quot;'   rel='tag'><data:label.name/></a>
<b:if  cond='data:label.isLast != &quot;true&quot;'> ,  </b:if>
</b:loop>
</b:if>  &#187; <data:post.title/>
</div>
</b:if>
</b:if>

Setelah itu simpan templates sobat.

Sumber : Kumpulan Tips dan Trik

Lanjutin baca »

Posted by: MUKHTAR ROSYIDI Kumpulan Artikel Seo, Updated at: Minggu, April 15, 2012

Cara Membuat Share Artikel Di Atas Posting

Blog Berita Copas-Cara Membuat Share Artikel Di Atas Posting. Hidup ini tidak ada artinya jika kita tidak saling berbagi. Begitu juga dengan ngeblog, aktifitas ini adalah aktifitas sharing, dengan berbagi ilmu maka kita akan memperoleh manfaat yang banyak, kita bisa berinteraksi dengan pengunjung blog dan hal ini tentunya sangat menyenangkan.

Belum lagi jika blog kita kebanjiran pengunjung, tentunya ini akan menjadi kebanggaan tersendiri bagi diri kita ketika blog kita banyak dikunjungi oleh orang. Semua itu tidaklah lepas dari konsep berbagi. Nah sekarang kita ingin memfasilitasi pengunjung untuk mudah dalam membagikan artikel kita yang di anggap bermanfaat untuk di bagikan kepada teman-temanya, atau saudaranya.

Apa ke untungannya bagi blog kita kalau memasang tombol share ini? Tombol share ini bisa dibilang simbiosis mutualisme karena pengunjung di untungkan karena pengunjung diberi kemudahan untuk membagikan artikel blog kita yang di anggap bermanfaat kepada kerabat dekatnya atau saudaranya. Dan keuntungannya bagi kita adalah karena si pengunjung tadi sudah membagikan artikel kita kepada kerabatnya atau saudaranya, maka pengunjung secara tidak langsung mengajak pengunjung yang lain untuk datang ke blog kita untuk membaca artikel yang ada di blog kita. Jadi kita akan terbantu dalam masalah mempromosikan blog. Dan efeknya adalah kita akan kebanjiran pengunjung lho.

Apakah anda juga mau memasang tombol share artikel ini di blog anda? ikuti langkah-langkah Cara Membuat Share Artikel Di Atas Posting berikut ini.

1.Log in Ke blogger dengan akun anda.

2.Klik rancangan » edit HTML » centang kotak Expand Template Widget. Atau bagi yang menggunakan tampilan blogger yang baru anda klik template » edit HTML » centang kotak Expand Template Widget.

3.Cari kode <div class='post-body entry-content'> jika ada dua pilih yang pertama dan letakkan kode di bawah ini tepat di atasnya.

<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>

<g:plusone size="medium"></g:plusone>

<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
</b:if>

Keterangan:

Tulisan User Name ganti dengan user name twitter anda. Script mulai dari <div style='float:left;padding-left:10px;'> sampai </div> bisa anda ganti dengan script dari sharethis.

4.Save template

Lanjutin baca »

Posted by: MUKHTAR ROSYIDI Kumpulan Artikel Seo, Updated at: Senin, Maret 26, 2012

SEO Heading Tag H1 H2 H3 H4 di Wordpress

Panduan SEO untuk Wordpress Hosting sendiri dengan cara merubah heading tag H1 untuk nama blog dan H2 untuk judul artikel di homepage/halaman utama. H1 untuk judul artikel dan H2 untuk nama blog di single post / page static.
Oleh Ponpes Al-Khoirot Multimedia

Saya punya blog Wordpress hosting sendiri. Bagaimana supaya blog dan artikel bisa SEO?

Atur supaya heading tag H1 untuk nama blog dan H2 untuk judul artikel di homepage/halaman utama. H1 untuk judul artikel dan H2 untuk nama blog di single post.

Bagaimana caranya?

Ikuti langkah-langkah berikut:

LANGKAH PERTAMA: MERUBAH H2 KE H1

1. Login ke admin WP -> Appearance -> Editor -> single.php -> cari kode berikut:

<div class="post" id="post-<?php the_ID(); ?>">
<h2><a href="<?php echo get_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

<div class="post" id="post-<?php the_ID(); ?>">
<h2><a href="<?php echo get_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

2. Ganti H2 ke H1 seperti berikut:

<div class="post" id="post-<?php the_ID(); ?>">
<h1><a href="<?php echo get_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>

<div class="post" id="post-<?php the_ID(); ?>">
<h1><a href="<?php echo get_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>

LANGKAH KEDUA: MEMBUANG TAG H1 JUDUL BLOG pasa artikel atau page statis

1. Appearance -> Editor -> header.php dan temukan kode berikut:

<h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>

<h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>

2. Ganti dengan kode berikut:

view plain print ?

<?php if(is_home()) : ?>
<h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>
<?php else : ?>
<span id="blogTitle">
<h3> <a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?> </a> </h3>
</span>
<?php endif; ?>

<?php if(is_home()) : ?>
    <h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>
<?php else : ?>
    <span id="blogTitle">
      <h3>  <a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?> </a> </h3>
    </span> 
<?php endif; ?>

LANGKAH KETIGA: MENGGANTI CSS JUDUL BLOG DAN JUDUL ARTIKEL

1. Appearance -> Editor -> style.css

view plain print ?

span#blogTitle {
display: block;
font-size: 4em;
text-align: center;
padding-top: 70px;
font-weight: bold;
font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
}
span#blogTitle a {
color: white;
text-decoration: none;
}
span#blogTitle a:hover {
text-decoration: none;
}
.post h1 {
color: #333333;
text-decoration: none;
font-size: 1.6em;
text-align: left;
padding-top: 0;
}

span#blogTitle {
    display: block;
    font-size: 4em;
    text-align: center;
    padding-top: 70px;
    font-weight: bold;
    font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
}
span#blogTitle a {
    color: white;
    text-decoration: none;
}
span#blogTitle a:hover {
    text-decoration: none;
}
 
.post h1 {
    color: #333333;
    text-decoration: none;
    font-size: 1.6em;
    text-align: left;
    padding-top: 0;
}

Ganti warna dan ukuran sesuai dengan theme Anda.

Apa yang dihasilkan dari perubahan kode-kode di atas?

Judul blog akan memakai heading tag h1 sedang judul artikel memakai h2 di halaman utama. Sementara di halaman artikel atau page statis judul artikel akan memakai h1 dan nama blog memakai heading tag h2 .

Hubungannya dengan SEO apa?

Ini cara situs/blog berkomunikasi dengan mesin pencari Google dll. H1 untuk memberi tahu Google bahwa tulisan yang dibungkus dengan h1 adalah yg terpenting sedang yang dibungkus dengan h2 adalah terpenting kedua.

Pada halaman utama (homepage) yang paling penting adalah nama blog/situs. Sementara pada halaman artikel/posting, yang terpenting adalah judul artikel; bukan nama blog.

Bagaimana sih hirarki heading tag H1 H2 H3 H4 H5 H6 di Wordpress?

Berikut rincian hirarki heading tag yang betul:

Di home-page (halaman utama)

* H1 untuk judul/nama blog
* H2 untuk judul artikel/posting

Di kategori, tag, arsip dan halaman pencarian (search pages)

* H4 untuk judul/nama blog
* H1 untuk kategori, tag, judul arsip atau kata kunci pencarian
* H2 untuk judul artikel

Di halaman artikel (single post page)

* H4 untuk judul blog
* H1 untuk judul artikel/posting
* H2 untuk judul artikel terkait (kalau ada)
* H3-H4 untuk link kategori dan tag

Courtesy:
1. rlmseo.com/blog/wordpress-seo-heading-tags/
2. dionesku.com/wordpress-seo-optimize-post-title-tags-in-your-wordpress-theme-74.html

Lanjutin baca »

Posted by: MUKHTAR ROSYIDI Kumpulan Artikel Seo, Updated at: Senin, Maret 26, 2012

Cara Membuar Read More di Blog

TUJUAN MEMAKAI READ MORE

1. Agar halaman utama tampak rapi dan tidak terlalu panjang.
2. Waktu loading (waktu pengunjung membuka blog) juga lebih singkat. Ini bisa menambah SEO.
4. Agar pembaca blog kita betah berlama-lama di situs kita. Minimal mereka dua halaman blog kita yaitu halaman utama dan halaman setelah "Read More".
5. Sebagai teaser (penggoda) supaya pembaca lebih penasaran.

CARA MEMBUAT READ MORE MANUAL DI BLOGGER
Ada dua cara.

Cara pertama, waktu menulis artikel klik Edit HTML di kanan atas. Tambahkan kode . Artikel yang akan disembunyikan taruh di bawah kode, sedang artikel yang akan ditampakkan di halaman utama letakkan di atas kode.

Supaya mudah, simpan kode tersebut di notepad dan taruh di Desktop. Sewaktu-waktu diperlukan tinggal copy/paste.

Cara Kedua

Kotak posting dalam keadaan "Compose". kemudian klik menu Jumpbreak yang berada di samping menu Video. Lihat gambar bawah:

Kalau Anda sudah mengikuti kedua cara tersebut, tapi "read more"-nya tidak muncul, maka lakukan setting/setelan "Pilih Editor Entri yang Dimutakhirkan."

Caranya, ikuti tip berikut:

1. Caranya, masuk ke Blogger.com -> Pengaturan -> Dasar -> Setting Global (paling bawah) ->
2. Centang / kasih tanda tik pada "Editor yang dimutakhirkan."
3. Jangan lupa klik Simpan Setelan.

Kelebihan cara manual adalah lebih fleksibel. Artinya, untuk artikel pendek yang cuma satu atau dua paragraf tidak perlu memakai Read More.

CARA MEMBUAT AUTO READ MORE OTOMATIS DENGAN GAMBAR THUMBNAIL DI BLOGGER
Pertama yang harus dilakukan adalah klik Rancangan -> Edit HTML -> tanda tik/centang Expand Widget Template. Setelah itu ikuti panduan di bawah.

Penting: coba dulu di blog eksperimen. Jangan di blog utama.

1. Cari kode </head>
2. Letakkan kode berikut di atasnya kode no. 1 (klik View plain untuk mengcopy)

view plainprint?

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://keerthiset2.110mb.com/excerpt.js' type='text/javascript'/>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://keerthiset2.110mb.com/excerpt.js' type='text/javascript'/>

Catatan: angka-angka di atas dapat dirubah sesuai selera.

3. Cari kode berikut: <data:post.body/>
4. Ganti kode tersebut dengan kode di bawah (klik View plain untuk mengcopy)

view plainprint?

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Reade more >></b></a></span>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Reade more >></b></a></span>
</b:if>

5. Klik Simpan Template. Selesai.

Lanjutin baca »

Posted by: MUKHTAR ROSYIDI Kumpulan Artikel Seo, Updated at: Senin, Maret 26, 2012

Cara Membuat Refres Otomatis

Refresh pada Blog itu menurut saya penting, seperti pentingnya refresh pada komputer.
Yups langsung saja ya Cara Membuat Refresh Otomatis Di Blog.

1. login Blog
2. rancangan >> edit HTML
3. cari kode ]]></b:skin>
4. lalu taruh kode dibawah ini dibawah kode ]]></b:skin>

<meta content='300' http-equiv='refresh'/>

5. simpan

NB : pada angka 300 menunjukkan bahwa setiap 300 detik blog/website akan secara otomatis merefreshnya.

Ok sekian Cara Membuat Refresh Otomatis Di Blog.
Semoga bisa bermafaat bagi sobat ^_^

Lanjutin baca »

Posted by: MUKHTAR ROSYIDI Kumpulan Artikel Seo, Updated at: Minggu, Maret 25, 2012

Cara Membuat Judul Blog Berjalan

Membuat tulisan berjalan sudah pernah kita pelajari bersama, yaitu dengan menambahkan sedikit menambahkan kode html, mungkin untuk lebih jelanya kamu dapat baca di sini. Sekarang kita juga akan belajar untuk membuat blog kita lebih menarik lagi dengan hal yang sama, tetapi yang berjalan kali ini dalah judul blog kita.

Mungkin belum tahu yang mana judul blog itu? kalo judul blog saya ini adalah BLOG BERITA COPAS di BLOG, Oh ya,,,, ada sedikit tips yang berkenaan dengan judul blog kita, yaitu kita dapat mengganti judul blog kita dengan judul postingan kita agar blog kita lebih ramah dengan SEO.

Cara Membuat Judul Blog Berjalan

1. Pilih tata letak kemudian edit html
2. Jangan lupa beri tanda centang pada Expand Template Widget
3. Cari kode berikut<title><data:blog.pageTitle</a></title> (untuk mempermudah silakan tekan F3)
4. Jika sudah ketemu, ganti kode tersebut dengan kode berikut ini

<b:include data='blog' name='all-head-content'/><br /> <br /> <script language='JavaScript'> var txt="<data:blog.pageTitle/>"; var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); segarkan=setTimeout("bergerak()",kecepatan);}bergerak(); </script>

5. Lihat apakah berhasil dengan (PRATINJAU) jika berhasil SIMPAN

Silakan Ganti 100 Sesuai dengan yang di inginkan untuk kecepatannya

Sumber : Kumpulan tips dan trik

Lanjutin baca »

Posted by: MUKHTAR ROSYIDI Kumpulan Artikel Seo, Updated at: Minggu, Maret 25, 2012