Membuat dan Mengganti Thema Syntax Highlighter

Membuat dan Mengganti Thema Syntax Highlighter Blog

Syntax highlighter atau perintah untuk membuat penyorotan stabilo dengan berbagai macam jenis thema pada area tertentu dalam halaman blog yang biasanya digunakan untuk menyorot sebuah kode seperti HTML,CSS,artikel dll.Selain membuat blog cantik dan memperlihatkan kapasitas profesionalisme seorang blogger,Syntax Highlighter juga dapat memudahkan seseorang untuk mengambil/menggunakan (copas) kode atau post artikel yang ada pada page blog anda karena Syntax Highlighter ini dilengkapi dengan fungsi View Source,Copy to Clipboard dan Print.

8(Delapan) macam thema Syntax Highlighter yang bisa diterapkan dalam blog anda antara lain:

1.Theme Default, kodenya ( shThemeDefault )

2.Theme RDark, kodenya ( shThemeRDark )

3.Theme Midnight, kodenya ( shThemeMidnight )

4.Theme MDUltra, kodenya ( shThemeMDUltra )

5.Theme FadeToGrey, kodenya ( shThemeFadeToGrey )

6.Theme Emacs, kodenya ( shThemeEmacs )

7.Theme Eclipse, kodenya ( shThemeEclipse )

8.Theme Django, kodenya ( shThemeDjango )

Tutorial untuk menginstall/memasang Syntax Highlighter disini akan saya jabarkan dari mulai membuat Syntax Highlighter sederhana sampai dengan Syntax Highlighter berbeda thema disetiap halaman.

1.Membuat Syntax Highlighter Versi Simple/Sederhana

Syntax Highlighter Versi Simple adalah Syntax Highlighter yang hanya mempunyai satu thema dalam sebuah blog meskipun themanya bisa diganti akan tetapi hasil themanya akan selalu sama disetiap halaman blog.Misalnya anda menerapkan Syntax Highlighter dengan thema Django hasilnya nanti disetiap halaman akan sama yaitu Syntax Highlighter thema Django.Langkah-langkah Membuat Syntax Highlighter Versi Simple/Sederhana dibawah ini:

1.Copy code Syntax Highlighter dibawah ini dan paste diatas atau sebelum code </head>

<link href='http://agorbatchev.typepad.com/pub/sh/2_1_364/styles/shCore.css' rel='stylesheet' type='text/css'/> 
<link href='http://agorbatchev.typepad.com/pub/sh/2_1_364/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shCore.js' type='text/javascript'/>  
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushBash.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushCpp.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushCSharp.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushCss.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushJava.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushJScript.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushPhp.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushPython.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushRuby.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushSql.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushVb.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushPerl.js' type='text/javascript'/>
<style type='text/css'>
.syntaxhighlighter .line {
font-size: 76% !important;
}
</style>
<script type='text/javascript'>
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
SyntaxHighlighter.all();
SyntaxHighlighter.config.bloggerMode=true;
SyntaxHighlighter.defaults['font-size'] = '50%';
</script>

Ket:

-Untuk mengganti thema anda hanya perlu mencari kode shThemeDefault pada baris nomor 02 di atas dan menggantinya dengan salah satu dari 8(delapan) macam kode thema Syntax Highlighter di atas.

-Untuk merubah ukuran font anda hanya perlu merubah angka 76% yang terletak pada baris ke 19 kode Syntax Highlighter di atas.

2.Selanjutnya Copy code Syntax Highlighter dibawah ini dan paste diatas atau sebelum code </body>

<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = &#39;http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/clipboard.swf&#39;;
SyntaxHighlighter.all();
</script>

3.Kemudian Save/Simpan Template.

4.Langkah selanjutnya masuk pada halaman posting dan pastikan pada mode HTML,kemudian masukkan kode dibawah ini kedalam postingan anda.

<pre class="brush: xml;highlight: [2,4];">
Taruh kode/artikel anda disini
</pre>

5.Langkah terakhir simpan dan Publikasikan untuk melihat tampilan Syntax Highlighter pada postingan anda.

---

2.Membuat Syntax Highlighter Versi Mutasi/Perubahan

Syntax Highlighter Versi Mutasi adalah Syntax Highlighter yang mempunyai kemampuan untuk menerapkan thema yang berbeda disetiap halaman blog apabila anda menghendakinya.Langkah-langkah Membuat Syntax Highlighter Versi Mutasi/Perubahan dibawah ini:

1.Copy code Syntax Highlighter dibawah ini dan paste diatas atau sebelum code </head>

<link href='http://agorbatchev.typepad.com/pub/sh/2_1_364/styles/shCore.css' rel='stylesheet' type='text/css'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shCore.js' type='text/javascript'/>  
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushBash.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushCpp.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushCSharp.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushCss.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushJava.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushJScript.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushPhp.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushPython.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushRuby.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushSql.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushVb.js' type='text/javascript'/> 
<script src='http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/shBrushPerl.js' type='text/javascript'/>
<style type='text/css'>
.syntaxhighlighter .line {
font-size: 76% !important;
}
</style>
<script type='text/javascript'>
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
SyntaxHighlighter.all();
SyntaxHighlighter.config.bloggerMode=true;
SyntaxHighlighter.defaults['font-size'] = '50%';
</script>

2.Selanjutnya Copy code Syntax Highlighter dibawah ini dan paste diatas atau sebelum code </body>

<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = &#39;http://agorbatchev.typepad.com/pub/sh/2_1_364/scripts/clipboard.swf&#39;;
SyntaxHighlighter.all();
</script>

3.Kemudian Save/Simpan Template.

4.Langkah selanjutnya masuk pada halaman posting dan pastikan pada mode HTML,kemudian masukkan kode dibawah ini kedalam postingan anda.

<pre class="brush: xml;highlight: [2,4];">
Taruh kode/artikel anda disini
</pre>

Ket:
-Bila anda ingin menaruh kode agar di tampilkan dalam postingan juga sebagai kode seperti yang saya lakukan terhadap anda untuk berbagi kode dan bukan sebagai widget anda harus memparse kode terlebih dahulu,klik disini untuk Parse HTML online.

5.Selanjutnya masukkan kode thema syntax highlighter dibawah ini kedalam postingan anda,dan anda bisa menaruhnya dibagian paling bawah atau tepat di atas kode pada langkah ke-empat.

<link href='http://agorbatchev.typepad.com/pub/sh/2_1_364/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>

Ket:

-Untuk mengganti thema anda hanya perlu mengganti kode shThemeDefault dengan salah satu dari Delapan kode thema syntax highlighter.

---

Sebagai tambahan bila anda tidak mau menampilkan View source,Copy to clipboard and print,anda bisa menggunakan kode syntax highlighter dibawah ini.

<pre class="brush: xml; toolbar: false;">
Taruh kode/artikel anda disini
</pre>

Hasilnya nanti akan seperti syntax highlighter dibawah ini

Syntax Highlighter ini tidak menampilkan View source,Copy to clipboard and print

Baca Selengkapnya di Tutorial blog dan Optimasi seo

Menambah dan Membuat Cantik Footer

Cara Mudah Menambah dan Membuat Cantik Footer

Footer blog adalah bagian paling bawah pada halaman blog yang mempunyai baerbagai fungsi diantaranya adalah sebagai tempat untuk menambahkan gadget yang dianggap penting selain itu menambahkan footer juga dapat membuat blog semakin cantik dan rapi karena warna footer bisa di sesuaikan dengan warna header (bagian paling atas pada blog) maka dari itu sangat penting untuk seorang blogger anyar untuk tahu bagaimana cara menambahkan footer pada blog.

Sebagian besar template blog memang sudah dilengkapi dengan footer akan tetapi masih banyak juga template blog yang bagus tapi belum dilengkapi dengan footer,maka dari itu untuk anda yang terlanjur cinta sama template yang sudah anda punya tapi belum dilengkapi dengan bagian footer,anda bisa membuat solusi sendiri dengan Cara Mudah Menambah dan Membuat Cantik Footer karena selain menambah footer anda juga bisa mengedit sendiri untuk menyesuaikan agar tampilan blog menjadi cantik.

Cara Menambahkan Footer pada Blog

1.Buka template blog dan cari kode ]]></b:skin>
2.Taruh kode css dibawah ini tepat di atas kode ]]></b:skin>

#footer-column-divide {
    clear:both;background: #3B5998;color:#ffcc66;
    }
    .footer-column {
    padding: 10px;
    }

3.Kemudian cari kode <div id='footer'> letaknya pada bagian bawah template blog bila tidak ada cari saja yang mirip atau semacamnya.

4.Setelah ketemu taruh kode dibawah ini tepat di atasnya (kode pada langkah ke-tiga).

<div id='footer-column-divide'>

    <div id='footer1' style='width: 33%; float:left;
    margin:0; text-align:left;'>
    <b:section class='footer-column' id='kol1'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer2' style='width: 33%; float: left;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='kol2'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer3' style='width: 33%; float: right;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='kol3'
    preferred='yes' style='float:right;'/>
    </div>

    <div style='clear:both;'/>
    </div>

5.Save Template.

Ket:Untuk kode  #3B5998; dan  #ffcc66;  anda bisa menggantinya dengan kode yang lain untuk menyesuaikan warna footer pada halaman blog.

Baca Selengkapnya di Tutorial blog dan Optimasi seo

Membuat Menu CSS Seo Horizontal Drop down di Blog

Cara Membuat Menu Cantik CSS Horizontal Drop down di bawah Header Blog
Tutorial untuk mempercantik blog dengan membuat menu blogspot dari kode css akan Kang Roni jelaskan bagaimana cara membuatnya dibawah ini nanti.Kenapa memakai nama CSS Seo?

Alasan kang roni memberi nama CSS Seo karena menu Horizontal Drop down ini sangat ringan dan salah satu tehnik Optimasi seo blog adalah membuat blog seringan mungkin,selain ringan juga sangat simpel dan mudah akan tetapi sangat bagus untuk mempercantik blog karena anda bisa merubah warna Menu CSS Seo Horizontal Drop down sesuai dengan blog yang anda punya .

Tehnik Membuat Menu CSS Seo Horizontal Drop down

1.LOG IN Blogger.com > Masuk ke Template > Klik Edit HTML.
2.Cari kode ]]></b:skin> kemudian taruh kode css dibawah ini tepat di atas kode ]]></b:skin> tadi.

/*Page menu*/
#foxmenucontainer{
    height:35px;
    display:block;
    padding:40px 0 0px 0px;
    font: 11px Tahoma,Century gothic,verdana, Arial, sans-serif;
    font-weight:normal;
    text-transform:uppercase;
    overflow:hidden;
    width:530px;
    margin:0px 0px 0px 0px;
    float:right;
    }
#menu{
    margin: 0px;
    padding: 0px 10px;
    width:680px;
    height:35px;
    }
  
#menu ul {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
  
#menu li {
    float:left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
  
#menu li a, #menu li a:link, #menu li a:visited {
    color: #578cbf;
    display: block;
    margin: 0px;
    padding: 12px 10px 11px 10px;
    }

#menu li a:hover, #menu li a:active, #menu li.current_page_item a{
    color: #fff;
    margin: 0px;
    padding: 12px 10px 11px 10px;
    text-decoration: none;
    }

/* Category menu*/
#catmenucontainer{
    height:32px;
    background:#3017170;
    display:block;
    padding:0px 0 0px 0px;
    font: 10px Tahoma,Century gothic,verdana, Arial, sans-serif;
    font-weight:normal;
    text-transform:uppercase;
    overflow:hidden;
    border-left:1px solid #6cb80c;
    border-right:1px solid #6cb80c;
}
      
#catmenu{
    margin: 0px;
    padding: 0px 1px;
    width:998px;
    background:#0055EA;
    height:32px;
    }
  
#catmenu ul {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
  
#catmenu li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
  
#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
    color: #bfe195;
    display: block;
    margin: 0px;
    padding: 10px 10px 10px 10px;
    }

#catmenu li a:hover, #catmenu li a:active {
    background:#D90808;
    color: #fff;
    margin: 0px;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    }
  
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
    background:#567DB0 ;
    width: 150px;
    color: #bfe195;
    font-family:Tahoma,century gothic,Georgia,  sans-serif;
    font-weight: normal;
    float: none;
    margin: 0px;
    padding: 9px 10px 9px 10px;
    border-bottom: 1px solid #5E9F09;
    }
  
#catmenu li li a:hover, #catmenu li li a:active {
    background:#FC8C3D;
    color: #fff;
    padding: 9px 10px 9px 10px;
    }

#catmenu li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0px;
    padding: 0px;
    }

#catmenu li li {
    }

#catmenu li ul a {
    width: 140px;
    }

#catmenu li ul a:hover, #catmenu li ul a:active {
    }

#catmenu li ul ul {
    margin: -31px 0 0 170px;
    }

#catmenu li:hover ul ul, #catmenu li:hover ul ul ul,
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
    left: -999em;
    }

#catmenu li:hover ul, #catmenu li li:hover ul,
#catmenu li li li:hover ul, #catmenu li.sfhover ul,
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
    left: auto;
    }

#catmenu li:hover, #catmenu li.sfhover {
    position: static;
    }

Ket: 
-Untuk mencari kode supaya lebih cepat silahkan anda klik didalam kolom edit template kemudian tekan tombol keyboard Ctrl+F kemudian taruh kode yang akan dicari kedalam kolom pencarian yang ada di pojok kanan atas kolom template dan enter.
-Untuk kode yang diberi background dengan warna yang berbeda di atas adalah kode warna yang bisa anda ubah.

3.Selanjutnya cari kode  <div id='content-wrapper'>  kemudian taruh kode dibawah ini tepat di atas kode tadi.

<div id='catmenucontainer'>
<div id='catmenu'>

<ul>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>

<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='children'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>
      
</ul>
</div>
</div>

Ket:
-Untuk tanda # (pagar) silahkan ganti dengan link halaman tujuan anda.
-Untuk kalimat yang ditulis dengan warna merah silahkan diganti dengan kalimat yang sesuai tema blog anda.
-Selanjutnya simpan untuk melihat Menu CSS Seo Horizontal Drop down di Blog anda.

Baca Selengkapnya di Tutorial blog dan Optimasi seo

Prediksi/Estimate SEO Blogspot 2013

Prediksi/Estimate/prakiraan SEO Blogspot 2013 | Setiap mesin pencarian atau sering kita sebut mesin browsing seperti Google, Yahoo, Bing dll-nya akan selalu memperbaiki keakuratannya dalam memilih page situs yang tepat dan benar untuk mendapatkan traffik teratas agar seorang pebrowsing (orang yang menuliskan kata kunci dalam mesin pencari) tidak salah mengunjungi situs, mungkin anda juga pernah dalam situasi yang membosankan atau bahkan membuat anda sedikit marah hingga wajah anda menjadi merah karena hasil pencarian mesin browsing tidak seperti yang anda harapkan padahal dilihat dari segi traffik adalah yang teratas, keluhan itulah yang membuat mesin browsing selalu memperbaiki keakuratannya dalam memilih page situs yang tepat dan benar dalam tiap tahunnya.

Tips seo untuk tahun 2013 ini adalah prediksi atau perkiraan saja bahkan setiap artikel yang menjelaskan optimasi seo yang sudah saya tulis semuanya adalah estimate saja karena bila anda bertanya pada penghuni Google dan rival-rivalnya mereka tidak akan mau membuka mulut, meski begitu mereka tetap memberikan signal pada pemilik situs yang benar-benar mempunyai kesungguhan dalam mengelola situs web/blog. Saya adalah seorang blogger pemula dalam mempelajari seo jadi jangan pernah tanya pada saya apa langkah selanjutnya Google dan rival seprofesinya karena anda tidak akan pernah mendapatkan jawaban yang tepat dari saya, bahkan bila anda bertanya pada Dosen Seo saya jamin mereka tidak akan bisa memberi jawaban yang tepat untuk anda akan tetapi bila anda memaksa saya untuk memberikan jawaban yang paling tepat saya akan menyuruh anda untuk menonton Sepakbola Liga Inggris dalam satu musim dan membaca berita satu laga musim yang sudah terlewatkan, karena apa ? akan saya jawab sendiri untuk anda, karena cukup bagi anda untuk bisa menjadi komentator atau penonton yang bisa memprediksi hasil laga yang akan datang meski hasilnya tidak selalu benar tapi itu adalah usaha yang bagus untuk memprediksi hasil laga, sama halnya pertandingan sepakbola tadi adalah bermain dengan mesin browsing untuk mendapatkan traffik/peringkat seo, anda harus tahu apa saja yang terbaik untuk seo ditahun 2012, Apakah itu taktik Link building, jangkar teks, daftar isi, meta tag, deskripsi, pemasangan kata kunci yang tepat, kecepatan loading halaman situs dll, yang pasti kedepan akan ada lagi yang akan datang dari Seo web/blog yang direncanakan Google dan rival-rival abadinya untuk memilih page situs yang terbaik. 

Setelah banyak kata di atas saya akan membagi sedikit tips SEO yang sangat berguna untuk keberhasilan anda dalam mengelola web/blog di tahun-tahun mendatang. 

1.Membuat Variasi pada Anchor Text/Jangkar Text 

Pada Anchor Text/jangkar text yang merupakan bunyi dari sebuah link yang menghubungkan antara satu situs dengan situs yang lain atau text yang menghubungkan antar halaman situs, perlu diperhatikan jika setiap link yang terhubung ke situs anda baik dari dalam maupun luar kesemuanya menggunakan jangkar text dengan bunyi yang sama seperti"Pariwisata terbaik dan terindah dalam negeri"mungkin akan dibaca sebagai link spam terutama jika itu terdapat dalam sebuah kalimat seperti dibawah ini. 

Selamat berlibur panjang di akhir tahun bersama keluarga dengan mengunjungi pariwisata terbaik dan terindah dalam negeri dengan diskon 30%. 

Sangat tidak wajar dan tidak menunjukkan sifat natural apabila itu terjadi berulang-ulang, memang benar anchor text adalah sebuah signal, akan tetapi setiap profile link yang solid/padat dengan sendirinya akan merangkul dan menggunakan teks yang bersangkutan dengan kontek yang juga releven.Contoh diatas merupakan contoh jangkar teks yang tidak natural, jadi anda bisa membedakan dengan variasi jangkar teks dibawah ini.

 Kang roni blog berasal dari indonesia, yaitu negara di Asia Tenggara, yang dilintasi garis khatulistiwa dan berada di antara benua Asia dan Australia. 

2.Membuat Variasi pada Link 

Link yang menghubungkan antar page blog akan sangat berguna untuk menarik dan mempermudah seorang pengunjung dalam menjelajahi situs blog anda, dan itu akan tercapai apabila anda dapat membuat banyak variasi pada link yang anda sajikan dengan paduan anchor text yang natural, pastinya anda harus rajin menulis artikel agar mempunyai banyak page untuk dihubungkan karena anda pasti bosan bila mengunjungi halaman situs yang mempunyai banyak link building akan tetapi merujuk pada satu halaman, anda mungkin berpikir kalo kang roni menipu anda tapi coba anda renungkan dan tanyakan pada diri anda, Apakah benar atau salah? Jadi anda harus mempunyai rencana yang besar dengan melihat link anda berasal di tahun 2012 dan mencoba mempertimbangkan sesuatu yang baru di tahun-tahun berikutnya. 

3.Variasi Sumber Lalu Lintas 

Mendapatkan sumber lalu lintas adalah tujuan kita dalam taktik perjuangan seo tapi perlu diperhatikan masalah yang serius adalah kita terlalu tergantung pada traffik lalu lintas Google, Apakah anda setuju dengan pendapat kang roni?, jika itu benar maka anda harus siap dilempar dari google karena kita tidak tahu kapan google penguin (nama kode untuk update algoritma google) bekerja, bahkan jika anda sudah mengikuti peraturan saat itu juga lalu lintas situs anda akan langsung turun peringkat. 

Belajar dari prediksi/perkiraan di atas maka anda harus membuat variasi lalu lintas yang seimbang di beberapa mesin pencari,anda harus menaruh pandangan diluar google dan saya juga merasakan bahwa itu sulit tapi jika kita hanya tergantung pada google maka risiko besar yang akan kita hadapi, mungkin langkah awal anda bisa melakukan submit situs dibeberapa direksi. 

4.Membuat Variasi dalam pemasaran 

Berbagai cara dapat anda lakukan untuk pemasaran/mengenalkan situs anda pada masyarakat umum,kalau anda mempunyai kantong tebal itu akan sangat mudah untuk dilakukan tapi kalau sebaliknya anda harus bersiap untuk meluangkan banyak waktu untuk bersosialisasi dengan masyarakat melalui situs jejaring sosial dan berkunjung ke banyak situs dengan memberikan komentar yang bagus atau bertanya dengan topik yang dibicarakan, ingat! komentar spam akan membuat usaha anda sia-sia. 

5.Membuat variasi tampilan pada poin tertentu 

Jika memungkinkan buatlah variasi tampilan pada page atau poin tertentu agar pengunjung selalu melihat suasana yang berbeda seolah dia menjadi turis yang baru pertama kali berkunjung tapi jangan sampai membuat page blog anda menjadi lebih berat dari biasanya karena akan membosankan dan menjengkelkan bila anda dalam situasi yang sama dan dapat di prediksi situs blog anda akan langsung ditinggalkan, itu berarti anda gagal sebagai seorang penulis dengan artikel tanpa pembaca, seperti rumah mewah yang tak berpenghuni. 

6.Prediksi/Estimate SEO Blogspot 2013 adalah tips seo untuk tahun sekarang dan kedepan bila anda bisa menggunakan satu kata "VARIASI" sebagai dasar untuk mencoba sesuatu yang baru.

Baca Selengkapnya di Tutorial blog dan Optimasi seo

Mengenal Fungsi Menu Fitur Blogspot

Mengenal Fungsi Bagian-bagian Fitur atau Menu Dasbor pada Blogspot|Post ini kangroni tujukan untuk sobat blogger yang masih anyar sebab kangroni perhatikan beberapa waktu belakangan pengguna internet semakin menggandrungi pembuatan situs yang berbasis blogger/blogspot karena alasan tertentu mungkin dari mulai gratisan,banyak fitur yang dapat digunakan,diberi keleluasaan untuk mengelola/mengatur tampilan,seo,load page ringan dll.Penulisan posting ini kangroni sengaja membuatnya karena banyaknya sobat blogger yang masih belum begitu mengenal dengan bagian-bagian fitur yang ada pada Dasbor Blogspot. Yang membuat sulit dalam mengelola blogspot untuk blogger anyar adalah dikarenakannya masih sedikitnya tutorial pengelolaan blogspot versi sekarang.

Kenapa sangat sedikit ? ya, karena rata-rata peblogger banyak yang sudah menguasainya jadi tidak terlalu gregetan untuk mempublikasikannya,itulah yang membuat kangroni terlalu lama untuk mempublikasikan post ini akan tetapi kangroni tidak akan menyia-nyiakan kesempatan yang bagus ini untuk membantu sobat blogger semua dalam mengelola akun blogspot agar dapat membantu untuk menambah ilmu pengetahuan dan semangat dalam berkarya,berbagi dan menjalin persahabatan. Dalam posting ini Kang Roni hanya akan menjelaskan bagian-bagian fitur blogspot yang kangroni anggap sangat penting saja untuk blogger anyar dalam mengelola akun blogger. Perhatikan Gambar halaman Dasbor dibawah ini yang akan anda jumpai saat pertama kali anda login Blogger.com. 

 

Fungsi fitur blogspot akan kangroni jelaskan menurut angka yang tertera pada gambar di atas.

Pada fitur nomor satu ini anda dapat membuka Profil Blogger dan mengeditnya,mulai dari Privasi, Identitas, Foto Profil, dll. Pada fitur nomor satu ini anda juga dapat masuk pada setelan akun yang di antaranya mempunyai fungsi untuk merubah bahasa utama dan profil Google+ Pada fitur blogspot nomor satu ini adalah satu-satunya fitur yang digunakan untuk keluar akun blogger.

Fitur nomor dua berfungsi untuk merubah bahasa utama mulai dari Inggris, Indonesia dll.
Fitur nomor tiga berfungsi untuk melihat Home page blogger anda.

Pada fitur nomor empat anda dapat melakukan peninjauan luas atau gambaran ikhtisar yang terdiri dari beberapa bagian penting,di antaranya adalah: 

Ikhtisar (untuk melihat gambaran luas seperti penayangan, ringkasan statistik, dan pembaruan). 

Pos (untuk melihat dan mengedit artikel yang sudah anda publikasikan). 

Laman (menambah laman baru/laman mandiri/Static page). 

Komentar (melihat komentar masuk dan yang terpenting adalah dapat melihat komentar spam) 

Statistik (untuk mengetahui kemajuan blog atau halaman posting anda bahkan dapat mengetahui negara asal pengunjung, dll) 

Tata letak (untuk mempercantik blog dengan menambahkan gadget seperti HTML/JavaScript dll-nya di area yang disukai). 

Template (untuk mengedit tema/template blog anda mulai dari menyesuaikan dengan template bawaan bahkan fitur cadangkan/pulihkan yang dapat berfungsi untuk mengupload template dan bisa juga mengedit langsung melalui Edit HTML). 

Setelan/Settings (mempunyai banyak fungsi mulai dari edit judul blog, memberikan Deskripsi dll).

Untuk fitur blogspot nomor lima digunakan untuk membuka daftar entri baik yang sudah diterbitkan ataupun belum diterbitkan,selain itu juga berfunsi untuk mengetahui berapa banyak komentar dan penayangan setiap posting yang sudah anda terbitkan.

Untuk fitur nomor enam kangroni kira sobat semua pasti sudah tahu kegunaannya yaitu untuk membuat entri baru. Untuk Mengenal Fungsi Menu Fitur Blogspot lainnya kangroni kira sobat semua pasti sudah bisa mempelajarinya sendiri dan lebih bagus apabila sobat mempunyai akun blogger kedua yang khusus untuk otak-atik blog.

Baca Selengkapnya di Tutorial blog dan Optimasi seo