Cara Pasang Tag Title dan ALT Gambar Otomatis Untuk Optimasi SEO

Cara Pasang Tag Title dan ALT Gambar Otomatis Untuk Optimasi SEO. Penting gak penting lebih banyak pentingnya sih, diantaranya dengan Tags ALT ini bila image/foto kita di upload dan di copas bisa kebaca oleh google bot.

Jadi Sedikit banyak ngaruh juga di Image SEO. Yang pasti google lebih tahu mana yang asli dengan yang copas. Disamping itu juga ada manfaatnya buat validalitas di CSS Validation Service biasanya image yang ada di blog kita bila tidak ada Tags ALT kedetect error sob.


Bila sudah males baca basa-basi saya silahkan langsung saja klik menu dibawah ini:


Cara Pasang Tag Title dan ALT Gambar Otomatis Untuk Optimasi SEO


Nah bila tidak perlu repot-repot dalam kita memberi
Tags ALT alangkah lebih baiknya bisa sobat memakai cara ini. Pastinya lebih efisien.

Kode yang digunakan disini yaitu dengan JavaScript simak lebih la
njut dibawah ini.


Kode JavaScript

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>


<script type='text/javascript'>

//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>

<script type='text/javascript'>

//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script> 

Note:  
Perhatikan kode JS yang saya tandai dengan warna merah, bila ditemplate sobat sudah ada kode JS tersebut, hapus saja kode tersebut. Tujuannya agar tidak terjadi Crash.

Cara Pemasangan

1. Login pastinya

2. Masuk Template - Edit HTML - Lanjutkan - Ceklist Expand template widget.


3. Cari kode
</body>

4. Bila sudah ketemu, letakan kode script'nya diatas kode
</body>

5.
Save Template.
readmore »»  

Cara Membuat Gadget Fans Page Facebook Melayang

Cara Membuat  Gadget Fan Halaman Facebook Melayang | Widget Fan Box Facebook Melayang
Widget satu ini sudah gak asing. Dan tentunya bisa buat Fanspage atau Iklan kita cepat di klik Visitor :D
Langsung aja yah

1. Masuk ke Blogger
2. Buka Tata Letak
3. Klik Tambah Gadget
4. Pilih Javascripts / HTML
5. Isi Dengan Code Di bawah Ini, Jangan lupa di edit dulu kata katanya.
Silahkan di copas kode dibawah ini
<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute; /* IE6 */
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"},
1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->

<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/cewekpribadiBloGs&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=225534940871719"
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:508px;" allowtransparency="true"></iframe>
</center>

<!-- HTML End -->
<a class='close' href='http://cewekpribadi.blogspot.com'>&times;</a>

NB:
Perhatikan yang warna merah ganti dengan punya sobat,

Skian Dari Tutorial saya kali ini.
readmore »»  

Cara Mengurangi Eror HTML dan CSS Pada Blog

Kali ini saya akan share tentang Cara Mengurangi Eror HTML dan CSS Pada Blog, tips ini saya udah coba di blog ini dan hasilnya berhasil eror nya berkurang dan kalau mau tau caranya silahkan ikuti langka langka berikut ini
  • Pertama tama sobat cek dulu berapa Eror HTML dan CSS  Disini
  • Setelah itu Login ke blogger
  • Sobat masuk ke Rancangan ---> EDIT HTML (centang Expand template widget)
  • Silahkan ganti "doctype" punya blogger dan letaknya berada di awal kode template dan kode terusannya seperti di bawah. :

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

Dan 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">

  • Selanjutnya cari kode berikut ini :

<b:include name='quickedit'/>

  •  Setelah ketemu anda hapus semua kode tersebut yang ada pada template anda

  • Setelah itu lekarang cari kode berikut :

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

  • Lalu anda 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/ID BLOG PROFILE' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=ID BLOG' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/ID BLOG/posts/default' rel='service.post' title='
NAMA BLOG - Atom' type='application/atom+xml'/>
<link href='URL BLOG/feeds/posts/default' rel='alternate' title='NAMA BLOG - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->

Keterangan:
  1. Ganti tulisan :ID BLOG PROFILE dengan ID anda saat membuka profil
  2. Ganti tulisan ID BLOG dengan ID anda saat melakukan edit HTML
  3. Ganti tulisan NAMA BLOG dengan URL blog anda
  4. Ganti tulisan URL BLOG dengan url blog anda

  • Mengurangi penggunaan kode strip/dash (-), hapus Dash pada script template anda.

Untuk HTML
<!------------------- Blogger Default Meta ----------------------> SALAH

<!-- Blogger Default Meta --> Benar

Untuk CSS
/*----------- Header ------------*/ SALAH

/* Header */ Benar

  •  Lalu cari kode </head> lalu simpan kode berikut dibawah kode </head>

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

Ket : Itu fungsinya untuk menghapus navbar blogger, kalau ada konfirmasi untuk menghapus, Klik Saja Hapus

  •  Biasakan menggunakan tag alt pada setiap gambar.

Contoh: <img alt='Tulis Keterangan disini' src='URL gambar'/>

  • Tambahkan kode di bawah ini tempatkan diatas kode ]]></b:skin>

.quickedit{display:none} 

  • Selanjutnya, cari kode HTML berkut:

<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://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<b:include data='post' name='postQuickEdit'/>
</span>

Lalu ganti menjadi seperti ini:

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

  • Nonaktifkan tampilan versi mobile blog Anda 
 

 

NK : Biarkan versi desktop saja yang tampil ketika blog Anda dibuka dari browser ponsel, karena versi mobile blogspot mengandung banyak error alias tidak valid.
  • Setelah kamu selesai melakukan langkah-langkah diatas, silahkan simpan template anda.
  • Setelah itu cek kembali ke validator.w3
  • Cek lagi eror HTML dan CSS blog anda.
  • Lihat apakah eror yang ada tadi sudah berkurang atau belum.

 Sekian dari saya semoga artikel ini bermanfaat bagi sobat semuah terima kasih

Sumber
readmore »»  

Cara Membuat Tombol Donasi Liberty Reserve Di Blog

Salah satu bank on line yang sangat populer di gunakan para pebisnis online adalah Liberty reserve. Dari pengamatan alberto tkj liberty reserve semakin populer setelah paypal sering melakukan limited kepada para nasabahnya termasuk account paypal alberto tkj yang sudah di verifikasi juga ikutan di beri label limited oleh paypal,dengan status limited account paypal tidak bisa melakukan transaksi online yang sangat merugikan nasabah yang mempunyai balance cukup banyak di paypal. Nah salah satu alternatif bank on line yang tidak rumit dan mempunyai sistem keamanan yang berlapis menjadi pilihan para making money mania sebagai sarana mengirim dan menerima uang dari bisnis on line.Bisa kita perhatikan sebagian besar PTC baru saat ini selalu menggunakan Liberty Reserve,Ego pay,Perfect Money dan Payza sebagai alat bayar on line. Tutorial kali ini adalah bagaimana cara membuat tombol donasi di blog dengan harapan ada pengunjung blog yang dengan sukarela mau menyumbang dana melalui Liberty reserve dengan memberikan sedikit recehan dollar kepada admin blog.
 
Cara Membuat Tombol Donasi Di Blogger :
⇨ Log in ke dashbords blogger
⇨ Click add new gadget HTML/JAVA SCRIPT
⇨ Copy pastekan script di bawah ini


<center>Donation For This Blog</center>
<center><form action="https://sci.libertyreserve.com/en?lr_acc=U1564766 " method="post">
<input name="lr_acc_donate" type="hidden" value="U1564766 " />
<input name="lr_success_url" type="hidden" value="http://axallcom.blogspot.com" />
<input name="lr_fail_url" type="hidden" value="http://axallcom.blogspot.com" /> <input name="lr_currency" type="hidden" value="LRUSD" />
<div style="text-align: center;">
<input name="lr_comments" type="hidden" value="Donation For Build This Blog" /> <b style="color: red;">Donate Here:</b></div>
<div style="text-align: center;">
$<input name="lr_amnt" type="text" value="" /> </div>
<div style="text-align: center;">
<input alt="Pay With Liberty Reserve!" height="60" name="imageField" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNMtDZn3mtnjJKiDdnBtxloYgD7FetpKT1FRZcdjPaloijRXsqrbNtB7H05u6hPIdvBo2E8kHPr22mNJi0cQgrlor4gOfvm8ru5R7nHiPvaR4eGQt9e8W3kEdQmDReKbttMOwNPQAw9Pr_/s200/donate-libertyreserve-button.gif" type="image" width="100" /></div>
</form></center>

Perhatikan :
- Ganti Tulisan yang berwarna merah U1564766 dengan no account liberty reserve anda
- Ganti Tulisan yang berwarna biru http://cewekpribadi.blogspot.com dengan link yang nantinya akan muncul jika si donatur telah berhasil melakukan donasi kepada blog anda
- Ganti Tulisan yang berwarna hijau http://cewekpribadi.blogspot.com dengan link yang nantinya akan muncul jika sang donatur gagal melakukan donasi kepada anda
- Ganti Tulisan yang berwarna merah Donation For Build This Blog dengan pesan yang akan muncul saat sang donatur melakukan donasi kepada blog anda

⇨ Nah jika sudah selesai jangan lupa klik save
⇨ Semoga tutorial ini berguna bagi kemajuan blog anda
Contoh Tombol Donasi Untuk Blog Seperti Di Bawah ini  dan jangan lupa donasinya ya!!! wkwkwkwkwk!!!

Donation For This Blog

Donate Here:
$
readmore »»  

Cara Membuat Tombol Share Melayang di Blog

Cara Membuat Tombol Share Melayang di Blog - Tombol share sosial media sangat penting untuk blog kita, disamping untuk meningkatkan pengunjung tombol share akan membantu kepada pembaca untuk membagi artikel kita ke media yang lain, seperti share di facebookshare di twitter dll, membuat tombol sosial media dalam blog saya rasa jadi sebuah kewajiban bagi para blogger.





Appakah sobat pernah melihat widget share melayang  seperti gambar diatas ? Apakah sobat ingin memasang widget share melayang seperti itu di blog sobat ? Kalau iya, ikuti langkah-langkah dibawah ini :



  • Masuk ke blogger kamu.


  • Klik Rancangan.


  • Tambah gadget dan pilih HTML/Javascript.


  • Lalu copy dan paste kode dibawah ini.


  • <!--SideBar Floating Share Buttons Code Start-->
    <style>
    #pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px
    0;z-index:10;}
    #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
    .fb_share_count_top {width:48px !important;}
    .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
    .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
    .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
    </style>
    <div id='pageshare' title="Share This With Your Friends">
    <div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
    <div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
    <div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
    <div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
    <div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
    <div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://cewekpribadi.blogspot.com/2012/03/cara-membuat-tombol-share-melayang-di.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>



    Semoga Bermanfaat !
    readmore »»  

    Cara Menurunkan Panas Badan Secara Alami.

    Cara Menurunkan Panas Badan Secara Alami. Panas adalah tanda suatu penyakit berupa kenaikan suhu tubuh yang melebihi keadaan sewajarnya., temukan Cara Menurunkan Panas Badan Secara Alami dan Cara Menghilangkan Bau Badan Secara Alami hanya di blog Aneka Penyakit dan Pengobataannya Secara Alami.

    Cara Menurunkan Panas Badan Secara Alami
    1. Beluntas --> baca khasiat beluntas lainnya
    Cuci bersih 10 g daun beluntas segar lalu rebus atau seduh seperti minum teh. Lakukan secara rutin 1 gelas sehari. Ramuan dapat digunakan sebagai peluruh keringat.

    2. Kemangi--> baca khasiat Kemangi lainnya
    Teh yang dibuat dari daun kemangi dapat digunakan untuk mengatasi mual, disentri, atau menurunkan panas (sebagai antipiretik). Caranya, satu sendok makan daun kemangi kering diseduh dengan setengah cangkir air, lalu diminum. Bila perlu tambahkan madu sebagai pemanis.

    3. Kembang Merak-> baca khasiat Kembang Merak lainnya
    Seduh 5 g kering atau 20 g segar bunga kembang merak dengan 1 gelas air panas. Minum air seduhan saat hangat. Catatan: Wanita hamil dilarang minum ramuan ini. 
     
    Itulah Cara Menurunkan Panas Badan Secara Alami Jika ada saran dan kritik jangan ragu untuk menyampaikan. Jika ada cara pengobatan lain yang belum tertera silakan tinggalkan komentar dalam bentuk komentar di bawah ini semoga bermanfaat bagi kita semua. 
    readmore »»  

    Cara Membuat Widget Update Status Twitter Live

    Hay sobat blogger. Saya punya tips lagi nih, masih seputar twitter. kemarin saya sudah posting cara membuat twitter timeline kali ini saya masih ingin membahas twitter timeline namun menggunakan beda versi. Langsung saja ikuti dibawah ini :

    1. Pertama buka aku blogger anda terlebih dulu.

    2. Kemudian menujulah ke Tata letak

    3. Setelah itu Tambah Gadget >>> HTML / JS

    4. Kemudia copy paste code berikut ini kedalam kotak HTML/ JS seperti contoh diatas

    <div id="social_twitter-badge">
        <script src="http://widgets.twimg.com/j/2/widget.js"></script>
        <script>
        new TWTR.Widget({
              version: 2,
              type: 'profile',
              rpp: 5, // number of tweets to show
              interval: 6000,
              title: 'fortecka',
              subject: 'Latest Tweets',
              width: 300,
              height: 225,
              theme: {
                shell: {
                  background: '#00ACEE',
                  color: '#ffffff'
                },
                tweets: {
                  background: '#ffffff',
                  color: '#000000',
                  links: '#00A2DB'
                }
              },
              features: {
                scrollbar: 1,
                loop: false,
                live: false,
                hashtags: true,
                timestamp: true,
                avatars: true,
                behavior: 'all'
              }
            }).render().setUser('alberto_tkj').start();
        </script>
    </div>

    NB : - Ganti nickname ('alberto_tkj') dengan nickname twitter anda.

         - Jika anda ingin mensetting warna background maupun warna text dll, anda bisa mengubah sendiri pada bagian text berwarna merah

    5. Simpan, dan selesailah anda menambahkan Twitter timeline/ twitter live update/ apapun yang biasa disebutkan. :D


    Salam Blogger
    readmore »»  
    //SEO SCRIPT POWERED BY www.tutorialblogspot.com