Tutorial: May 2013

Cara membuat atribut rel='nofollow' secara otomatis untuk semua link eksternal

Cara ini yang paling mudah karena untuk mencari satu persatu link eksternal tidak mungkin dilakukan apalagi jika jumlah postingan sudah mencapai ratusan bahkan ribuan. Nah maka dari itu anda perlu menambahkan script yang berfungsi untuk menambahkan rel='nofollow' secara otomatis pada semua link eksternal.

apa sich kegunaannya ???

memberi atribut rel="nofollow" pada setiap eksternal link akan membuat blog/web kita mudah untuk di index oleh seach engine

ikuti langkahnya :

masuk ke blogger dashbor
pilih TEMPLETE kemudia pilih EDIT HTML
setelah itu cari kode </head> dan copy code dibawah ini tepat diatas kode </head>

<![CDATA[

jQuery('a').each(function(){var a=jQuery(this).attr('href');if(typeof a!='undefined'&&a!=""&&(a.indexOf('http://')!=-1||a.indexOf('https://')!=-1)&&a.indexOf(window.location.hostname)==-1){jQuery(this).attr("rel","nofollow")}});

]]>

</script>

sekarang simpanlah templete anda

Cara Memembuat daftar isi/sitemap di sidebar (samping) blog

Menampilkan / membuat daftar isi ataupun sitemap tampil juga disedebar blog. Dengan ini maka setiap pengunjung akan dengan mudah mengetaghui seluruh postingan karna daftar artikel dalam sitemap akan ada disamping siderbar blog kita.
contoh gambar :

jika kamu berminat silahkan ikuti langkahnya :

Masuk ke account blogger
Pilih tata letak/layout
Pilih tambah gadget/add gadget
Pilih HTML/javascript.
Copy kode dibawah ini

gantilah teks berwarna merah (http://alamat-blog-anda.blogspot.com) dengan alamat blog kamu, lalu simpan
lihat hasilnya
jika kamu ingin merubah ukurannya,silahkan ganti angka yang berwarna hijau

Cara Membuat RELATED POST atau POST TERKAIT

Related post atau Post terkait adalah menampilkan artikel yang berkaitan yang ada dalam blog post kita.
Related post sangat di butuhkan buat para pengunjung,supaya pengunjung lebih cepat dalam mengetahui isi semua dari blog kita.
contoh gambar ini :

jika kamu tertarik dengan gambar diatas silahkan ikuti langkah berikut:

Log in ke blogger
Klik rancangan/templete.
kemudian klik EDIT HTML
Cari kode berikut </head>

kemudian seteh ketemu,copas code berikut tepat diatas code </head>

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXWwSaSPQZgtorj4If_IhyrlSNaRK11e-ryOzm4iLvuHdiZOr7_6aAYPNh0yFtSjir6Vi2iHxmpgfFHbDj6AAnNq3W8hjLEJDBSSGkZ2vxnDoe_eaq3wJ-P8SBvBvMURfSKmK7Ne-vmd0//") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://arema2.googlecode.com/files/terkait.js' type='text/javascript'/>

Setelah langkah diatas,selanjutnya cari code <data:post.body/> kemungkinan kode diatas lebih dari satu,jika di templete kamu ada dua/lebih pilih code yang paling bawah kemudian copas code dibawah ini tepat di bawah code diatas

<b:if cond='data:blog.pageType == "item"'>

<div id='related-posts'><font face='Arial' size='3'><b>Artikel terkait dengan <data:blog.pageName/>: </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>

</script></div></b:if>

</b:if>

nah udah kelar tuh,sekarang save templete kamu dan lihat perubahannya

Merperbaiki masalah SHUTDOWN dan RESTART windows 8

Waktu pertama kali ane memakai Windows 8,ane merasa kesel karena masalah restart sendiri pada saat layar login muncul dan juga sistem menjadi hang pada saat hendak reboot ataupun mematikan sistem (shutdown),setelah ane mencari informasi tenteng itu ternyata masalahnya ada pada “Hybrid Shutdown” fitur baru Hybrid shutdown ini berfungsi mengurangi waktu total startup dengan meng-hibernate sesi kernel dan bukan menutupnya,akan tetapi fitur baru ini menyebabkan masalah untuk beberapa sistem, jikalau kamu menghadapi masalah reboot dan shutdown pada windows 8 kamu bisa menon-aktifkan fitur Hybrid Sutdown.
langkah-langkahnya :

Jika berada diposisi Layar Mulai baru, ketik kata “power” dan Windows secara otomatis akan mencari istilah dan akan menunjukkan hasilnya.

Jika berada diposisi Desktop, pindahkan kursor ke pojok kanan atas dari layar untuk mengakses Bar Charms baru/pencarian. Sekarang klik pada opsi Pencarian dan ketik “power” di kotak pencarian.

Sekarang klik pada Pengaturan yang diberikan di kanan-sidebar halaman hasil pencarian dan kemudian klik pada “Change what the power buttons do” yang diberikan dalam hasil pencarian

Ini akan membuka jendela Power Options. Alternatif untuk membuka jendela yang sama dengan cara mengetikkan powercfg.cpl di kotak dialog RUN dan tekan Enter dan kemudian klik pada link “Change what the power buttons do” yang diberikan di sidebar kiri.

Sekarang gulir ke bawah ke bawah lalu lihat opsi “Turn on fast startup (recommended)” yang diberikan dalam bagian pengaturan Shutdown

Nonaktifkan opsi ini dengan menghilangkan centangan dikotak centang dan kemudian klik tombol “Save Changes”.

Change settings that are currently unavailable

Selesai, Restartlah sistem dan masalah reboot atau shutdown harusnya bisa diatasi di Windows 8.

jika cara tersebut masih tidak juga terastasi,sekarang buka COMMAND PROMT {as admin}
kemudian masukkan command berikut:

bcdedit /set disabledynamictick yes

jika kurang jelas silahkan tinggalkan coment

Cara Membuat BACK TO TOP {efek yang halus}

Kalu kemarin ane share tentang Cara Memasang Tombol Back To Top Di Blog yang kasar maksudnya begini ketika kita klik gambar back to top secara langsung kita akan di bawa ke atas

dengan cepat,namun ane sekarang share back to top yang bergulir ke atas dengan lembut,ok langsung saja tanpa banyak omong...!!!!
heheheh.......

pertama silahkan kamu copas script dibawah ini

<script type="text/javascript" src="http://arema2.googlecode.com/files/back%20to%20top.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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1no78sXnCcHsoSf8WXyaNTl1InPfpHw_cafQGHm0SuUlfywYog6J02KtQCxnrpGGh6KaxF6WoVJeNqofqRCYUnoDuYWtIwDUckpV6Jur-YQNo2YtxsqqKAyhB5tiko8KfVH0JQgughvRq/s1600/navigate-up-icon.png" />', //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>

kemudian letakkan code script tersebut di

Tata Letak {layout} » Add Gadget » Pilih HTLM/Javascript

dan simpan,anda juga bisa berubah gambarnya dengan merubah URL yang berwarna BIRU dengan URL yang kamu punya,
dan letakkan terserah kamu pokoknya di dalam layout/tata letak
MMZ662YQBXSJ
jika kurang jelas silahkan tinggalgan pesan,kamu bisa mengirim komentar lewat facebook atau menggunakan ID kamu

Widget Metro-UI Windows 8

wah sekarang zaman dah canggih windows 8 sudah keluar,habis ini apalagi ya....????
mungkin diantara kamu ingin memasang widget yang cukup terkenal yaitu Widget Metro-UI Windows 8 wah jadi penasaran ya....
lihat contoh dibawah ini :

nah gimana dengan tampilannya?
keren bukan........!!!!!
jika kamu ingin mendapatkannya gampang kok
kamu tinggal copas script dibawah ini :

<div class="lscmetro-ui">
<li><a class="facebook" href="https://www.facebook.com/username_facebook_anda" rel='nofollow'></a></li>
<li><a class="twitter" href="http://twitter.com/username_twitter_anda" rel='nofollow'></a></li>
<li><a class="googleplus" href="https://plus.google.com/ID_profile_google_plus_anda" rel='nofollow'></a></li>
<li><a class="pinterest" href="http://pinterest.com/username_pinterest_anda" rel='nofollow'></a></li>
<li><a class="linkedin" href="https://www.linkedin.com/in/username_linkedin_anda" rel='nofollow'></a></li>
<li><a class="youtube" href="http://www.youtube.com/username_youtube_anda" rel='nofollow'></a></li>
<li><a class="feeds" href="http://feeds.feedburner.com/username_feedburner_anda" rel='nofollow'></a></li><br />
</div>
<style>
.lscmetro-ui {width:285px}
.lscmetro-ui li{position:relative;cursor:pointer;padding:0;list-style:none}
.lscmetro-ui .facebook,.twitter,.googleplus,.pinterest,.linkedin,.youtube,.feeds {z-index:7;float:left;margin:1px;position:relative;display:block}
.lscmetro-ui .facebook{background:url(//goo.gl/1VLKi) no-repeat center center #1f69b3;width:140px;height:141px}
.lscmetro-ui .twitter{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.lscmetro-ui .googleplus{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:69px;height:70px}
.lscmetro-ui .pinterest{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.lscmetro-ui .linkedin{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.lscmetro-ui .youtube{background:url(//goo.gl/BgvrL) no-repeat center center #e64a41;width:140px;height:69px}
.lscmetro-ui .feeds{background:url(//goo.gl/bNFeL) no-repeat center center #e9a01c;width:140px;height:69px}
.lscmetro-ui li:hover .facebook{background:url(//goo.gl/1VLKi) no-repeat center center #1f69b3}
.lscmetro-ui li:hover .twitter{background:url(//goo.gl/6ZSrd) no-repeat center center #43b3e5}
.lscmetro-ui li:hover .googleplus{background:url(//goo.gl/dmbR3) no-repeat center center #da4a38}
.lscmetro-ui li:hover .pinterest{background:url(//goo.gl/Tm7GE) no-repeat center center #d73532}
.lscmetro-ui li:hover .linkedin{background:url(//goo.gl/lftM8) no-repeat center center #0097bd}
.lscmetro-ui li:hover .youtube{background:url(//goo.gl/V7rZv) no-repeat center center #e64a41}
.lscmetro-ui li:hover .feeds{background:url(//goo.gl/bNFeL) no-repeat center center #e9a01c}
</style>

kemudian paste di kolom widget kamu
dashbor=>layout=>add widget
jangan lupa untuk mengganti warna BIRU dengan ID KAMU
dan warna MERAH untuk mengatur tempat dan ukurannya

monggo dicoba......
kalau kurang paham tinggalkan coment

cara mengembalikan share button yang hilang di blogger

Beberapa hari ini ane di sibukkan karena tombol share button ane yang hilang disetiap post,capek keliling
dunia cari tutorialnya malah templete ane jadi kagak karuan,yang ini yang itulah tutorialnya.
tetapi tenang ane menemukan caranya,bagi kamu yang belum punya menemukan tutorial yang bagus dan jitu coba saja dulu tutorial dari ane...

simak penjelasan ane dibawah ini:

Tekan ctrl+f pada keyboard sobat sekalian, kemudian cari tag atau kode berikut :

<b:includable id='shareButtons' var='post'>

<b:if cond='data:post.sharePostUrl'>

<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>

<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>

<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>

<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>

<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>

<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>

<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>

</b:if>

</b:includable>

{codenya dah ane rubah biar nggak terlalu panjang}

jika tidak ditemukan silahkan kamu copas code diatas tepat di atas kode dibawah ini

<b:includable id='backlinks' var='post'>

ATAU

<b:includable id='status-message'>

sekarang tahap terakhir cari kode diwah ini

code pertama :

<p class='post-footer-line post-footer-line-3'>

code kedua:

<div class='post-footer-line post-footer-line-3'>

kode ketiga:

<data:post.body/>

Kemudian copas code dibawah ini tepat diatas code pertama,kedua dan ketiga dengan catatan coba copas satu persatu diatas code diatas dan preview dulu kalau masih tidak nongol tombol share-nya,kemudian hapus lagi code yang tadi kemudian copas lagi diatas code kedua dan preview dst.

<div class='post-share-buttons'>

<b:include data='post' name='shareButtons'/>

</div>

jika masih nggak nongol lagi silahkan cek di layout,apakah sudah aktif apa belum fiturnya {lihat gambar diatas}

masih kurang faham,tinggalkan pesan ja.....

cara menghapus tanda obeng dan tang di blogger

Tanda Obeng dan Tang di Blog pada umumnya adalah bukan sebuah masalah. Tetapi, obeng dan tang berfungsi untuk melakukan edit terhadap widget atau gadget langsung di halaman utama blog Anda.akan tetapi obeng dan tang ini mengganggu SEO blog kita,coba cek blog kamu di :

SEO ANALYSER dan CHKME

{HASIL DARI SEO ANALYSER}

Some of image ALT attributes are missing SEO ImportanceRepair DifficultyThe number of ALT attributes is lower than the number of images found in the webpage. Adding the ALT description to images is quick and easy coding. We recommend using this attribute to be sure that Search Engines will be able to give importance to the site's images. The ALT must be a short sentence that identifies the image.

{HASIL DARI CHKME}

Images: 19 images and 1 missing descriptions

For an image the description is fundamental. Correct this for a successful optimization.

Images: 19 images and 1 missing titles

While not essential and not used to calculate the final score, we suppose that for an image a title can be really useful. Try fixing any error, if required.

ini menandakan bahwa beberapa gambar atau image memerlukan ALT {diskripsi} dan TITLE {nama gambar}

tutorial yang pertama ini sering kita jumpai di blogger-blogger tetangga

CARA PERTAMA METODE HIDDEN

1. Login ke Blogger
2. Klik Template > Edit HTML > Lanjutkan
3. Cari kode ]]></b:skin> untuk memudahkan gunakan Ctrl+F
4. Simpan kode dibawah ini sebelum ]]></b:skin>

.quickedit{

display:none;

}

5. Simpan Template

CARA KEDUA METODE DELETE SCRIPT {extreme}

{cara kedua ini dianjurkan backup dulu templete-nya}

1. masuk ke TEMPLETE => EDIT HTML

2. cari kode berikut :

<b:include name='quickedit'/>

3. hapus semua kode yang sama seperti diatas

4. save templete dan cek lagi di

SEO ANALYSER dan CHKME

kemungkinan tanda tang & obeng tidak hilang di widget followers

bagaimanakah hasil dari SEO kamu ???

jika ada pertanyaan silahkan simpan pertanyaan kamu dibawah !!!

oke.................

CATATAN PENTING !!!!

sebelum kamu lakukan cara yang kedua backup dulu templete-nya,ane tidak bertanggung jawab apa yang terjadi jika kamu tidak mem-backup dulu templete-nya.

menghilangkan link langganan entri atom

sebenarnya sich langganan entri atom {Langgan: Entri (Atom)} jarang sekali digunakan oleh FACEBOOK dan TWEETER,pasalnya berlangganan melalui facebook dan tweeter lebih efisien karena setiap orang rata-rata mempunyai akun facebook dan tweeter, kalau merut ane....!!!
pengunjung blog kita,kebanyakan pengunjung menggunakan langganan update terbaru dari

bagaimana pendapan kamu ?

semuanya tergantung kesukaan kita,
jika sependapat dengan ane simak trik berikut untuk menghilangkan langganan entri atom

masuklah ke dashbor blogger
kemudian pilih templete dan edit HTML-nya
sekarang cari code berikut.untuk lebih cepat mencarinya silahkan tekan CTRL+F

]]></b:skin>

setelah ditemukan code yang dimaksut copy code di bawah ini tepat diatas code tersebut

          .feed-links {display:none;}

simpanlah templete dan lihat hasilnya....!!!
apakah masih ada?

jika ada pertanyaan silahkan coment....!!!

sedikit tips banyak guna

cara mengatasi tombol hapus tidak muncul di coment

Semua pengguna baik admin atau visitor, bisa menggunakan tombol Balas. Akan tetapi tombol Hapus hanya bisa digunakan oleh Admin dan penulis komentar dan bukan Anonim. Secara otomatis tombol ini akan ditambahkan ketika kita mengaktifkan komentar bertingkat (threaded comment).

Kenapa di blog saya tidak ada tombol hapus?

Apabila tombol hapus ini tidak muncul pada blog Anda, maka kemungkinan hal yang telah anda lakukan adalah :

MENONAKTIFKAN NAVBAR BLOGGER

Anda telah memilih opsi OFF pada widget navbar Blogger.

MENGHAPUS WIDGET NAVBAR

Anda telah menghapus navbar widget pada Edit HTML.

yang ane bahas sekarang adalah bagaimana memunculkan kembali tombol hapus yang sudah hilang di coment.
Sekarang kamu cari code seperti ini

]]></b:skin>

kemudian copy code dibawah ini tepat diatas code tersebut

.item-control {display:inline}

kekurangan dari kode ini setelah ane pelajari yaitu akan tetap terlihat kesetiap pengunjung,
kalau yang normal tombol ini akan muncul hanya kepada ADMIN dan SI-COMENT
jika kamu telah menonaktifkan navbar,silahkan nyalakan lagi fungsi navbar-nya kembali

bagaimana jika kamu telah menghapus code navbar di templete ?
ane kasih solusinya...
sekarang kamu masuk DASHBOR=>TEMPLETE=>Edit HTML
kemudian cari code berikut ini
<body>
kemudian copy code dibawah ini setelah code <body>

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>

silahkan preview dulu dan jika sudah terlihat navbar sudah aktif tambahkan code dibawah ini tepat dibawah code ]]></b:skin>

#navbar-iframe {height:0px;visibility:hidden;display:none;}

terimakasih atas kunjungannya.
jangan lupa coment ya....

cara modifikasi border image

pada kesempatan kali ini,ane akan menerangkan tentang bagaimana caranya membuat tampilan disetiap gambar di blog agak keren.

caranya gampang,
sekarang kamu cari code kira kira seperti ini

image {
border= none;
}

kemudian ganti codenya seperti dibawah ini :

  border: solid 10px;
  /* the border will curve into a 'D' */  
  border-radius: 10px 40px 40px 10px;

  border: groove 1em red;  
  border-radius: 2em;

  background: gold;
  border: ridge gold;
  border-radius: 13em/3em;

  border: none;
  border-radius: 40px 10px;

  border: none;
  border-radius: 50%;

dan lihat hasilnya.
kamu bisa merubah nilai radius sesuai kebutuhan kamu
jangan lupa coment ya.....

cara membuat link label menjadi "nofollow"

Sebagian besar dari Anda mungkin telah mendengar Google Panda Effect. Ini adalah system algoritma Google yang sangat ketat. Google Panda akan memeriksa seluruh konten dan koleksi link blog anda dan benar-benar akan berhenti mengindeks artikel yang telah diterbitkan, jika blog Anda terlalu banyak berisi konten yang tidak relevan atau menggandakan isi atau kuantitas posting Anda kurang dari 300 kata dan Anda memiliki terlalu banyak kategori label di blog Anda yang tidak masuk akal, maka Anda dapat menjadi sasaran berikutnya dari Google Panda update. Trafic blog Anda akan turun secara signifikan.
Berikut ini adalah cara untuk menambahkan tag 'nofollow' pada link label, baik yang muncul dibawah judul posting atau di bagian bawah artikel serta link label pada widget atau tag cloud pada blog anda, :

Login ke blogger dengan ID anda
Pada halaman dashboard blogger klik link "nama blog anda".
Pilih menu Template, sebaiknya backup template anda terlebih dahulu,
Klik Template >> Edit HTML
Selanjutnya cari kode seperti dibawah ini :

Ganti kode tersebut dengan kode berikut ini :

Jika anda menggunakan link label sebagai menu pada blog anda, segera tambahkan juga tag 'nofollow' ke dalamnya seperti berikut ini :

Masih belum selesai ! Pada bagian ini terserah anda mau di ubah atau tidak (opsional) karena widget ini terletak di sidebar dan tidak secara langsung berada dalam bagian posting di mana crawl oleh search engine sebenarnya terjadi. Jadi, jika Anda melewatkan ini tidak ada masalah, :

Cari kode seperti di bawah ini :

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

Ganti kode di atas dengan kode berikut ini :

Selesai, save template anda.

halaman page/statis bermasalah karena auto read more

sebuah blog kalau dikasih auto read more memang terlihat ringkas dan enak untuk dilihat bagi
pembaca atau pengunjung,
akan tetapi adakalanya terdapat masalah karena kita memasang auto read more yaitu terdapat error ketika kita membuka halaman page atau statis.
nah sekarang bagaimana cara mengataasinya ??

simak penjelasan berikut :

masuklah ke dashbor-templete-edit HTML
kemudian cari kode yang seperti ini

<b:if cond='data:blog.pageType != "item"'>
bla....bla...bla....
bla....bla...bla..
bla...bla...
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

kemudian copas dibawah ini tepat diatas yang berwarna merah

<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>

kemudian tanmbahkan kode dibawah ini tepat di bawah code yang berwarna biru bermaksud untuk penutup code

</b:if>

mohon diperhatikan beberapa templete tidak akan manjur dengan cara ini

seo heading h1 h2 dan h3

Seperti yang kita ketahui pengaturan struktur tag heading pada template blogger merupakan salah

satu dari sekian banyak faktor yang berpengaruh pada SEO. Akan tetapi mungkin karena saya sendiri masih belajar, dari banyak tutorial di internet setelah diterapkan ternyata tidak berfungsi sama sekali, hal ini karena struktur dan kode HTML template blogger itu variatif.mari kita simak berikut ini

di backup dulu ya....sebelum memulai....

langkah pertama yaitu mengatur tag head judul blog menjadi Heading H1

cari code yang kira-kira seperti ini

<div class='titlewrapper'
bla....bla....bla...
bla...bla..
bla...
</div>

rubahlah code diatas menjadi seperti ini:

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

catatan:
kemungkinan pada sebuah templete terdapat lebih dari satu code yang sama,soo...rubahlah semua.

langkah kedua yaitu merubah TAG HEAD DISKRIPSI menjadi H2

sekarang cari code yang mirip dengan ini:

<div class='descriptionwrapper'>
bla....bla....bla...
bla...bla..
bla...
</div>

kemudian ganti code diatas menjadi seperti ini :

<div class='descriptionwrapper'>
<h2 class='description'><span><data:description/></span></h2>
</div>

catatan:
kemungkinan pada sebuah templete terdapat lebih dari satu code yang sama,soo...rubahlah semua.

langkah ketiga yaitu Merubah tag head posting menjadi h3 dan membuat h1 sebagai halaman posting

pertama :
Merubah tag head posting menjadi h3
cari code yang mirip dengan ini

<div class='post hentry uncustomized-post-template'

kemudian cari code seperti ini setelah code diatas

<h? class='post-title entry-title' itemprop='name'>
bla....bla....bla...
bla...bla..
bla...
</h?>

rubahlah tag h? menjadi h3

Kedua:
merubah tag head posting menjadi h1
carilah code yang mirip dengan ini

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
bla....bla....bla...
bla...bla..
bla...
</h3>
</b:if>

kemudian ganti semua code diatas menjadi seperti ini :

<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType != "item"'>
<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>
<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>

preview dulu kemudian save

penting :
ukuran font Judul Blog, Deskripsi, dan Judul Posting Blog akan berubah,kamu bisa merubah ukurannya dari element h1,h2,h3

untuk heading bagian H4,H5 dan H6
ane akan beri penjelasan yang akan datang

cara mengubah gambar ke base64

waktu kemarin saya mencoba template yang agak unik,Yang cukup unik adalah ketika ingin mengubah background template saya kebingungan , karena dalam template itu tidak ada link yang mengarah ke gambar background, hanya ada serangkaian kode panjang yang entah apa artinya tersimpan tepat pada posisi CSS Gambar.Tetapi setelah ane konsultasi sama yang punya ternyata gambar backgroud tersebut menggunakan menggunakan base64,supaya loading blogger biar agak cepat,ujarnya.karena ane masih bingun dengan gambar base46 ane browser kesana-kemari,ech Ternyata sebuah gambar bisa dikonversi ke bentuk kode-kode tertentu (base64),tetapi masih tetap bisa dibaca oleh browser.

pengetian Base64 adalah sejumlah skema pengkodean serupa yang mengkodekan data biner dan menerjemahkannya ke dalam representasi radix 64.

{wikipedia}

Langsung saja caranya :

Simpan Link atau Upload sebuah gambar ukuran max 1MB disini.
Setelah itu klik Generate Data URI, lalu copy hasil URL-nya dan tempatkan pada posisi posting atau template yang diinginkan.

cara menambahkan komentar facebook di setiap postingan

Ada beberapa langkah yang bisa kita lakukan untuk menambahkan plugins komentar menggunakan akun facebook kita di postingan blogger, sebagian dari cara-cara tersebut malah membuat blog kita jadi tidak enak dipandang sebab posisinya tidak proporsional. Misalnya, kolom komentar plugins facebook tersebut berada di bawah kolom komentar blogger, praktis jadi ada 2 kolom komentar kosong yang terlihat di bawah postingan kita. Kasus seperti sebetulnya karena penempatan HTML nya saja yang kurang pas.

Dibawah ini langkah-langkah membuat plugins komentar facebook yang menurut saya relatif karena tampilannya berada tepat berderet dengan tombol postingan blogger, sehingga komentator bisa memilih mau komentar pakai akun yang mana, tanpa tampilan pilihannya tumpang tindih.

bagaimana cara menambahkan???
simak penjelasan berikut :

pertama code CSS

sekarang masuklah ke blogger dashbor kemudian pilih TEMPLETE dan EDIT HTML kemudian cari kode berikut:

]]></b:skin>

kemudian copy code dibawah ini,letakkan tepat diatas kode tersebut

/* komentar facebook */
.comments-page {}
#blogger-comments-page {display: none;}
.comments-tab {float:left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2; border-radius:4px;}
.comments-tab-icon { height: 16px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}

jika sudah,kita ke tahap berikutnya

kedua code HTML

sekarang carilah kode berikut

<div class='comments' id='comments'>

Biasanya terdapat lebih dari satu kode di atas pada template blogger, jika kamu ingin agar plugins komentar facebook itu tampil di setiap postingan, silahkan simpan kode HTML di bawah ini tepat di bawah kode-kode tersebut.

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='4' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

catatan:

ganti width='500' sesuai selera yang kamu inginkan

ketiga code JAVA SCRIPT

sekarang cari code </head> kemudian letakkan code dibawah ini tepat diatas code tersebut

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='kode id facebook kamu' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>

masukkan code ID facebook kamu di tulisan berwarna merah kemudian save

lihat hasilnya !!!

apakah memuaskan ?

silahkan tinggakkan pesan/komentar jika ada yang mengganjal

menghindari virus facebook

hari ini ane dibingungkan oleh virus 'Sexy Videos' virus ini menyebabkan menampilkan gambar atau video sexy,tetapi setelah browser kesana kemari akhirnya ketemu juga,ech ternyata virus ini di sebarkan oleh winamp
Virus 'Sexy Videos' menyebar melalui Facebook dengan Winamp sebagai nama kamuflase. Virus yang menyebar dengan memanfaatkan kelemahan di Facebook bisa mengancam setiap pengguna dari setiap sistem operasi komputer. Jika Anda sudah terinfeksi, berikut ini adalah langkah untuk mengembalikan akun Facebook.
Cara terbaik untuk melindungi diri sendiri tidak mengklik link yang tidak diketahui, bahkan jika link tidak mengarah ke situs aneh. Namun, jika Facebook Anda terinfeksi, berikut adalah langkah-langkah untuk menyingkirkan itu dari akun Facebook kamu:

1. Login ke akun Facebook kamu di http://www.facebook.com

2. Pada bagian kanan atas layar klik gambar gir sebelah kanan beranda dan pilih PENGATURAN AKUN kemudian di bar sebelah kanan pilih APLIKASI

3. Arahkan mouse kamu pada gambar x [X] diatas SUNTING aplikasi yang bernama "Winamp"

4. kamu akan mendapatkan konfirmasi kotak dialog "Hapus Winamp"

5. kemudian Klik [hapus] dan pastikan aplikasi "Winamp" sudah hilang dari APLIKASI
jangan lupa sebelum klik hapus beri tanda centang/ceklist pada
"Hapus semua aktivitas Winamp Anda di Facebook"

rahasia "I'm Feeling Lucky" di serch engine google

Sekarang buka www.google.com dan pastikan itu adalah dalam bahasa Inggris, sehingga rahasia ini dapat terungkap.

pada kotak pencarian di google seperti gambar dibawah ini

masukkan kata-kata berikut

ketik "pacmac" kemudian klik tombol "I'm Feeling Lucky" dan lihat hasilnya kamuakan bisa memainkan pcmac flash game
ketik "googoth" kemudian klik tombol "I'm Feeling Lucky" maka Google akan berubah menjadi Google dalam gaya gothic, terlihat gelap.
ketik "ewmew fudd" kemudian klik tombol "I'm Feeling Lucky" maka kamu akan langsung dibawa ke Google Page yang dihiasi oleh Ewmew Fudd karakter dari Warner Bros
ketik "google bsd" kemudian klik tombol "I'm Feeling Lucky" maka kamu akan dibawa ke Google Search dengan logo BSD (setan) di atasnya.
ketik "google linux" kemudian klik tombol "I'm Feeling Lucky" seperti trik sebelumnya, tapi kali ini dengan Linux Penguin.
ketik "xx-klingon" kemudian klik tombol "I'm Feeling Lucky" kamu akan melihat Google dalam bahasa Klingon.

Search....

Images: 19 images and 1 missing descriptions

Images: 19 images and 1 missing titles