Cara membuat banner blog bisa dibuat sendiri dengan alat pengolahan gambar seperti Photoshop, sedangkan Banner animasi anda bisa manfaatkan layanan online membuat banner animasi baik yang gratis maupun yang berbayar. Nama extension file banner animasi biasanya berbentuk *.Gif. Berikut adalah beberapa contoh situs yang menyediakan layanan cara membuat banner blog berbentuk animasi:

• http://gickr.com
• http://www.loogix.com
• http://picasion.com
• http://www.createagif.net
• http://www.123-banner.com (flash)
• http://bannersabc.com (flash)
• http://www.flashbannernow.com (flash)
• http://www.quickbanner.com (flash)
• http://www.flash-banner-maker-online.com (flash)

Pada kesempatan ini saya akan memberikan contoh cara membuat banner blog animasi pada situs http://picasion.com, caranya adalah:

1. Buatlah 3 banner yang saling berkaitan (sequence) .
2. Masuk ke situs http://picasion.com.
3. Masukan Gambar Banner yang sudah disiapkan tadi dengan mengklik Browse.
4. Pilih ukuran bannernya (sesuai dengan ukuran banner yang sudah dibuat).
5. Tentukan kecepatan animasi blog, pilih pada opsi speed.
6. Jika sudah tinggal klik Create animation.
7. Simpan banner animasi yang nantinya akan dimasukkan ke blogspot.

Source: jasapembuatanblog-murah.blogspot.com

News Ticker di bagian bawah blog ini, fungsinya sama dengan Headlines atau Breaking News, hanya saja widget ini sangat sederhana dan sangat ringan sekali.

Untuk membuatnya, silakan ikuti langkah berikut ini.
1. login blog sobat
2. Masuk ke Menu Tata Letak
3. Klik Tambah Gadget, pilih HTML/JavaScript.
4. Kemudian masukan kode berikut.

<script type="text/javascript">
var hn_url_blog = "http://namablog.com";
var hn_jumlah_post = 10;
var hn_warna_latar = "white";
var hn_warna_garis = "black";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script src="http://jv-all.googlecode.com/files/css.js">
</script>

NB :

• Ganti kode yang berwarna merah dengan URL blog Sobat.
• Teks yang berwarna biru adalah jumlah berita yang akan muncul pada Ticker, sobat bisa mengubahnya sesuai dengan keinginan sobat.
• Apabila Widget ini tidak muncul, berarti jumlah postingan sobat belum mencapai 10.

5. Yang terakhir, simpan gadget.

Source: www.rieztoshare.com

Memperbaiki halaman statis page blog yang terpotong dikarenakan penambahan readmore otomatis, pada artikel sebelumnya di blog ini ada artikel dengan judul cara buat readmore otomatis ternyata cara tersebut menyebabkan halaman statis page menjadi terpotong atau terpenggal, Halaman statis biasanya digunakan untuk postingan yang sifatnya tetap seperti daftar isi, about me dan lain sebagainya, jika dilihat dari link urlnya seperti ini :


Sedangkan untuk halaman postingan yang biasa seperti dibawah ini :


Bagi yang sudah pasang readmore otomatis berikut cara memperbaikinya.

1. Login ke dasbor blogger sahabat.
2. Masuk ke rancangan kemudian edit html
3. Backup terlebih dahulu template sahabat buat jaga-jaga ya.
4. Centang expand widgetnya
5. Cari kode readmore sebelumnya atau yang mirip seperti dibawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary&
lt;data:post.id/>&quot;);</script>
<span class='rmlink'><a expr:href='data:post.url'>Baca Selengkapnya</a>
</span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>

6. Tambahkan kode ini persis diatasnya:


7. Tambahkan kode ini persis dibawah atau akhir dari readmore otomatisnya


8. Kira-kira jadinya begini:


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary&lt;data:post.id/>&quot;);</script>
<span class='rmlink'><a expr:href='data:post.url'>Baca Selengkapnya</a>
</span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>


Skrip yang diberi warna biru adalah tambahan dari scrip sebelumnya agar postingan pada halaman statis blog tidak terpotong.

9. Simpan template sahabat dan coba lihat halaman statisnya apakah masih terpotong/ terpenggal.

selamat mencoba

Source: www.bang-jefri.com

Tag heading adalah judul postingan/artikel blog yang berfungsi sebagai identitas sebuah artikel yang kita posting dalam blog. sehingga dengan adanya identitas tersebut robot google dapat menerima dengan mudah dan membacanya sebagai artikel yang falid karena memiliki judul dan bahasan artikel postingan serupa dengan judul blog yang dibuat.

Fungsi dari mengubah tag heading h1, ha2, h3 yang utama adalah agar artikel kita terlihat seo friendly, yang artinya robot google lebih mudah untuk membaca judul dan isi artikel yang kita buat. dengan demikian kata kunci dari artikel tersebut lebih jelas sehingga artikel kita lebih mudah terindex di mesin pencari google dan dengan harapan mampu menembus di nomor 1 di google search enggine.

Nah sekarang sobat blogger sudah mengenal apa itu tag heading h1,h2,h3 dan fungsinya. sekarang mari kita lanjutkan dengan cara mengubah tag heading h1,h2,h3 agar seo friendly. Silahkan ikuti langkah demi langkah berikut ini :

• Silahkan sobat masuk ke dasbor blog sobat terlebih dahulu.
• Kemudian pilih Rancangan > Edit HTML untuk tampilan lawas blogger, untuk tampilan baru pilih Template kemudian Edit HTML dan Lanjutkan.

Pertama Mengubah Fungsi Judul posting dengan tag H2 :

• Silahkan temukan kode dibawah ini dengan menggunakan fungsi Ctrl + F.

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

• Setelah ketemu silahkan anda Block kemudian ganti dengan kode dibawah ini :

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if> 

Kedua Mengubah judul posting blog :

• Temukan kode berikut : 

<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>

• Jika sudah ditemukan silahkan anda Block kemudian ganti dengan kode dibawah ini :

<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>

•  Langkah selanjutnya silahkan cari kode berikut :

<h1 class='title'>
<b:include name='title'/>
</h1>

•  Setelah ketemu silahkan anda ganti dengan kode berikut :

<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if> 

Ketiga Mengubah CSS Blog agar dapat sesuai dengan template blog :

• Temukan dahulu kode berikut : 

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

•  Jika tidak ketemu temukan kode paling atas saja " .post h3 { " maka dibawahnya akan menemukan kode yang menyerupai kode diatas namun berbeda pengaturan (dikarenakan beberapa template memiliki pengaturan unik tersendiri agar seo friendly).
• Jika Sobat temukan semua kode diatas pada template blog sobat, silahkan sobat ganti dengan kode dibawah ini :

.post h1, .post h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
color:$textcolor;
}

• Tapi jika sobat tidak menemukan semua kode melainkan hanya menemukan kode " .post h3 { " silahkan sobat tambahkan kode berikut :

Block Kode

.post h3 { 

kemudian ganti dengan kode :

.post h1, .post h2 { 

biarkan kode dibawahnya jangan anda ubah.
kemudian kode

.post h3 a, .post h3 a:visited, .post h3 strong {

ubah dengan kode :

.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{

dan ubah juga kode :

.post h3 strong, .post h3 a:hover {

ganti dengan kode :

.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {

• Selanjutnya temukan berikut : 

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

•  Jika tidak ketemu temukan kode paling atas saja #header h1 { " maka dibawahnya akan menemukan kode yang menyerupai kode diatas namun berbeda pengaturan (dikarenakan beberapa template memiliki pengaturan unik tersendiri agar seo friendly).

Jika Sobat temukan semua kode diatas pada template blog sobat, silahkan sobat ganti dengan kode dibawah ini :

#header h1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

• Tapi jika sobat tidak menemukan semua kode melainkan hanya menemukan kode #header h1 {" silahkan sobat tambahkan kode berikut :

Block Kode

#header h1 { 

kemudian ganti dengan kode :

#header h1, #header p {

biarkan kode dibawahnya jangan anda ubah. 

• Selanjutnya silahkan temukan kode berikut :

 h2.date-header {

• Kemudian anda ubah dengan menghapus kode h2 maka jadinya seperti kode dibawah ini :

.date-header {

• Langkah terakhir silahkan temukan kode : 

<h2 class='date-header'><data:post.dateHeader/></h2> 

• Kemudian anda ubah dengan kode berikut :

<div class="date-header">
<data:post.dateheader></data:post.dateheader></div> 

Setelah semua langkah anda lakukan jangan lupa anda simpan perubahan pengaturan template anda sehingga semua proses selesai dijalankan.

Semoga artikel ini bermanfaat. Amin...

Source: sangasiji.blogspot.com

BISA terjadi karena kamu memasukkan URL yang salah pada link maupun menghapus konten yang kamu tulis, dan hal ini akan tampak di google webmaster tool pada blog wordpress halaman 404 not found bisa sangat mudah diatasi dengan bantuan plugin, misalnya smart 404 maupun 404 to start. untuk tips mengatasinya ikuti tips seo info net 88 berikut.

Lalu bagaimana cara mengatasi error 404 nof found di google webmaster tool bagi pengguna blogger? blogger tidak se open source wordpress self hosting,jadi tidak ada jalan lain kecuali menghapus URL-URL not fount tersebut satu demi satu.

Capek dunk yah? sangat capek..apalagi kayak blog saya yang SabarMuanas.Com itu, igin tahu berapa halaman 404 not found pada blog ini? lihat gambar dibawah ini!



Wow.... itu belum seberapa, sebelumnya halaman not found pada blog ini lebih banyak daripada gambar diatas, SabarMuanas.Com Memang master error ternyata, kok bisa yah halaman 404 blog ini sebanyak itu, jawabanya karena blog ini sebelumnya memang auto blog, jadi banyak sekali URL yang terbentuk 301
permanent link secara otomatis juga, dan itu hasil semenjak blog ini
pindah ke blogger dan tidak didukung plugin2 lagi,akhirnya super banyak
halaman 404 di blog ini.

Bagaimana dampak halaman 404 tersebut di SERP google? pasti
sangat buruk, reputasi blog kamu akan buruk dimata google webmaster, dan
alhasil postinganmu tidak akan mendapat kursi terdepan pada hasil
pencarian. dweeng...(emo ngelu,mumet,pusing)

Lalu Mengatasi error 404 di google webmaster tool
tersebut,Untung nama saya sabarmuanas jadi setiap harinya saya dengan
sabar menghapusnya secara manual,dan halaman 404 not found pun turun
sedikit demi sedikit,dan sekarang tinggal 337389 page.he he..

Buat yang ingin capek kayak saya, inilah Mengatasi error 404 di google webmaster tool yang melelahkan:

1. Login ke google webmaster tool
2. Klik URL atau blogmu di google webmaster]
3. Klik Diagnostics
4. Klik Crawl error dan copy URL2 yang error pada blogmu.
5. Setelah kamu copy silahkan masuk pada site configuration
6. lalu klik crawler acces
7. Dan klik Remove URLs, lalu create new removal request
8. Masukkan Url2 yang error klik continue
   
9. Setelah itu akan tampil dibawah ini dan klik submit request
   
10. Belum selesei, kamu klik diadnostics, cari url2 yang error lalu klik mark as fixed
    
    

Nah, tunggu 2x24 jam,maka url2 yang kamu submit akan hilang dari pending dan halaman 404 not found kamu juga akan berkurang. semoga URL not found kamu gak kayak blog ini yah. amiin..
demikian cara mengatasi  Mengatasi error 404 di google webmaster tool semoga berguna.

Source: infonet88.blogspot.com

File XML Sitemap adalah seperti sebuah direktori dari semua halaman web yang ada di situs Web atau blog. Mesin pencari seperti Google dan Bing dapat menggunakan file-file sitemap untuk menemukan halaman di situs Anda bahwa bots pencarian mungkin telah dinyatakan tidak terjawab selama merangkak biasa.

Masalah dengan File Blogger Sitemap

Sebuah file sitemap yang lengkap harus menyebutkan semua halaman dari sebuah situs tapi itu tidak terjadi jika blog Anda di-host di Blogger.

Default file XML sitemap dari setiap blog Blogger akan memiliki hanya 26 posting blog terbaru - lihat misalnya. Itu pembatasan karena beberapa halaman yang lebih tua blog Anda, yang hilang dalam default file XML sitemap, mungkin tidak pernah mendapatkan diindeks di mesin pencari. Ada namun solusi sederhana untuk memperbaiki masalah ini.

Menghasilkan peta situs Lengkap untuk Blog Blogger Anda

Bagian ini berlaku untuk kedua blog Blogger biasa (yang menggunakan alamat. Blogspot.com) dan juga diri-host Blogger blog yang menggunakan domain kustom (seperti postsecret.com).

Inilah yang perlu Anda lakukan untuk mengekspos struktur situs lengkap blog Anda ke mesin pencari dengan bantuan sitemap XML.

1. Buka Sitemap Generator dan ketik alamat lengkap dari blog blogspot Anda (atau diri-host blog Blogger Anda).
2. Klik tombol Buat Sitemap dan alat ini akan segera menghasilkan teks yang diperlukan untuk sitemap Anda. Salin teks yang dihasilkan seluruh ke clipboard (lihat gambar di bawah).
3. Selanjutnya pergi ke dashboard Blogger Anda dan di bawah Pengaturan - Preferensi Pencarian>, Custom robots.txt opsi mungkin (tersedia di Crawling dan bagian Indexing). Tempel teks clipboard di sini dan menyimpan perubahan

Dan kita sudah selesai. Search engine secara otomatis akan menemukan file XML sitemap melalui file robots.txt dan Anda tidak perlu untuk melakukan ping secara manual.

Source: www.labnol.org

CARA MENGATASI ERROR 503 Service Pada Blogspot Karena kita tidak akan mungkin merubah data langsung di blogger atau di google jadi yang harus kita lakukan adalah mengedit blog kita akan tidak ada lagi error service 503 pada blogger atau blogspot.com
dan berikut in cara cara menghilangkan atau mengatasi error 503 Service di webmaster tool pada blogspot

• Gunakan summarize auto read more pada halaman home
• Pada halaman index/home, atur jumlah postingan sedikit saja. Saran = 5 udah cukup
• Hindari penggunaan template designer blogger dan gunakan template yang ringan saja, bisa gunakan template saya jg, mantap ini ringan banget (Bisa didownload disini)
• Gunakan gambar dengan resolusi kecil saja
• Speed test dengan firebug for firefox
  Dengan menggunakan firebug for firefox, maka mereka akan dapat menemukan apa aja penyebab terjadi error 503 service unavailable di blog anda yang mengurangi kecepatan loading blog anda. Anda akan mendapatkan report penuh atas CSS blog anda.

Oke deh Semoga aja dengan cara-cara di atas semoga error 503 service unavailable bisa dihindari. Selamat mencoba ya kawan semua...

Source: dari.kasihlah.com

Salah satu cara mempromosikan blog adalah dengan mendaftarkan blog di NetworkedBlogs. Dengan NetworkedBlogs, artikel anda akan dishare secara otomatis ke Facebook, Twitter, maupun group yang anda ikuti di Facebook.

Ini sangat membantu anda, karena anda tidak perlu repot-repot menshare satu-persatu artikel yang telah diterbitkan. Tetapi, sebelum anda dapat menggunakan NetworkedBlogs, anda harus registrasikan Blog terlebih dahulu. Bagi anda yang masih pemula belum pernah mendaftar blog di NetworkedBlogs, untuk mendaftar ikuti langkahnya sebagai berikut:

1. Daftar NetworkedBlogsnya klik disini dan Register blog

Gambar 2

2. Kemudian isi kolom tersebut

Gambar 3

3. klik yes saat ada tulisan Are you the author of 'a'?

4. Verifed networkedBlogsnya dan ada 2 cara

Gammbar 4

Disini supaya lebih mudah gunakan yang kedua Use widget to verify ownership

5. instal widgetnya ke blog yang didaftarkan tadi

Gambar 5

6. Klik verify widget

Gambar 6

(sebelum ke langkah 7. Langkah 1-6 harus sudah beres dan ter-verify networkedblogsnya )

7. Selanjutnya klik Syndication pada bar menu NetworkedBlogs.



8. Lalu klik Grant Permissions untuk memberikan izin, hingga muncul kotak dialog seperti ini:


9. Berikan izin pada NetworkedBlogs dengan mengklik Allow.

10. Setelah itu klik Select a blog untuk memilih blog yang akan ditampilkan di Facebook.


11. Add Facebook target dan Add Twitter target untuk menghubungkan blog anda dengan Facebook, Twitter dan semua group yang dapat anda koneksikan. Untuk koneksi dengan Twitter, masukkan email dan pasword seperti ketika anda masuk ke twitter


12. Setelah selesai, uji koneksi dengan klik Publish Test Post. Click to view untuk melihat halaman yang dituju.


13. Sampai di sini pendaftaran blog anda selesai. Anda bisa kembali ke Profil, disana anda bisa mengedit profil blog, Invite temen dan lain- lain.

"Selamat mencoba"

Source: nenyjos.blogspot.com

Jika anda selesai menulis artikel menarik di suatu blog dan ingin membagikannya kepada teman anda, tentunya anda akan memberikan alamat url link blog dari artikel tersebut. Misal link artikel tersebut seperti ini

http://blogsauted.blogspot.com/2011/09/cara-memperpendek-url-yang-panjang.html

Dengan link url yang cukup panjang seperti itu, tentunya terlalu banyak karakter yang digunakan.

Lantas bagaimana cara agar url artikel kita yang panjang tersebut bisa jadi pendek. Kali ini saya memberikan daftar website yang memberikan layanan gratis untuk memperpendek alamat URL yang panjang blog anda

• http://tinyurl.com
• http://bit.ly
• http://is.gd
• http://ow.ly
• http://doipop.com
• http://memurl.com
• http://dwarfurl.com
• http://qurlyq.com
• http://traceurl.com
• http://ix.lt
• http://notlong.com
• http://miklos.dk
• http://fire.to
• http://snipurl.com
• http://1iny.com
• http://gu.ma
• http://goo.gl
  

Untuk menggunakanya cukup mudah anda tinggal memasukan url yang ada di blog anda kemudian url tersebut masukan ke text box web diatas dan klik Shorten

Source: bagus-swara.blogspot.com

Strikethrough merupakan teknik penulisan kata-kata tercoret dengan garis horizontal di tengahnya. Ini adalah contohnya. Strikethrough ini menandakan salah satu dari dua makna. Dalam penulisan menggunakan tinta, diketik, atau teks yang tidak bisa dihapus, kata-kata yang dicoret tersebut merupakan suatu kesalahan dan tidak dimaksudkan untuk dimasukkan. Saat digunakan di layar komputer, kata-kata tercoret tersebut menunjukkan informasi yang dihapus. Selain itu, strikethrough juga dapat digunakan untuk tujuan humor. Misalnya, dia orang yang bodoh tidak begitu cerdas.

Untuk membuat strikethrough di posting Blogger, kita dapat menggunakan beberapa cara, di antaranya:

1. Dengan menggunakan menu di Blogger.
Silakan blok kata-kata yang akan dibuat strikethrough. Kemudian klik ikon menu yang berjudul "Strikethrough".


2. Dengan menggunakan tag HTML tertentu. Caranya apit kata-kata yang mau dibuat strikethrough dengan tag <strike> dan </strike> atau tag <s> dan </s>.

Misalnya:

<strike>contoh pertama</strike> maka hasilnya contoh pertama
<s>contoh berikutnya</s> hasilnya menjadi contoh berikutnya

3. Dengan menggunakan cascading style sheets (css) yaitu <span style="text-decoration: line-through;">kata-kata yang dibuat strikethrough</span>.

Contoh:

<span style="text-decoration:line-through;">contoh selanjutnya</span> maka hasilnya menjadi contoh selanjutnya

Source: klikmunadi.blogspot.com

Hal ini mungkin sering dialami oleh para pengcopi paste artikel web/blog ketika mengcopy sebuah artikel lau dipastekan akan muncul tambahan kata/link atau bisa disebut juga link source contoh silahkan anda membuka blog ini ( Klik ) dan copy, lalu pastekan di notepad atau blog atau m.word atau lainya terserah maka akan muncul tambahan kata di akhir kata seperti dibawah ini ( walaupun nanti bisa dihapus ) :



Pada awalnya dulu pernah bertanya tanya dalam hati , saya gak merasa mengcopynya tapi kok ada ketika dipaste , ini gimana ya ?
Ternyata telusur punya telusur untuk membuatnya tidak terlalu susah atau ribet , hanya membutuhkan waktu beberapa saat saja untuk membuatnya , silahkan pertimbangkan sendiri apakah ini penting atau tidak untuk blog anda , karena ini berlaku bagi semua artikel di blog anda , tak terkecuali bila blog anda berisi tutorial tutorial blog menurut saya jangan, karena untuk blog tutorial biasanya akan banyak kode2 , dan nanti bila kode tersebut di copy untuk dipraktekan akan mempersulit mereka.
Kelebihan dari jasa ini juga nanti kita bisa melacak dimana artikel kita dicopy paste melalui laporan yang ada di situs ini .
Untuk membuatnya silahkan kunjungi https://id.tynt.com/ ( open new tab ) dan silahkan sig up atau mendaftar










Setelah anda copy silahkan masuk ke akun blogger anda , edit html dan cetak expart template wizard
dan carilah kode </body>
silahkan cari kode tersebut dengan menekan F3
Setelah kode ketemu, silahkan pastekan script tersebut diatas kode tersebut, dan sekarang silahkan simpan template anda.
dan ... Ta .. ra..... kini setiap artikel blog anda di copas akan muncul link blog anda .
Demikian semoga bermanfaat .. Salam Blogger

Source: www.guestistiqlal.com

Assalamu'alaikum Wr. Wb.

cara memasang iklan PPC di tengah-tengah postingan. Nah, memang dengan cara ini iklan PPC anda akan ada berada diantara barisan postingan. Formatnya akan seperti ini...

Dengan begini posisi iklan PPC sobat akan ada berada ditengah setiap postingan. Keuntungannya apa ya ? ya otomatis iklan akan muncul ditengah setiap postingan, dan tidak membuat anda kerepotan untuk mempaste kode adsense dengan manual ditengah-tengah postingan. Lalu bagaimana caranya ?

Berikut langkah-langkahnya, Cara Memasang Iklan PPC di Tengah Postingan..

1. Pertama, yang pasti sobat login terlebih dahulu ke blogger dengan akun sobat.
2. Masuk ke Rancangan/Design → Edit HTML. Lalu, klik centang pada "Expand Widget Templates".
3. Kemudian, cari kode berikut.

<data:post.body/>

Jika sobat menemukan 2 kode <data:post.body/>. Maka pilihlah yang kedua.

4. Lalu, tukarkan/replace/ganti kode <data:post.body/> dengan kode dibawah ini.

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

<!-- Kode Iklan PPC Sobat Letakkan Disini! -->

</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>

Catatan : Pada kode yang bercetak tebal diatas, ganti dengan kode iklan PPC sobat yang sudah di Parse/Encode.

5. Jika sudah, klik "Save Template". Dan lihat hasilnya..

Sekian, dan selamat mencoba...
Akhir kata...

Wassalamu'alaikum Wr. Wb.

Source: pengumuman-property.blogspot.com

Untuk membuat tanda tangan yang dipasang di akhir postingan sebenarnya bisa kita buat secara manual dengan cara men-scan tanda tangan yang telah kita buat lalu kita upload ke web hosting kemudian kode dari hasil upload tadi kita pasang pada akhir postingan. Tapi sekarang anda bisa membuatnya secara cepat dan mudah dengan bantuan " mylivesignature.com ". Segera saja buat tanda tangan anda dengan cara seperti langkah berikut ini :

1. Kunjungi situsnya disini
Setelah sampai disana, ' Click Here To Start '.

2. Pilih ' Using the signature creation wizard '.

3. Masukkan nama anda yang akan dijadikan tanda tangan.
Lalu klik ' Next Step > '

4. Pada Step 2, klik 12 (dua belas) tab untuk memilih jenis atau model hurufnya. Tandai bulatannya pada jenis atau model huruf yang anda pilih,
Kemudian klik ' Next Step > '

5. Step 3, memilih besarnya ukuran tanda tangan.
Kalau sudah, klik ' Next Step > '

6.Step 4, memilih background dan warnanya tanda tangan anda.
Lalu klik ' Next Step > '

7. Pada Step 5, anda bisa memilih kemiringan tanda tangannya.
Kemudian klik ' Next Step > '

8. Setelah itu, klik ' Want to use this signature? '

9. Klik lagi ' Generate HTML code '

10.Terakhir, anda klik pada kalimat :
' Generate a code for my handwritten signature '

11. Copy kode tanda tangan anda.

Sekian, selamat mencoba,

Source: syamsudinnamaku.blogspot.com

Soal Dofollow memang sudah banyak diulas oleh para senior Blogger. Dan umumnya blog mereka juga sudah mengikuti aliran Dofollow, sebab para senior Blogger sangat faham manfaat dan kelebihan mempunyai blog Dofollow. Secara ringkasnya demikian ; Bila blog anda Dofollow maka link atau ULR yang anda tinggalkan saat anda memberi komentar pada blog lain, secara otomatis akan terbaca oleh search engine google. Tapi bila blog anda Nofollow, maka akan berakibat sebaliknya. Jadi blog yang Dofollow sangat bagus bagi anda yang mau mengejar dan membangun SEO.

Nah... sekarang terserah anda, apa anda juga ingin ikut mempunyai blog Dofollow seperti blog saya ini?
Bila anda berminat silahkan anda ikuti langkah - langkah berikut :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.
5. Jangan lupa Klik tombol "Expand Widget Templates"
6. Cari kode yang sama atau mirip dengan kode berikut :

<a expr:href='data:comment.authorUrl' rel='nofollow'>

7. Ganti kode diatas dengan kode dibawah ini :

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

8. Lalu Simpan dan selesai.

Selamat mencoba dan Semoga bermanfaat....

Source: www.carabuatwebgratis.com

Kali ini saya akan berbagi cara membuat blog versi mobile.tujuannya agar saat blog di buka di mobile tidak keberatan saat load data kasian juga soalnya sekarang serba mahal.anda cukup melakukan sedikit langkah mudah tak ribet dan repot repot upload ,download,tips yang aneh aneh.

Tak perlu panjang lebar berikut caranya :

1. kunjungi alamat berikut http://bloggertouch.sopili.net/
2. klik Mobile Edition Maker: create mobile edition/view 
3. masukkan alamat blog anda
   
   
4. kemudian ikuti langkah berikutnya
5. nah yang pasti jangan ketinggalan add code ke dalam blog anda
6. sesudah anda letakkan di blog anda tinggal klik verifikasi
7. selesai

selamat mencoba

Source: smilenet4u.blogspot.com

Postingan sebelumnya saya sudah menjelaskan Cara Memvalidasi Blog di W3 Markup Validation Service, dan postingan kali ini saya akan menjelasan Cara Mengurangi Error Validasi W3.
Tanpa banyak basa-basi langsung saja kita praktekkan
Berikut Cara Mengurangi Error Validasi W3

Ganti DOCTYPE punya blogger
Caranya :
Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget

Kemudian cari kode seperti berikut letaknya di awal kode template
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Jika sudah ketemu ganti kode diatas dengan kode berikut ini :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Sekarang cari kode seperti di bawah :

<b:include data='blog' name='all-head-content'/>

Jika sudah ketemu ganti dengan kode berikut :

<!-- Blogger Default Meta -->
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://www.blogger.com/profile/12175072212877005235' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=3357249562760861965' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/3357249562760861965/posts/default' rel='service.post' title='blog sauted - Atom' type='application/atom+xml'/>
<link href='http://blogsauted.blogspot.com/feeds/posts/default' rel='alternate' title='blog sauted - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->

Keterangan : ganti tulisan yang berwarna biru
12175072212877005235 ganti dengan ID Profile (bisa dilihat pada address bar browser saat buka profile)
3357249562760861965 ganti dengan ID Blogger (bisa dilihat pada address bar browser saat edit blog)
http://blogsauted.blogspot.com ganti dengan Url blog sobat
blog sauted ganti dengan title blog sobat

Selanjutnya cari kode berikut :

<b:include name='quickedit'/>

Jika sudah ketemu hapus semua kode tersebut yang ada pada template sobat

Keterangan : kode tersebut di atas adalah kode yang menampilkan gambar tank dan obeng yang biasanya berada di sudut bawah widget
Catatan : usahakan jikan sobat menambahkan widget/gadget baru pada template, cek pada Edit HTML, dan hapus kode tersebut.

Kemudian tambahkan kode berikut dibawah kode </head>

<!-- <body><div></div> -->

Keterangan : kode tersebut berfungsi untuk menghapus navbar blogger, kalau ada konfirmasi untuk menghapus, klik hapus.

Hilangkan post icons, cari kode seperti berikut

<span class='post-icons'>
           <!-- email post links -->
           <b:if cond='data:post.emailPostUrl'>
            <span class='item-action'>
            <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
            </a>
          </span>
           </b:if>
          <!-- quickedit pencil -->
          <b:include data='post' name='postQuickEdit'/>
         </span> <div class='post-share-buttons'>
          <b:include data='post' name='shareButtons'/>
         </div> </div>

Jika sudah ketemu hapus dan ganti dengan kode dibawah ini

<span class='post-icons'>
           <!-- email post links -->
           <b:if cond='data:post.emailPostUrl'>
           </b:if>

         </span>
         </div>

Selanjutnya usahakan kurangi penggunaan kode strip/dash (-)

Contoh untuk HTML

<!--------------- Blogger Default Meta ---------------> Kesalahan

<!--End Blogger Default Meta--> Yang di anjurkan

Contoh untuk CSS

/*--------------- Navbar ---------------*/ Kesalahan

/*Navbar*/ Yang di anjurkan

Gunakan tag alt pada setiap gambar.

Contoh :


jika sudah SIMPAN TEMPLATE.

Untuk membuktikan kebenarannya sebelum di edit sobat bisa cek di situs http://validator.w3.org/ berapa errornya dan sesudah di edit berapa errornya.

Semoga bermanfaat

Source: tiptrikblogger.blogspot.com