Kelola Posting

Berbagi trik untuk membuat tampilan posting agar lebih menarik dan rapi

Kelola Template

Berbagai trik untuk mengelola template blogspot agar tampil menarik dan anggun

Kelola SEO

Berbagai trik untuk meningkatkan kinerja blog kita agar cepat ditemukan oleh mesin pencari atau SEO (search engine optimation).

Kelola Widget

Berbagai trik untuk membuat berbagai bentuk widget yang menarik dan dapat mempercantik blog

This is default featured post 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Tampilkan postingan dengan label Publikasi. Tampilkan semua postingan
Tampilkan postingan dengan label Publikasi. Tampilkan semua postingan

Sabtu, 30 Juli 2011

Cara Memasang meta tag di blogspot

Tahukah Anda apa itu meta tag dan pentingnya menambahkan meta tag, ini adalah artikel yang rinci tentang bagaimana menambahkannya ke blogspot Anda, blog atau website manapun.
Menambahkan meta tag sangatlah penting jika Anda ingin mendapatkan traffic yang bagus dari mesin pencari seperti google, yahoo, msn, dll, terutama yang terpenting adalah meta tag deskripsi. Jika sampean tidak tahu apa itu yang disebut meta tag, Meta tag adalah tag yang menjelaskan tentang situs anda dan memberitahu search engine tentang apa saja tentang situs anda. 
Menambahkan meta tags merupakan faktor penting dalam Search Engine Optimization (SEO). Meta tag memungkinkan mesin pencari untuk mengindeks halaman web anda lebih akurat. Dengan kata lain, Meta tag berkomunikasi dengan mesin pencari dan memberitahukan informasi lebih lanjut tentang situs Anda dan membuat indeks halaman web anda dengan benar dan akurat.
Berikut adalah contoh. Inilah yang saya dapatkan saat saya mengetik 'Blogger Trik' di Google Search Engine.
Seperti yang Anda lihat dalam gambar di atas, adalah "Blog tentang Blogger Tips, Blogger Template, Widget, hacks, Blogger Trik, dll" meta tag deskripsi yang saya ditambahkan ke situs saya.
Anda harus menambahkan dua tag meta ke bagian kepala template blogger Anda. Salah
satunya adalah Meta deskripsi yang menggambarkan situs
Anda dan satu lagi adalah Meta Keywords yang menceritakan tentang kata kunci situs anda (apa saja content tentang kata kunci situs Anda).
Berikut adalah cara menambahkan tag meta untuk blog) Anda blogger (blogspot:
  1. Masuk ke dashboard blogger
    Anda> Pilih Desain 'link' [lihat
    gambar di bawah]
  2. Klik pada 'Edit html'tab

    Berikut adalah kode yang harus menambahkan
    <meta content='ISI DENGAN DESKRIPSI BLOG ANDA' name='description'/>
    <meta content='ISI DENGAN KATA KUNCI BLOG ANDA' name='keywords'/>
    <meta content='ISI DENGAN NAMA ANDA' name='author'/>


    URAIAN:
    Ganti text yang berwarna merah dengan DESKRIPSI, KATA KUNCI, NAMA PENULIS blog anda
  3. Tambahkan kode di atas hanya setelah ini [Lihat di bawah
    screenshot]
    <b:include data='blog'
    name='all-head-content'/>

    Jangan lupa untuk menambahkan deskripsi dan kata kunci. dan menyimpan perubahan.


Artikel yang ada di sini sebenarnya  hanyalah berupa koleksi pribadi yang saya kumpulkan dari berbagai sumber. Namun jika menurut anda artikel ini menarik dan bermanfaat, Bagikan artikel ini agar orang lain bisa membacanya :
Bagikan via twitter :    Atau Pilih menu share yang anda ingin kan : 


Facebook Delicious Digg Stumbleupon Favorites More

Cara Menambahkan Media Sosial ke Blogspot



Cara Menambahkan Widget

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Search for ]]></b:skin>  and paste the following code just above it,
/*  -------------MBT SOCIAL SHARE WIDGET-------------------- */
#search{width:350px; border:1px solid #E0DFD9;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAxNuiDR-LVOc5PZHV_id6MTi-KNV94d4dlv2-nudanxShEJOFKkcc8h8bQ3qeuViEuJR3i49uHLUzVqe-QDeqTL727bi6EoWmo0MdJRTniDNq8lwo5JfWQOFTLcI65mwE1BUgBYN2ogI/s1600/search-bg.png) left top repeat-x;height:32px;padding:0;text-align:left;overflow:hidden}
#search #s{width:80%; background:none;color:#3F3F3F;border:0;padding:4px;margin:3px 0 0 12px;float:left}
#search .search-image{border:0;vertical-align:top;float:right;margin:8px 4px 0 2px}
#search-wrap{padding:15px 0}
.topsearch #search{margin-top:0;margin-bottom:10px}

.social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px}
.social-connect-widget:hover{border:1px solid #CBCBC2;background:#F5F4EF}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}
.social-connect-widget img{vertical-align:middle;margin-right:5px} 
  • To Change width of search box edit width:350px
  • To change width of search input area edit width:80%

     4.    Then Search for,
<div id='sidebar-wrapper'>
PS: In this part most of you will face problems as the coding for each template differ. If you could not find this code then do not panic and simply post your Blog URL in the comments.
     5.   Now Paste the following code just below it,
<div class='topsearch'>
<div class='clerfix' id='search'>
    <form action='/search' id='searchform' method='get'>
        <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search here...&quot;;}' onfocus='if (this.value == &quot;Search here...&quot;) {this.value = &quot;&quot;}' type='text' value='Search here...'/>
        <input class='search-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV3ntYlMIItXRg7KSv-1cwotaPuCXgX62M6rjk_dclGOoXdGM2jgQ6mr8qHgrG6y7YYFVNwLXitHpWWQ-FLWbRQM5mxPpeKjEV5g5M1xxJAess3RZ89ox7Mne8OGZMnjUVbNiyW3VC_MY/s1600/search.png' title='Search' type='image'/>
    </form>
</div>
</div>
<div style='clear:both;'/>
<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHekJIpE56kxSeU6PiWfikLmnF1VPrmfm0gnBOc2jimOfzkS3imuZtIYtfxnlugUeHO3D9k3gcxqZabAso-_Mhb-7TYvIH3Nx9CM2GN6ZfeRQF5Bp8HxjBeO_Iy1NkETkxDYOAaV3NG8pG/s1600/social-connect-rss.png' title='RSS Feed'/></a><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Subscribe to our RSS Feeds!</a>
</div>
                      
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://twitter.com/USERNAME'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbu_IP1w0MLp6VWCphavM1aTT95eCsI6Pn54u0GTvqtvTYSPKPC34DSRBuymbvCl6a27_kw9ixqgKdemQi6wQUgr3q1zT5FbFxFK_MCRXGDpmCdNZxkKptTAbyYWHOd87-lrdtZNqzU4hQ/s1600/social-connect-twitter.png' title='Follow Us on Twitter!'/></a><a href='http://twitter.com/USERNAME'>Follow Us on Twitter!</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://facebook.com/USERNAME'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpwc9RVbhBE_yzMLNzN8PZv-3jOmkK9NZTWilLhU8LOdvESYJqtin0fy7Tiie3nT-OZIGGnDYx_95YQ5VDHQGWK_NPAH7qVuUxUNRcVXv4aK-ZH_dBTKxBfsz2FbKVdkKcm_m9a-dVmmKp/s1600/social-connect-facebook.png' title='Be Our Fan'/></a><a href='http://facebook.com/USERNAME'>Follow us on Facebook!</a>
</div>
<div style='clear:both;'/>
<div class='addthis_toolbox'> 
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8_xiGKSB0TAi385brk7eTyZZ7Yzzrs_oC4Tr2AeJ8-FRqvXSVSbFQ7x7USn_YrKHsyNamksxSpGyvAi0mopxUhxUrtG5O_gQ5x_bhQTjcvBLcNVFmlbrnrlCCZyqzO_Br_Wwj1-Jgo0Q/s1600/twitter.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEindqSCAgYfw55KTmJJdJbxnafNNIncN531ti3Udizq4Bdsyr2CFjL06xpPtvw4X1y4p1PK-UMWUeBKaFl-T0emrwJMXb7XQ7ycXgiIX-yc_sXphDa754iX4LR-RQxaEVNYLQd8tuRf2eA/s1600/delicious.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRW77dum5q24Mf0F1hxICaJyPR4GhwDWtEYgtRJqMjh1b8YYc_hD7S2bHOp61DblGYxcrZliwPrj2pZQZCRMT4wqAESOES0ccwYh_PcekHocgkDQDoVMnLSACzd5QfRXij_NPUCaYCz-c/s1600/facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio_1uKLOgKDkpR9xXatk8nTtdCFRkmtthuZaffwm82o6gJ4_juE8pMqPuRvdDDd93NZfjvKbICKj38CB1WrUa8LmZoM1k26XxfxYU5ETdh_Sw_AX5-brNCY3sUADJyOm8-1qV_b_VLwJc/s1600/digg.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1lLpiZu22aH4_8MARrsMxwJnaVu0xMnuYe7cP7jiX0DdrQFlFNGYLDCOpRw-_v_CHuHMmyKaoOaVA3nPx7JFya_U-uuztha70qmseH6UYqkVUdWHQUIp-UzpKH4WCR2LIC0OnTDi4Y3Q/s1600/stumbleupon.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFDc0JiYIEz3r9s6evM_rM7CAXFs4xXy6pX5xRNlMsrMOUmnNOiqxPgMP7HMA1pW0Qfmw32Pvf0vb7Vi_RvLBWMG-NwEu8tZGIJa1RigBl5xYAN-tlD_nVYB4IhH7OSTethyphenhyphenZzOjSd7pU/s1600/favorites.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf9shasCbhNPxyd2T0mcDmXoHWcbC-TTttD_cYSmgjxmxA13P5XwZmiAtPYmY-9Fo4UUvk1iE6ZlHOr90D9XqiSwIfbWdNE6AmqhyWPlSDwu8yc5MhJTK2TVClm8uCidl2-Xh54V5GPZc/s1600/more.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
<div style='clear:both;'/> 
Make these changes:
  • Replace http://twitter.com/USERNAME with your twitter profile link
  • Replace http://facebook.com/USERNAME with your Facebook Profile link
      6.   Save your template and Bingo you are done! :>
Visit your blogs to see a beautiful new change. Hope you liked it. Questions are always welcomed.
You will also like to view the previous version,

Kamis, 28 Juli 2011

Cara Pasang IP Address

Untuk mengetahui Ip Address yang sekarang kita gunakan, sobat bisa mencoba memasang widget Ip Address di blog sobat. Fungsi IP address tentu sobat sudah mengerti dan tidak perlu saya jelaskan. Widget IP address ini sangat menarik, selain bentuknya yang bagus, juga dapat menunjukkan flatform yang kita gunakan (versi windows yang di gunakan), asal negara dan browser yang di gunakan.

Untuk memasangnya sangat mudah, sobat cukup kunjungi situs www.wieistmeineip.de. Pada halaman depan akan ada gambar seperti dibawah ini : 
Klik gambar tersebut dan kemudian sobat akan dibawa ke halaman pilihan model IP address beserta kode HTML-nya, contohnya seperti ini : 



Copy kode HTML-nya dan masukkan ke blog sobat. Bagi sobat blogger baru yang belum tau cara pasang kode HTML di blog : 
  1. Login ke blogger 
  2. kemudian klik Tata Letak 
  3. Klik Elemen Halaman 
  4. Klik Tambah Gadget 
  5. Pilih yang HTML/Javascript 
  6. Masukkan kode HTML-nya kedalam kolom kosong yang tersedia 
  7. Lalu Simpan.

Baiklah, selamat Mencoba ya, semoga berhasil !

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More