Cara Memasang Meta Tag Lengkap

Meta Tag adalah sebuah tags yang berisi kode deskripsi blog, kata kunci blog, pemilik blog, dan lain sebagainya. 

Meta Tag Berperan penting dalam sebuah blog, dengan meta tag ini search engine ini lebih mudah untuk mencari blog anda, Sehingga Blog Anda lebih SEO dan mudah untuk dicari. 

Meta Tag ini hal yang wajib dipasang oleh blogger. beberapa meta tag yang bisa membuat blog itu mudah dicari, Seperti Meta Tag Deskripsi, Keyword, Author, Search Engine, dan lain-lain. 

Dan pada dasarnya meta tags ini sudah dipasang oleh si pembuat template, namun meta tags yang telah dipasang tidak menjamin anda mudah untuk ditelusuri oleh mesin pencari, seperti Google, Bing, Yahoo, dan lain-lain. Berikut dibawah adalah cara memasang meta tag :

  • Silahkan Masuk Ke Blogger Anda.
  • Setelah itu, Klik Menu TemplateBackup Template Anda, --> Klik Tombol Edit HTML.
  • Lalu, Cari Kode <title><data:blog.pageTitle/></title> dengan menggunakan CTRL+F, Kode memiliki kode yang berbeda, tergantung pada template, dan biasanya kode ini terletak di bawah kode <b:include data='blog' name='all-head-content'/> .
  • Lalu, Hapus dan Ganti dengan kode berikut ini:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<meta content='Descripsi Blog Anda' name='description'/>
<meta content='Keywords (Kata Kunci) Blog Anda' name='keywords'/>
<meta content='URL Blog Anda' name='subject'/>
<meta content='Deskripsi Blog Anda' name='Abstract'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if><meta expr:content='data:blog.pageName + &quot; - Deskripsi Blog Anda&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot; - Keyword Blog Anda&quot;' name='keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='Abstract'/>
</b:if>
<meta content='Hak Cipta' name='copyright'/>
<meta content='Nama Author Blog' name='author'/>
<meta content='UTF-8' name='Charset'/>
<meta content='Global' name='Distribution'/>
<meta content='General' name='Rating'/>
<meta content='INDEX FOLLOW' name='Robots'/>
<meta content='1 days' name='revisit'/>
<meta content='1 Days' name='Revisit-after'/>
<meta content='ID' name='language'/>
<meta content='ID' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='index,follow,snipet' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='aeiwi, alexa, alltheWeb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot. infomak, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, Websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, bing, cnet, googlebot' name='search engines'/>

Keterangan:
  1. Ganti Kode berwarna Merah dengan deskripsi blog anda.
  2. Ganti Kode berwarna Kuning dengan keywords atau kata kunci blog anda.
  3. Ganti Kode berwarna Hijau dengan URL Blog Anda.
  4. Ganti Kode berwarna Orange dengan nama author blog anda.
  5. Ganti Kode berwarna Ungu dengan Hak Cipta Blog Anda.
Atau Juga Bisa Dengan Meta Tag Berikut ini:

<b:if cond="data:blog.pageType != &quot;item&quot;">
<title> <data:blog.pageTitle/> </title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> <meta expr:content="data:blog.pageName + &quot; – Deskripsi tentang blog anda&quot;" name="description"/>
<meta expr:content="data:blog.pageTitle + &quot; Keywords Blog Anda&quot;" name="keywords"/>
<meta content="INDEX, FOLLOW" name="ROBOTS"/>
<b:else/>
<title> <data:blog.pageName/> | <data:blog.title/> </title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> <meta expr:content="data:blog.pageName + &quot; – Deskripsi tentang blog anda&quot;" name="description"/>
<meta expr:content="data:blog.pageName + &quot; Keywords Blog Anda&quot;" name="keywords"/>
<meta content="INDEX, FOLLOW" name="ROBOTS"/>
</b:if>

Keterangan:
  1. Ganti Kode Yang berwarna Merah dengan deskripsi blog anda.
  2. Ganti Kode Yang berwarna Kuning dengan keywords atau kata kunci blog anda.

  • Setelah itu, Klik Tombol Simpan Template.

Selamat Mencoba,
Salam Sukses,

Download Template Blogger SEO Friendly

Banyak Cara yang dilakukan oleh seorang blogger untuk bisa mengoptimasikan blognya agar lebih mudah terindeks. dengan cara menambahkan meta tags, bertukar link, dan lain-lain. salah satunya yaitu mengganti template sebelumnya dengan template yang seo friendly.

sedikit ciri-ciri untuk template seo friendly adalah mudah untuk diubah, menggunakan beberapa meta tags yang telah dipasang oleh pembuat template. Berikut dibawah adalah template yang menurut kami memenuhi ciri-ciri diatas:

1. Template Super SEO

bloggertemplate

Template Ini adalah template yang dibuat oleh kang ismet yang bernama "Super SEO" yang mudah untuk diubah. berikut dibawah adalah fitur yang dimiliki oleh template ini:
  • 2 Navigasi Bar (di atas dan di bawah header).
  • Mempunyai 4 Social Bookmark (RSS feed, Facebook, Twitter, Google +).
  • Threaded Comments.
  • Auto Read More.
  • Kolom Header Slot Banner 468 x 60.
  • Like Bookmark (Facebook, Twitter, Google +, Pinterest)

                                                                Demo | Download

2. Template Johny Wusss

3 Template Blogger SEO Valid HTML5 di 2013

Template ini dibuat oleh maskolis, seorang yang dikenal banyak karena ia pembuat template yang banyak orang yang memakainya. Template Johny Wusss ini dibuat untuk bisa mengoptimalkan para blogger, template ini dikategorikan SEO Friendly dan sudah termasuk ciri-ciri diatas, yaitu menggunakan beberapa meta tags sehingga membuat template ini seo friendly. template ini sudah banyak yang dipakai oleh para blogger indonesia, atau luar. dibawah adalah fitur yang dimiliki oleh template ini:

  • Loading yang lumayan cepat.
  • Mempunyai fitur sebunyikan dan tampilkan pada sidebar widget.
  • Memiliki 2 Navigasi Bar (di atas dan di bawah).
  • Sudah Dilengkapi Dengan Beberapa Meta Tags.
  • Dilengkapi dengan related articel.
  • dan sebagainya.

                                                               Demo | Download

3. Template Salahuddin Ayubi

Salahuddin Ayubi Blogger Template

                                                                  Demo | Download

Template ini dibuat oleh Mohammad author dari situs MBT, yang seo friendly, selain seo friendly template ini juga memiliki tampilan yang cukup bagus. berikut dibawah fitur dari template ini:


  • Mempunyai 2 Navigasi bar.
  • Dilengkapi dengan icon autor pada post.
  • Sudah Dilengkapi dengan Meta Tags SEO Friendly.
  • Fitur Multi Tabbed.
  • Dan Sebagainya.

Ketiga Template SEO diatas memang sudah memenuhi ciri-ciri diatas, dan banyak pengguna blogger yang memakai dalam maupun luar negri. bagaimana?, tertarik dengan template diatas?, Langsung saja Download.

Selamat Mencoba,
Salam Sukses,

Hal-Hal Yang Harus Diperhatikan Dalam Pembuatan Template Blogger

Selain konten, daya tarik dari sebuah blog bagi para pengunjung sebagian besar terletak pada bagian tata letak atau desain tampilan atau template blog. jika blog itu sendiri menyajikan tampilan dan konten post yang cukup rapih, dan pengunjung akan lebih nyaman.

Apa itu Template?, Template adalah sebuah tampilan sebuah blog yang dibuat dengan menggunakan kode HTML. HTML adalah sebuah kode pemprograman untuk membuat tampilan dari sebuah blog atau website, dan dilengkapi dengan kode-kode pendukung seperti PHP, Javascript, CSS, SQL, dan lain sebagainya.

Untuk bisa membuat template ada hal-hal yang harus diperhatikan dalam pembuatan template blogger, dan mengenal bagian-bagian yang ada di dalam sebuah template itu sendiri, Seperti berikut ini:

  1. Header atau Widget pada bagian atas dari sebuah blog. Header ini berisi Judul Blog atau pun Gambar.
  2. Sidebar atau Template untuk menyimpan Widget pada bagian kiri atau kanan. Bagian ini berfungsi untuk menyimpan widget yang ditampilkan.
  3. Konten atau Posting . konten ini adalah tempat untuk meletakan artikel atau posting.
  4. Footer atau bagian penyimpanan widget pada bagian bawah. Footer ini berfungsi sama dengan Sidebar melainkan Footer ini terletak pada bagian bawah.

Ada juga pula hal-hal yang harus diperhatikan dalam pembuatan Template blogger, seperti berikut ini:
  • <?xml version="1.0" encoding="UTF-8" ?> kode ini berfungsi untuk menandai bawah template yang akan dibuat sudah mendukung pemprograman XML 1.0
  • <! DOCTYPE html> kode ini untuk menandai bahwa template ini sebuah dokumen berjenis HTML.
  • <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> Kode ini sebuah kode  pembuka dan data XML, Bahasa.
  • <head> kode ini adalah kode HTML pertama dan tempat untuk menyimpan Meta Tags.
  • <title>Judul Blog</title> kode ini adalah kode untuk menampilkan Judul blog anda.
  • <b:skin><![CDATA[ kode yang berfungsi untuk menyampaikan informasi blog.
  • ]]></b:skin> kode yang berfungsi untuk menyimpan kode CSS.
  • </head> kode sebagai penutup kode pertama dan tempat untuk menyimpan Javascript.
  • <body> kode yang berfungsi untuk menyimpan konten posting.
  • </body> kode yang berfungsi untuk menutup kode <body> .
  • </html> kode yang berfungsi untuk menutup kode </html> kode pembuka.
Seperti Struktur template dibawah ini :

<?xml version="1.0" encoding="UTF-8" ?>
<! DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<!-- Meta Tags Blog -->
<title><!-- JUDUL BLOG --></title>
<b:skin><![CDATA[
/* ---------------------------------------------------Template Name : [ Nama Template ]
Finishing Date : [ Tanggal Selesai dibuat ]
Designed : [ Author ]
URL : [ Url Blog/Website Author ]
--------------------------------------------------- */
-------------------
-----------------------
/* CSS Blogger */----------------------
----------
----------------------
]]></b:skin>
<!-- Javasript Area -->
</head>
<body> 
<!-- Bagian Konten Posting Blogger --> 
</body>
</html>


Semoga Bermanfaat,
Salam Sukses,

30 Fakta Tentang Wanita

  1. Bila seorang wanita mengatakan dia sedang bersedih, tetapi dia tidak menitiskan airmata, itu bermakna dia sedang menangis di dalam hatinya.
  2. Bila dia tidak menghiraukan kamu setelah kamu menyakiti hatinya, lebih baik kamu beri dia waktu untuk menenangkan hatinya sebelum kamu menegur dengan ucapan maaf.
  3.  Wanita susah untuk mencari sesuatu yang dia benci tentang orang yang paling dia sayangi (karena itu banyak wanita yang patah hati bila hubungannya putus di tengah jalan).
  4. Jika seorang wanita jatuh cinta dengan seorang lelaki,lelaki itu akan sentiasa ada di pikirannya walaupun ketika itu dia sedang bersama dengan lelaki lain
  5. Bila lelaki yang dia cintai merenung tajam ke dalam matanya, dia akan cair seperti coklat!!
  6. Wanita memang menyukai pujian tetapi selalu tidak tahu cara menerima pujian.
  7. Jika kamu tidak suka dengan gadis yang menyukai kamu setengah mati, tolak cintanya dengan lembut, jangan berkasar dengannya karena ada satu semangat dalam diri wanita yang kamu tidak akan tahu bila dia telah membuat keputusan, dia akan melakukan apa saja.
  8. Jika seorang gadis sedang menjauhkan diri darimu setelah kamu tolak cintanya, biarkan dia untuk seketika. Jika kamu masih ingin menganggap dia seorang kawan, cubalah tegur dia secara perlahan-lahan.
  9. Wanita suka meluahkan apa yang mereka rasa. Muzik, puisi, lukisan dan tulisan adalah cara termudah mereka meluahkan isi hati mereka.
  10. Jangan sesekali beritahu kepada perempuan tentang apa yang membuat mereka langsung merasa tidak berguna.
  11. Bersikap terlalu serius boleh mematikan mood wanita.
  12. Bila pertama kali lelaki yang dicintainya sedang memberikan respon positif, misalnya menghubunginya melalui telepon, si gadis akan bersikap acuh tak acuh seolah-olah tidak berminat, tetapi sebenarnya dia akan berteriak kerana gembira dan tak sampai sepuluh minit, semua kawan-kawannya akan mengetahui berita tersebut.
  13. Sebuah senyuman memberi seribu arti bagi wanita. Jadi jangan senyum sembarangan kepada wanita.
  14. Jika kamu menyukai seorang wanita, mulailah dengan persahabatan. Kemudian biarkan dia mengenalimu lebih dalam.
  15. Jika seorang wanita memberi seribu satu alasan setiap kali kamu ajak keluar, tinggalkan dia karena dia memang tak berminat denganmu.
  16. Tetapi jika dalam waktu yang sama dia menghubungimu atau menunggu panggilan darimu,teruskan usahamu untuk memikatnya.
  17. Jangan sesekali meneka apa yang dirasakannya. Tanya dia sendiri!!
  18. Setelah seorang gadis jatuh cinta,dia akan sering tertanya-tanya mengapa aku tidak bertemu lelaki ini lebih awal.
  19. Kalau kamu masih mencari-cari cara yang paling romantis untuk memikat hati seorang gadis, bacalah buku-buku cinta.
  20. Bila setiap kali melihat foto bersama, yang pertama dicari oleh wanita ialah siapa yang berdiri di sebelah buah hatinya, kemudian barulah dirinya sendiri.
  21. Bekas kekasihnya akan selalu ada di pikirannya tetapi lelaki yang dicintainya sekarang akan berada di tempat yang teristimewa di hatinya!!
  22. Satu ucapan 'Hai' saja sudah cukup menceriakan harinya.
  23. Teman baiknya saja yang tahu apa yang sedang dia rasa dan lalui.
  24. Wanita paling benci lelaki yang berbaik-baik dengan mereka semata-mata untuk memikat kawan mereka yang lebih cantik.
  25. Cinta berarti kesetiaan, jujur dan kebahagiaan tanpa syarat.
  26. Semua wanita menginginkan seorang lelaki yang dicintainya dengan sepenuh hati.
  27. Senjata wanita adalah airmata!!
  28. Wanita suka jika sesekali orang yang disayanginya memberi surprise buatnya (hadiah, bunga atau sekadar kata-kata romantik). Mereka akan terharu dan merasakan bahwa dirinya dicintai setulus hati. Dengan ini dia tidak akan ragu-ragu terhadapmu.
  29. Wanita mudah jatuh hati pada lelaki yang memberi perhatian padanya dan baik terhadapnya. So, kalau ingin memikat wanita pandai-pandailah.
  30. Sebenarnya mudah mengambil hati wanita karena apa yang mereka inginkan hanyalah perasaan dicintai dan disayangi sepenuh jiwa.

Membuat Back To Top Keren Di Blog

Saat kita baca postingan yang panjang lebar sampe ke bawah, terus pengen baca lagi dari atas tapi scroll mouse rusak. Apa pernah loe ngalamin hal tersebut ? Kalo pernah pasti repot karena harus narikin tombol scroll di browser ya gak. Apalagi kalo pake laptop cuma pake touch pad waduh bikin sebel.



Nah Kali Ini Blog ™ JAY SING ™ Akan NgeShare Cara Membuat Back To Top Keren Di Blog 



Blog kalian udah ada tombol back to topnya belom? Kalo belom, pasang sekarang juga, tombol back to top ini emang bukan navigasi utama tapi bisa jadi sangat penting buat beberapa pengunjung . Gak susah kok membuat tombol back to top di blog.Sobat cuma tinggal nambahin widget tanpa perlu edit HTML.

Kali ini Saya bakal share cara membuat tombol back to top di blog yang gampang . Kalau Sobat berminat silahkan langsung disimak cara buatnya gak pake ribet. Contohnya kayak yang ada di blog ini posisi tombol ada di kanan .


Cara Membuat Tombol Back To Top Keren Di Blog

  • Pertama masuk ke Blogger 
  • lalu pilih Layout / Tata Letak 
  • terus Add a Gadget dan tambahin HTML/JavaScript gan. 
  • Terus tinggal Sobat paste kode di bawah ini di kotak kosongnya.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >

var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="URL Gambar Back To Top" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

Kalo udah di pastein sekarang tinggal di ganti URL Gambar Back To Top sama url gambar punya loe gan lalu di Save. Coba sekarang buka blog loe pasti udah ada tombol back to topnya gan.
Kalo loe gak punya gambar tombolnya ni gw sediain gan, ada yang animasi sama standar tinggal dipilih aja.


Animasi :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV-AMIbTyBdcqVbLO8QxMPMRvIMe1gdEeh2Ich7bzve8Q_FdoK03w0mmddHMOP5B-qLooLGfB3utVrOOO-rk1zIgdrpNC_5uiL3J17d1Rx7m1r1bzYEbQqX-L75JN4mBPON2MHNoIAkpbd/s1600/back+to+top10.gif 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5kKWhkATsvhIWJskb-VuBzoTTapW6mAqpzv0ugiKydznZAyy3kN_r4tqQsUM06c5Pv3tIemngxFfmakrnSsGUbNg-KhaSa4j2lVlgibsoM9AALIk_OER8AeaHOttmAdQUZcTwsXhV85fX/s1600/back+to+top4.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2yS49NoiRLaLLMnH8IZbVNWxrh0a5CZk1e9B-xobach6uChe39qKLneZm94nTpK766Q6Z-x25CsPPEtfaEVaY662jY6QUXByeyXMSygWfkp0Nt5LAUaU5MisCGPsn1U3Zr9LMqPkAJCNO/s1600/back+to+top7.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCUoigZMhnplDebFtDQFBCZygyGZQ5t6aguLmrcJuSz6WDsbtr4A2ODR3zqgilEsO6jBa5ZjRkeq89KRpn7xi91By9ZBjmlFVNrySP0RvAzc3ZdlBnyOyAhlUAosDWfDeuv_HI-uoRLox4/s1600/back+to+top9.gif

Standar

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh52-IoK5Ksc74XxWsQhYXRUbnD8yfkf6rWc1j0CrF5l8q5PxV16xBuVkVNW3jCvY4qhbFxjtGriu82tOXqNo-Nd0THAwVUypWVY8pIBU_J7s5DGyk_coYXiEwugpWIYsHPmVWvzayDOanK/s1600/back+to+top13.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqdXVL9AngfyAxBYoA4_cJl41mW391vew5fox9zledHh0kLiEo6c0l7cfv1j0S0KJFEd8zWXKQnVR2_lUxXXscSOScgyRSkrvSd-3Z9onUsoTau7ms22xmLSOErFGbOxLhRp-6JFrmvRpQ/s1600/back+to+top14.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPfYguLEjg3FGEOLYKjUBuReJ3jQ0y23hK5KBzg50P2gLOSjHTwfMIpauqSS1-ZgnB_hxS4w5GzvP91wHjxNuF73_yXwQ77b19mL7kBILc14AcinIKk2gcRnPJ_JJx-A3QeTnvSYXsdrir/s1600/back+to+top15.png


Beres kan, gampang kan cara membuat tombol back to top di blognya. Ow ya kalau Sobat mau rubah kecepatan scrollnya bisa di edit aja scrollduration, semakin besar angkanya semakin lambat gerakan ke atasnya .


Sekian dulu yang bisa Saya share tentang cara membuat tombol back to top, semoga bermanfaat buat kalian semua. Jangan lupa ninggalin komentar ya .

Cara Ping Blog Untuk Mempercepat Proses Index

Blog ™ JAY SING ™ - Fungsi Ping Blog Untuk Mempercepat Proses Index dan Meningkatkan traffic | Adalah hal yang penting, ketika kita selesai memposting artikel di blog, bagaimana artikel kita bisa cepat di index oleh sebuah mesin pencari. Salah satu cara yang cukup jitu adalah dengan melakukan Ping. Jadi Ping disini fungsinya untuk menyampaikan ke mesin pencari, bahwa ada sesuatu yang updated di blog kita dan tentunya sangat bagus untuk teknik seo dalam hal mempercepat proses index. Saat ini banyak aplikasi gratisan di internet yang menyediakan Ping Gratisan !, diataranya adalah googleping.com, pingomatic.com, pingoat.com dan masih banyak lagi jasaping gratisan yang lain.

Untuk artikel ini saya coba memberikan contoh salah satu proses PING dengan menggunakan Googleping.com

  1. Silahkan masuk ke googleping.com Selanjutnyaa isi form seperti di bawah ini :

Blog Name : Isi deskripsi blog
Blog Home Page : Alamat URL Blog
RSS URL : Isi dengan http://Alamat_Blog_Sobat.com/feeds/posts/default
Email : Isi alamat email sobat disini
    2.  Pilih service ping yang akan di target, bisa pilih semua dengan melakukan "Check All"
    3.  Selanjutnya Klik >> Send Ping
    4.  Tunggu sampai proses PING selesai

Untuk penggunaan aplikasi lainnya seperti pingomatic.com atau pingoat.com, kurang lebih caranya sama, yaitu dengan memasukkan URL Blog dan URL RSS. Pada prinsipnya semua sama kegunaannya. Namun saya sendiri lebih sering pake googleping.com ini, selain karena prosesnya cepat, target ping banyak juga ada backlink untuk URL yang selesai di proses Ping. 
Selamat Mencoba !!

Belajar Seo Blog untuk Pemula

Belajar Seo Blog untuk Pemula memang sebaiknya kita mulai sejak dini dalam arti sejak blog kita lahir dan terdafrtar di webmaster kita harus sudah menerapkan trik seo pada web atau blog tersebut.hal ini berguna agar blog kita kita dapat dengan mudah di temukan Search Engine.banyak jalan menuju roma mungkin itu kata yang tepat untuk Belajar Seo.Saya kira semua blogger pasti mendambakan blog yang di cintainya memiliki peringkat atas pencarian google.tapi semua itu tidak mudah ternyata.saya pribadi merasakanya betapa sulitnya bertempur di medan perang blog yang notebane ternyata banyak para blogger yang bersenjata lengkap (backlink) sebagai pendongkraknya.SEO kepanjangan dari Search Engine Optimization klau dalam bahasa kita artinya Optimisasi mesin pencari artinya proses untuk mengarahkan trafik pengunjung dari sebuah web atau blog dari mesin pencari.sedangkan. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan.pada garis besarnya Seo di difinisikan menjadi du bagian : 
→ • Seo On-Page adalah optimasi halaman blog yang mencakup apa saja yang dapat dilakukan pada halaman blog itu sendiri.bagian yang terpenting untuk Seo on-Page untuk Blog adalah : 
• Judul Atau Keyword 
Buatlah judul yang berhubungan dengan konten.Gunakan kata kunci Anda setidaknya satu kali pada judul Anda.Jangan membuat judul terlalu besar.Google indeks 70 karakter pertama. Apakah Anda menggunakan kata kunci pada judul tetapi tidak lebih dari 3 kali. Bot pencari akan menganggap itu spamming jika Anda menggunakan lebih dari 3 kali.Lakukan riset keyword jika perlu. 
• Optimasi Seo Konten 
Konten Is The King.Sepertinya itulah yang harus kita pahami betul 
• Optimasi Seo Pada Gambar 
• Optimasi Internal Link 
• Optimasi External link 
Itu semua di atas merupakan bagian dasar dari Belajar Seo Blog untuk Pemula. yang mestinya harus anda terapkan dalam blog yang sampean miliki

Cara membuat Breaking News / Berita Baru di blog

Breaking news adalah istilah kren dalam dunia berita terkini, dan para bloger juga memanfaatkan moment tersebut untuk membuat tampilan halaman blognya semakin menarik, disamping itu pungsinya sangat membantu bagi para pengunjung blog kita. Untuk tampilan ini, saya sendiri sangat suka dengan sebutan News Line dengan alasan bahwa berita yang ditampilkan hanya berupa satu garis saja... heheheh itu istilah saya... Oke seperti biasa kita berangkat ke TKP.

1. Login ke Blog anda

2. Masuk menu Edit HTML Jangan lupa  Expand Template Widget  dicentang.

3. Cari kode ]]></b:skin> untuk mempercepat pencarian klik Ctrl + F 

4.Copy script dibawah ini Letakan kode  tepat diatas kode ]]></b:skin>


/* News Line Script
---------------------------------------------*/
.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIy8Lu56wkJKf0UJOXPJgC6o4pyhNT6pJthPRCaRf4C5hFnvIFAZEI3Dwl9ClAjum_0tuvALSSmer2tUmCbbfgr1b7yFTHa6IQonN-junC_V3g6MS5AhU09sYfwlFZa8CuIP4fu-q4Tew/h64/news.gif) no-repeat top left;width:910px;margin:0 auto;padding:0 auto;height:32px;color:#ADFF2F;}
.news {width: 910px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#ADFF2F;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#ADFF2F;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}

Keterangan Script
  • Yang di block dengan warna biru diatas adalah gambar atau icon yang disamping kiri news line
  • [ width: 910px ]  adalah lebar dari news line tersebut. sesuaikan menurut lebar blog anda
 Ganti script yg diblock warna biru diatas untuk gambar dibawah ini, copy script dibawah lalu pastekan, tapi hati hati dengan tanda kurungnya jangan sampai terhapus atau dobel.



Kode script diatas adalah code CSS dari news line yang akan kita buat.
Kita akan memanggil code tersebut untuk ditampilkan di halaman blog kita.
Copy code script dibawah ini dan tempatkan dimana anda suka. Saran saya bagusnya ditempatkan di atas Navigasi pada blog kita., atau diatas navigasi halaman blog kita. Seperti news line yang ada pada blog saya.


<div class='newspic'>
<div style='float:left;width:780px;padding:6px 0 6px 180px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Creating Website&quot;, &quot;Alamat Blog Anda/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>


  • Keterangan script
Block biru diatas adalah code lebar tampilan news. & Tinggi nya
Block merah pada code adalah URL dari blog anda ( Alamat Blog anda )


Untuk melihat hasilnya sementara klik pratinjau pada blog anda sebelum anda save untuk mencegah error scriptnya. bila sudah yakin dengan scriptnya silahkan save dan lihat hasil akhirnya...

Salam bloger semoga penjelasan script news line pada artikel kali ini bermanfaat buat sohib...