Template Blog Profesional dan SEO Friendly 2013

Kali ini saya akan berbagi Template Blog Profesional dan SEO Friendly 2013, banyak yang mencari template blog yang bagus, elegant, dan yang pasti SEO Friendly donk. Kali ini saya akan berbagi template untuk sobat.

Berikut Template Blog Profesional dan SEO Friendly 2013:

1. Blogism Blogger Template

Template Design By: templateism

Fitur Blogism Blogger Template:

• Tombol social sharing dengan counter
• Tombol auto readmore
• Iklan
• Tipe wordpress
• Magazine style
• Threaded commenting system
• Author Avatar with Each Article

Demo  |  Download

2. Top Blogging Idea Blogger Template

Fitur Top Blogging Idea Blogger Template:

• Highly Fast loading
• Elegant look
• Responsive design
• professional look
• No Auto readmore widget
• Beautiful Background
• Customised Headings
• Colourful menus
• Left sidebar
• Easy Edting
• Stunning comment section
• Inbuilt Social widgets

Demo  |  Download

3. Lord HTML Blogger Template

Template Design By: Durai Sankar

Fitur Lord HTML Blogger Template:

• Nice and Simple Design
• Responsive theme
• SEO Optimized
• No Footer Widgets
• Navigation Menus
• Search bar 
• Custom About me widget
• Page navigation Widget
• Stunning Threaded Comments Section
• Default Jump Breaks for Post excerpts
• Custom Email subscription widget
• Customized heading tags (h1 to h6)
• HTML Code view 
• Adsense optimised.

Demo  |  Download

4. Stylify Your Blog Blogger Template

Template Design By: Durai Sankar

Fitur Stylify Your Blog Blogger Template:

• Responsive
• Search Engine Optimized
• Lightening fast Page Load Time (98% in Google Page Speed)
• Exclusive Threaded Comment Design
• CSS3 powered Tilted Header
• Supports All Major browsers
• Uses CSS Sprites for less HTML Requests
• Auto Read More Hack
• Pagination option
• Automatic Related Posts under each Post
• CSS3 powered ReadMore Button and Labels
• Electrolize Web Font
• Attractive Share Buttons and Subscribe options
• Author Bio Box
• Ribbon styled Labels on Post Pages
• Print Friendly
• Captivating Post Title design
• Near W3C Valid
• Four Column Footer
• Widget Ready Sidebar with Stacked effect
• Simple Menu and Social Media Buttons
• Automatic Meta Descriptions
• Stacked Paper feel to Post Body
• Appealing Custom 404 Design
• Simple Search Box

Demo  |  Download

5. Helper Blogger Blogger Template

Template Design By: Durai Sankar

Fitur Helper Blogger Blogger Template:

• Wordpress like
• Round corners
• Superb sub menu
• Adsense optimised
• Fast loading
• Simple and Elegant
• Magazine type
• Featured Section
• Right Sidebar
• Tabbed widget
• 3 Column footer
• Professional
• Custom fonts

Demo  |  Download

6. Blogger Tricks Blogger Template

Template Design By: Durai Sankar

Fitur Blogger Tricks Blogger Template:

• Super SEO
• White clean
• Related post widget
• Subscribe widget in all post 
• 3 footer widget
• Left sidebar
• Adsense enabled 
• 90 in page speed
• Best for all sites

Demo  |  Download

7. My Blogger Tricks Blogger Template V 1.0

Template Design By: Durai Sankar

Fitur My Blogger Tricks Blogger Template V 1.0:

• Fully SEO optimised
• Auto read more for webmasters
• Related post widget
• Mouse over effect blockquote
• Best template for ads
• 3 Column Footer 
• 3 Columns
• Professional
• Full image for header

Demo  | Download

8. MPL PRO Blogger Template

Template Design By: Deep Sinha

Fitur MPL PRO Blogger Template:

• Fast Loading 
• Seo Optimized
• Automatic Read More After Every Post
• Stuning Spicupyourblog Threaded Comments Section
• Adsense Optimized
• Search Engines Friendly
• Every Post In Separate Boxes With CSS Hover effect 
• Large Post Thumbnails
• Social Sharing Widget Below every post
• Related Post With Hover Effect Below Every Post
• Image Background in Sidebar Header
• Stylish Block Quote Boxes with Hover effect
• Stylish Navigation Menu

Demo  |  Download

9. Labnol.Org Blogger Template

Fitur Labnol.Org Blogger Template:

• Seo optimized
• Fast Loading
• Customized Search Bar
• Adsense optimized
• Simple Design

Demo  |  Download

10. Spice Up Your Blog Blogger Template

Template Design By: Durai Sankar

Fitur Spice Up Your Blog Blogger Template:

• Build with SEO
• Attractive Design
• Superb ads
• User attractive
• Subscription widget
• Left Sidebar
• Auto read more for webmasters
• Best for Adsense
• 93 out of 100 in google page rank
• Professional
• Custom fonts

Demo  |  Download

11. Minimun Theme Template

Template Design By: chandeep

Fitur  Minimun Theme Template:

• Nice and Clean Design
• Responsive Theme Layout
• Minimal look
• SEO Optimized
• Fast loading Theme
• custom home page layout
• 2 Navigation Menus
• Custom About me widget
• Page navigation Widget
• Stunning Threaded Comments Section
• Customized heading tags (h1 to h6)
• Custom opt-in subscribe form
• Custom Social Profile widget (home Page)
• Custom Tables
• Custom Forms and Buttons

Demo  |  Download

Keren-keren 'kan Templatenya? Kalau menurut saya template ini cukup keren. Bagaimana menurut sobat??

Demikianlah postingan mengenai Template Blog Profesional dan SEO Friendly 2013, Semoga postingan ini bermanfaat untuk sobat. Bagikan kepada teman-teman agar mereka juga memakai template ini. Terima kasih, Good Luck :)

Cara Membuat Banner Animasi Online Gratis

Cara Membuat Banner Animasi Online Gratis - Banner memang sangat penting dalam dunia periklanan. Karena banner lebih menarik mata dibanding hanya dengan iklan baris. Pemilihan banner yang bagus juga bisa digunakan untuk mempercantik blog agar kelihatan lebih profesional. Tapi, tidak banyak yang bisa membuat banner animasi. Tapi tenang saja kali ini saya akan berbagi cara membuat banner animasi secara online gratis.

Berikut tutorial membuat banner animasi online gratis:

1. Kunjungi picasion.com

2. Upload gambar lebih dari satu yang akan di jadikan animasi. Bisa upload dari URL gambar

3. Setelah selesai mengupload gambar pilih size. Pilih ukuran yang sobat inginkan.

4. Atur speed untuk mengatur kecepatan animasinya

5. Klik Create animation

Bisa lihat gambar

6. Akan muncul seperti gambar dibawah ini, lalu klik Save this animation. Tunggu sebentar maka gambar animasi otomatis akan didownload.

7. Tinggal upload ke hostingan sobat dan pasang di blog sobat. Bisa diupload ke photobucket.com.

Semoga postingan Cara Membuat Banner Animasi Online Gratis yang sederhana ini bisa bermanfaat untuk sobat semua. Good Luck :)

Membuat sticky bar sendiri dengan tombol close di blog

Membuat sticky bar sendiri dengan tombol close di blog - Sticky bar bisa digunakan untuk menaruh pesan -  pesan anda, promote artikel unggulan anda dll. Ok, screenshootnya seperti ini :

1. Login blog -> Template.
2. Edit HTML -> Lanjutkan.
3. Centang expand template widget -> gunakan ctrl dan f.
4. Cari kode ]]></b:skin> -> Letakan kode CSS dibawah ini diatasnya.

•  #mbt_bar{
  background:#333 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAQVqf2yA1T8gV8i8Q4WO2gWWlSdz9iuT4EJpbkeu0z7GG3yoBIvm2ju2RmnaGnOk8oJf-8ijVYNw28RXh2RSmhlWENizXN7US8P8pvDp-iGcNJq3HNvZRJbKngM-aPBw6JlPOabRDyhw/s400/stickybar.png') repeat-x;
  width:100%;
  margin:0 auto;
  text-align:center;
  padding:0px 0;
  border-bottom: 1px solid #888888;
  -moz-box-shadow: #666666 0px 1px 3px;
  -webkit-box-shadow: #666666 0px 1px 3px;
  box-shadow: #666666 0px 1px 3px;
  z-index: 999;
  height: 28px; position:fixed;
  line-height: 1.85em;
  vertical-align: baseline;
  letter-spacing: 1px;
  color:#fff;
  font-size:13px;
  font-weight:bold;
  font-family: arial,"Helvetica",sans-serif;
  }
  #mbt_bar a{
  text-decoration:underline;
  color:#E2E504;
  }
  #mbt_bar a:hover{
  text-decoration:none; }
  #mbt_bar p {margin:0; list-style:none;}
  #mbt_bar img {vertical-align: middle;
  margin-right: 6px;
  }

5. Letakkan kode berikut diatas tag </head>.

• <script type='text/javascript'> 
  
  
  //<![CDATA[ 
  var mbt_arr = new Array(); 
  var mbt_clear = new Array(); 
  function mbtFloat(mbt) { 
  mbt_arr[mbt_arr.length] = this; 
  var mbtpointer = eval(mbt_arr.length-1); 
  this.pagetop = 0; 
  this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body; 
  this.mbtsrc = document.all? document.all[mbt] : document.getElementById(mbt); 
  this.mbtsrc.height = this.mbtsrc.offsetHeight; 
  this.mbtheight = this.cmode.clientHeight; 
  this.mbtoffset = mbtGetOffsetY(mbt_arr[mbtpointer]); 
  var mbtbar = 'mbt_clear['+mbtpointer+'] = setInterval("mbtFloatInit(mbt_arr['+mbtpointer+'])",1);'; 
  mbtbar = mbtbar; 
  eval(mbtbar); 
  } 
  function mbtGetOffsetY(mbt) { 
  var mtaTotOffset = parseInt(mbt.mbtsrc.offsetTop); 
  var parentOffset = mbt.mbtsrc.offsetParent; 
  while ( parentOffset != null ) { 
  mbtTotOffset += parentOffset.offsetTop; 
  parentOffset = parentOffset.offsetParent; 
  } 
  return mbtTotOffset; 
  } 
  function mbtFloatInit(mbt) { 
  mbt.pagetop = mbt.cmode.scrollTop; 
  mbt.mbtsrc.style.top = mbt.pagetop - mbt.mbtoffset + "px"; 
  } 
  function closeTopAds() { 
  document.getElementById("mbt_bar").style.visibility = "hidden"; 
  } 
  //]]> 
  </script>

6. Cari lagi, kode <body>. Untuk kode kali ini, gak perlu deh agan cari menggunakan Ctrl dan f. Cukup dengan scroll halaman ke bawah, sampai pucuk. Sudah ketemu? letakkan kode berikut dibawahnya ya.

<div id='mbt_bar'> INGIN MENJADI PENULIS TAMU DI BLOG INI ?

<a href='http://www.blooger.co.id'>KLIK DISINI</a> 

<span style='padding:0px; float:right'>

<img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWhs5tjWsFoDT276ozyOipU4vptPFUKV77Cd653Q1mkJfwfWv_bP8y8jKTfPoJr_W9dB3Z8v3rr1xiKvl-EnRiVw3m0IY_5mGnuX61Kg51fFwh-GMdIA9emkN2crOL2qPmlGorBAnikC4/s400/cancel.png' style='cursor:hand;cursor:pointer;'/></span></div>

<br/><br/>

7. Save & Liat hasilnya!

Download Artisteer 4.0.0.58475 And Full Keygen New Version

Artisteer 4.0.0.58475 adalah software yang bisa gunakan membuat template sendiri, mendesain Web, pengkodean XHTML dan CSS, dan menciptakan Template Desain Web, template Joomla, Drupal, Wordpress, DotNetNuke skins, dan template Blogger hanya dalam beberapa menit, tanpa Photoshop atau Dreamweaver, dan tanpa perlu keahlian khusus. 

Apa keunggulan software ini ?

    Mudah digunakan terutama untuk pemula pembuat template
    Desain dengan mudah hanyak dengan mengklik area tertentu
    Mudah untuk membuat template, hanya 1 klik saja
    Mempunyai kebanggan tersendiri
    Template yang dihasilkan sangat bagus
    Tersedia berbagai macam menu pengeditan
    Mudah digunakan

Sedangkan Apa kekurangan software ini ?

    Bukan software gratisan
    Sulit dalam pengeditan HTML
    Sedikit membingungkan bagi orang pertama pengguna software ini

System Requirements :

    Microsoft Windows XP, Vista, Windows 7
    Intel or AMD processor 1500 MHz or higher
    Disk Space: 100 MB
    RAM : 512 MB
    .Net Framework 2.0

Download Artisteer 4.0.0.58475
Download Artisteer Keygen

Cara Membuat Blog Archive Dengan Scroll

Cara Membuat Blog Archive Dengan Scroll.~ Hari ini saya akan membagi tips dan trik blogger yaitu bagaimana Cara Membuat Blog Archive Dengan Scroll. blog archive dengan scroll yaitu cara meminimalis tampilan blog archive agar tidak terlalu panjang. cara ini juga dapat membuat blog tidak begitu berat bila dibuka. bila sobat blog ingin mencobanya silahkan. lihat tutorialnya di bawah ini.

Berikut Cara Membuat Blog Archive Dengan Scroll :

1. Login ke Blog Sobat
2. Pilih Template >>> Klik EDIT HTML
3.Cari kode ]]></b:skin> dengan menggunakan Ctrl + F
Kemudian, letakkan kode berikut di atas kode ]]></b:skin>

#BlogArchive1 .widget-content{
height:100px;
width:auto;
overflow:auto;
}

Setelah di copas kode di atas lalu simpan template.. : )

Semoga berhasil

 Catatan :
height:100px; adalah tinggi dari widget scroll. Ganti dengan tinggi widget scroll yang sobat inginkan.

Cara Menyembunyikan Judul dan Deskripsi Blog Di Header.

Judul Blog memang sangat penting untuk search engine.Tapi terkadang judul blog juga bisa terlihat mengganggu ketika kita membuat banner untuk header.Untuk tips ini,berguna buat sobat yang ingin menyembunyikan judul dan deskripsi blog di header sehingga judul tersebut tidak mengganggu penampilan header blog sobat

1. Cara Menyembunyikan Judul Header
Masuk menu Layout kemudian masuk Edit HTML kemudian cari Code di blog sobat yang mirip seperti dibawah :

    #header h1 {
    margin:50;
    padding:5px 0 0 10px;
    font-size: 100%;
    font-weight:bold;
    line-height: 1.2em;
    letter-spacing:.0em;
    font-style:italic;
    color:#FFFFFF;
    }

kita tambahkan Code Css visibility:hidden; Kedalam Css Diatas Sehingga kurang lebih menjadi seperti dibawah :

   #header h1 {
   margin:50;
   padding:5px 0 0 10px;
   font-size: 100%;
   font-weight:bold;
   line-height: 1.2em;
   letter-spacing:.0em;
   font-style:italic;
   color:#FFFFFF;
   visibility:hidden;
   }

2. Cara Menyembunyikan Deskripsi Deskripsi Header
Masuk menu Layout kemudian masuk Edit HTML kemudian cari Code di blog sobat yang mirip seperti dibawah :

  header h2blog-desc span{background: #3F3C47;
  box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.8), 0 1px 0 #000;
  padding: 0px 15px 5px 15px;
  border-radius: 5px;
  border: 1px solid #222;}
  h2#blog-desc {
  padding: 25px 5px 5px 5px;
  text-align: center;
  font-weight: 200;
  font-size: 17pt;
  letter-spacing: 4px;
  color: #fff;
  text-shadow: 2px 2px 2px #222, -2px -2px 2px #222;
  font-family: 'Playfair Display SC', serif;
 }

kita tambahkan Code Css visibility:hidden; Kedalam Css Diatas Sehingga kurang lebih menjadi seperti dibawah :

  h2#blog-desc span{background: #3F3C47;
  box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.8), 0 1px 0 #000;
  padding: 0px 15px 5px 15px;
  border-radius: 5px;
  border: 1px solid #222;}
  h2#blog-desc {
  padding: 25px 5px 5px 5px;
  text-align: center;
  font-weight: 200;
  font-size: 17pt;
  letter-spacing: 4px;
  color: #fff;
  text-shadow: 2px 2px 2px #222, -2px -2px 2px #222;
  font-family: 'Playfair Display SC', serif;
  visibility:hidden;
  } 

Kemudian Simpan pengaturanya.

Terima kasih telah membaca artikel Cara Menyembunyikan Judul dan Deskripsi Blog Di Header.
Selamat mencoba, semoga bermanfaat

Download Software Adobe Dreamweaver CS6 Versi Terbaru 2013

Download Software Adobe Dreamweaver CS6 Versi Terbaru 2013 - Adobe Dreamweaver CS6 adalah software untuk mendesain web yang menyediakan visual antar muka yang intuitif untuk membuat dan mengedit situs HTML dan aplikasi versi mobile. Adobe Dreamweaver CS6 menggunakan Fluid Grid layout baru yang dirancang untuk kompatibilitas cross-platform yang layoutnya dapat beradaptasi.

 

Join Adobe artistic Cloud and acquire a faster thanks to add audio and video to your HTML5-based websites. simple inclusion of animations from Adobe Edge Animate. And associate degree intuitive, reorganised HTML Insert panel. These and alternative new options out there currently, solely through artistic Cloud. Transfer massive files additional expeditiously with improved FTP performance in Adobe Dreamweaver CS6 software package. Updated Live read and Multiscreen Preview panels render HTML5 code thus you'll check your work.

Streamlined HTML5 audio and video simply add audio and video to your HTML5-based websites and applications.Faster HTML5 components insertion, Use the freshly reorganised Insert panel to additional intuitively add HTML5 tags and components. Edge Animate support, Add life to your pages by commercialism standards-based compositions right from Adobe Edge Animate. CSS3 transitions, Animate changes to CSS properties as transitions to bring net styles to life. Maintain bigger management of net style as you diplomacy page components and make charming effects.

 Download Software Adobe Dreamweaver CS6 Versi Terbaru 2013

Part 1 Part2

Membuat Header Image Blog Secara Online

Membuat Header image blog secara online, kita bisa membuat image header yang kita sukai dan hasilnya bisa kita nikmati langsung saat itu juga, dan hal ini berguna sekali bagi orang yang belum mampu dalam membuat image di Photoshop, selain mudah, kita juga tidak perlu menambah spesifikasi komputer agar bisa menjalankan aplikasi tersebut, asalkan komputer anda bisa online maka dengan mudah bisa membuat header yang sesuai dengan keinginan kita. aplikasi itu bernama bannerfans. apaan tuh,? bannerfans adalah web yang memberikan layanan dalam pembuatan header image secara gratis.

jika sobat semua ingin membuatnya, cukup dengan ikuti langkah-langkah yang akan saya jelaskan dibawah ini. cekidot

1. klik link ini Bannerfans.

2. maka akan tampil gambar seperti dibawah ini.

3. pada bagian layout, kita bisa tentukan ukuran banner yang akan digunakan, berdasarkan image, ukuran yang kita buat sendiri, dan berdasarkan preset. contohnya dengan memilih custom-enter size 660px wide dan 170px high.

4. lalu seterusnya anda ubah bisa kita ubah sendiri agar sesuai dengan yang dinginkan.
misalnya: select background mode=Use gradient collor fill
warna gradasi = vertikal

5. lalu klik update my banner
setelah itu kita bisa melihat tampilan sementara dari image yang telah kita buat.

6. kemudian kita atur kembali teks & font
line 1 untuk judul blog yang akan kita buat.
line 2 untuk sub judul.
dan kita juga bisa mengatur jenis teks yang akan kita pakai, lihat gambar di bawah

7. setelah kita beres dengan pengaturan tampilan image yang dibuat, maka klik tab format untuk menyimpan image tersebut, dan pilih format yang dinginkan contohnya .jpg dan lihat aja sendiri.

8. sebelum men-generate kode, jangan lupa atur terlebih dahulu posisi teks yang ada, agar tampilanya terlihat proposinal.

9. jika kita ingin menyimpanya di komputer, caranya tinggal klik tombol download it ! dan save deh kekomputernya.

10. Dan jika anda ingin mendapatkan kodenya, maka klik tombol get the code.

setelah itu kita akan mendapatkan kode yan bisa kita pakai di myspace, website, forum dan blog. dan untuk mendapatkannya di blogger cukup dengan pilih code for direct image.

semoga tutor ini bisa bermanfaat bagi saya dan teman teman semuanya.

Cara Mempercepat Loading Blog dengan Lazy Load

Scholovers Blogger | hari ini admin akan share Cara Mempercepat Loading Blog dengan Lazy Load. fungsi dari script lazy load ini adalah mempercepat loading gambar pada blog. banyak yang berhasil menggunakan script ini namun tidak banyak juga hasil yang didapat malah tambah lama loadingnya, jadi jika setelah memasang script ini tembah memperburuk silakan di hapus saja,
berikut tutorialnnya.


    Login ke blogger
    pilih template >> edit html
    centang pada expand template widget
    cari kode </head> untuk mempermudah gunakan ctrl+f
    copy paste script dibaeah ini tepat diatas </head>

<script type='text/javascript'>//<![CDATA[
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3jaUsU0ol_sSPPKPBLcZgdeJR0cFL4rDJR2bXDfF7MuCVhGBA1-FAwoE5zsEnvNHZyXqtrZrgNQaX6IoCbKyfig4fQVeSCs8DRSbNOpKIa6HrXj8SeYpv_w0vHgeV3qZza87QO6J3TeY/s1600/truebloggertricks.blogspot.com.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>
Sekian share tentang Cara Mempercepat Loading Blog dengan Lazy Load. semoga bermanfaat bagi sobat blogger semua.

Tips SEO untuk blogger pemula

Ada kawan blogger yang tidak ingin disebutkan namanya bertanya via email kepada saya mengapa hampir 2 minggu lama nya blog masih saja tidak terindex oleh mesin pencari sekelas google, seperti ini kira-kira, " mas, mau bertanya nih sedikit, mengapa ya mas blog saya yang baru 2 minggu ini masih saja belum ada di google ? Mohon pencerahannya ? ".

Terkadang semangat ngeblog akan surut saat ternyata tahu bahwa blog kita butuh waktu sekitar 2 hari atau bahkan ada yang 1 bulan lama nya agar terindex oleh mesin pencari seperti Google. Memang hal itu biasa terjadi terhadap blog yang baru saja kita bikin serta postingan yang sedikit dan belum dipoles oleh setidaknya sedikit trik SEO.

Tips SEO untuk blogger pemula

Backlink dan fresh content lah yang merupakan beberapa komponen yang harus ada agar cepat terindex oleh google, Blog baru pastinya belum mempunyai backlink, sebagai langkah awal, Submit Rss Feed blog ke Rss Submitter, seperti ke Technorati, Blogcatalog, Mybloglog, Feedburner dan lain sebagainya. segera submit ke Lintasberita, Infogue dan situs sejenis lainnya sesuai kebutuhan saat anda memposting content baru.

Beri tahu robot mesin pencari, dengan menge-ping blog anda, untuk memberitahu ada postingan baru di blog anda Untuk pengguna blog blogspot, gunakan pingomatic.com

Tukeran link juga lumayan membantu kok, apa lagi jika anda tukeran link dengan blog yang sudah mempunyai pagerank yang cukup bagus,

Tambahkan link blog anda di web-web forum, facebook dan lain-lainya, cari yang menyediakan link DOFOLLOW

Masukan sedikit-sedikit trik SEO dan selalu update content di blog anda agar robot mesin pencari mengindex content terbaru yang ada di blog anda,

Ingat, jangan sekali-kali anda mensubmit link blog anda ke layanan penyedia submit ke ribuan mesin pencari, karena hal ini bisa dianggap bahwa blog anda sebagai spammer atau penyebar SPAM.

Itu deh kirai-kira hal yang dulu pernah saya terapkan terhadap blog-blog yang saya punya, ya lumayan deh membantu kok sob

Buat kamu yang punya trik lainnya, bisa berbagi ya kawan di kotak komentar postingan ini, semoga jawaban dari saya bisa membantu kawan semua.

Kumpulan Background Blog dan cara Menggantinya

Mengganti background blogger bukanlah suatu hal yang diprioritaskan dalam perkembangan blog, tetapi tidak ada salahnya jika sobat ingin menggantinya dengan background yang sobat inginkan. Dibawah ini adalah penjelasan tentang bagaimana cara mengganti latar belakang blog serta kumpulan background yang sudah siap anda gunakan.

Well, langsung saja perhatikan cara mengganti background blogger berikut ini:

• Login ke blogger
• Pilih Template » Edit HTML
• Cari kode yang seperti di bawah ini

#body{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCIWMknLBvtZvTx46ndvR-c1RiMOlPQgKi6OJ4NheMjSrKRjUlTV95o_BoRBdDmxKaxftmiT0IDTLJ5tPQhTW5iV3qnjBKoCtE0nkL2wyu9N7lqOyX5FQ9BasQwYIEiJoH8cMZHD4-RVg/s1600/body-blog1.png) repeat fixed top center; color:$textcolor;.......}".

• Jika tidak ketemu cari yang seperti ini :

#main {background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCIWMknLBvtZvTx46ndvR-c1RiMOlPQgKi6OJ4NheMjSrKRjUlTV95o_BoRBdDmxKaxftmiT0IDTLJ5tPQhTW5iV3qnjBKoCtE0nkL2wyu9N7lqOyX5FQ9BasQwYIEiJoH8cMZHD4-RVg/s1600/body-blog1.png) repeat fixed top center; color:$textcolor;.......}

• Nah, URL yang saya tandai dengan warna Merah, itu adalah backgroud pada template blog, silahkan ganti dengan URL backgroud yang sobat inginkan dan jika sobat tidak ingin menggunakan gambar dan hanya ingin menggunakan warna, hapus url sampai tanda tutup kurung. Jadinya akan terlihat seperti ini :

"body{background:#fff repeat fixed top center; color:$textcolor;.......}"

• Simpan Template dan Lihat hasilnya.

Dan berikut jenis-jenis background yang sudah siap pakai »

1. Background gambar animasi atau bergerak

• Matrix Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi4rQGnU4kUMuWoPRgrgOia4WzNfAEZc97edFRFAw287GG6iraTDFT8HijC544d6IaOPLU5NyXNiPszZmmOnuoWoCWzes1aUM14JYJbGdur20ucQ7SGWLHXRz0LS97G0lEtTKB0f93tBBG/s800/monozcore_blogspot_com_redmatrix.gif

• Matrix Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI36GLfclY5jWmK-Sb4XKab80Eob3leEKMUbgB9nvbT24mBdmqqyc5Yyyj3u8A99r2m_q4D27SOk8rLGo0P-8Hwx3cq8US_FEqzNzPazXXkDYDYxXgAoJvQ35sg4QuclEo_sk6QJUPvAk/s1600/0_1_1.gif

• Matrix Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQg8qIrkeZM93XrMpo2-voTAOaMhmBgdPLiQb54WmzjhJcjwz3S-rHI7pOXDXamPtM8oL_w2uz7gFWz-VQiewtB2l6rCFjH1YhDVe_HlFgj6meIwz1wwW98qCcsVWwLEzWRS11Vf_RsXqQ/s800/matrix.gif

• Matrix Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRHmQF4givf_Fc9uW4qSVoKMsxnvggRdAjCQpUOC9qFMS7_fLK83FEY7g0FoFYo3UXkLab_ao8R_vV5eGsox9ZBwqKA5Gd8f5IJ0rNx0aKTZ_lCVTTnGTBAQxqa0zZhus7U_KvVEY1ohcm/s800/bluematrix.gif

• Matrix Biru Terang

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjRczf4jsNPVPD3fsKNnw9Np-rs-w7GPjCNd5rime5WANw6V06nu8QvBSswIYLw4QccFof1LhGQ9LoAWRVSI1cEAu-iZJHL8OuuRcYuaqPrv6QY-0ja-5DAg466PRyI_3UqAakgPNT3uTM/s800/bluematrix2.gif

• Api

https://lh3.googleusercontent.com/_GaKwmMcf4N4/TSKbNtAKZVI/AAAAAAAAD_g/5BNQ-CAM0PM/DADfire.gif

2. Background gambar biasa

• Green Mosquee

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCIWMknLBvtZvTx46ndvR-c1RiMOlPQgKi6OJ4NheMjSrKRjUlTV95o_BoRBdDmxKaxftmiT0IDTLJ5tPQhTW5iV3qnjBKoCtE0nkL2wyu9N7lqOyX5FQ9BasQwYIEiJoH8cMZHD4-RVg/s1600/body-blog1.png

• Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0G7x90AsJv8Cu1SHCLqasz6aBq4_zBNfN-n469one9zoPOYktqcwSS1AWRM6vklJW0cuQinn36kdl2Enh94X9nlG38V_0hBwND5Nc0mKjJ7f_MvDbAMqLTYgThbkmvErt7HUW733-GFQ/s1600/bg-banner-pattern.gif

• Hitam Campur Abu-abu

https://lh6.googleusercontent.com/-X_cFzjQKwk0/ULPpy9D_xMI/AAAAAAAAC98/IQ5OSeu1M54/s512/bg.png

• Black Side, White on Center

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe2D2D8d7jvmuyirP4ywjQYvnFIueQ8JVKYnH2aMaVTcWi1hxTlm9E_BhhYixKWI6PLxL1ZBXlPzTn8QGGugo5WOp5EAY2iVtTmQR1MoKQnn-aclfqyzkzMVQKOlTrUtFANOCagvE4lb0/s1600/bg_body.jpg

• Ocean

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH95mjzasZGazK4Cfu50pC4jME5erID6Jx2Hed7ApwGwTu-VraqXavMvF1O3OPPtKNuB3wa54-CNBE2XY9kfNmsx7N_lA4TBLExPTtMUkGITG28b8V5NsZM9hL2OZgkWimBqcyttp0yCs/s1600/body1.jpg

Demikian uraian singkat tentang Backgroud Blogger dan Cara Menggantinya, semoga bermanfaat... Salam Bloggers...!!!

Template Blogger Bertema Anime

Scholovers Blogger | Hari ini admin akan share Template Blogger Bertema Anime. mungkin diantara sobat blogger ada yang penggemar anime. template blog ini mungkin cocok buat sobat blogger. Oke lah langsung saja ke templatenya. Berikut adalah 8 template khusus pencinta anime:

1. NarutovsSasuke

Demo - Download

2. Hinaru Blog

Demo - Download

3. Date A Live

Demo - Download

4. Airbender

Demo - Download

5. Znoay

Demo - Download

6. Anime Note

Demo - Download

7. Anime Naruto Uniqx

Demo - Download

8. Bleach

Demo - Download

Demikian Share admin untuk Template Blogger Bertema Anime. Semoga Bermanfaat buat sobat blogger.