New Update

Plih Kode Warna

select color   or Klick Here

Berlangganan Artikel

Email :

free counters

Membuat tombol Share melayang di sisi kanan Blog

Membuat tombol Share melayang di sisi kanan Blog
Membuat tombol Share melayang di sisi kanan Blog.
Caranya cukup mudah, tinggal copy code script di bawah ini.

DEMO

 Letakan Kode di bawah ini setelah Kode </head>.


<!--Widget Share like FB tweet google plus digg Button Melayang Start-->
    <style>
    #pageshare {position:fixed; bottom:15%; right:10px; float:right; border: 1px solidblack; 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:right;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'><div class='sbutton' id='gb'><script src='http://connect.facebook.net/en_US/all.js#xfbml=2'/><fb:like font='' layout='box_count' show_faces='false'/></div><div class='sbutton' id='rt'><a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div><div class='sbutton' id='gplusone'><script src='https://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/></div>
   
    <div>
<a name='fb_share'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div><br/></div>
    <!--Widget Share like FB tweet google plus digg  Button Melayang End-->

Klick Tombol simpan Template. Selesai.
Publisher: vitto friend - 00.36
,

Cara Membuat Tombol Back to Top, Down, Home, dan Refresh unik




Cara Membuat Tombol Back to Top, Down, Home, dan Refresh

Lihat DEMO

1. Login ke akun blogger
2. Menuju dasbor/rancangan
3. Pilih Template dan Klik Edit HTML
4. Cari kode ]]></b:skin>  dan copy kode dibawah ini tepat diatasnya

Berikut kodenya:

#Enjoy{display:scroll;position:fixed;bottom:1px;leftt:1px;z-index:99}
#Enjoy a{filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;border:0}
#Enjoy img{border:0}
#Enjoy a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

5. Kemudian cari kode <body> dan tempatkan kode berikut tepat diatasnya

Berikut kodenya:

<div id='Enjoy'><button><a href='URL Blog kamu' title='Beranda'><span style='font-size: large;'><b>Ω</b></span></a></button>
<button><a href='#' onclick='window.location.reload()' title='Reload Page'><span style='font-size: large;'><b>&#8634;</b></span></a></button>
<button><a href='#top' title='Back to Top'><span style='font-size: large;'><b>&#8679;</b></span></a></button>
<button><a href='#footer' title='Page Down'><span style='font-size: large;'><b>&#8681;</b></span></a></button></div>

Keterangan:
Ganti URL yang berwarna merah dengan URL Blog sobat

6. Selanjutnya klik simpan template
Selesai dech..!!

Tambahan:
Bila sobat ingin mengganti buton-buton tersebut dengan gambar, silahkan sobat ganti kode yang berwarna orange dengan kode dibawah ini:

<img src='URL Gambar'/>

Silahkan sobat ganti tulisan yang berwarna merah dengan URL Gambar sesuai keinginan sobat..!!

Atau langsung aja coba gambar berikut ini:
<div id='Enjoy'>
<a href='URL Blog kamu' title='Beranda'><img src='https://lh4.googleusercontent.com/-NLRRkrf1Xjg/UOcXcopujMI/AAAAAAAABKw/udtVFEWd3PA/w497-h373/black-windows.png'/></a>
<a href='#' onclick='window.location.reload()' title='Reload Page'><img src='https://lh4.googleusercontent.com/-WGNwP0p-4eM/UOcX6kFiBTI/AAAAAAAABLM/zKCXBXK59QY/w497-h373/repeat.png'/></a>
<a href='#top' title='Back to Top'><img src='https://lh4.googleusercontent.com/-VSMRm-IZGzU/UOcUjxXZIkI/AAAAAAAABJ8/U0Uv5yumzu0/w78-h78/next00.png'/></a>
<a href='#footer' title='Page Down'><img src='https://lh6.googleusercontent.com/-la1BjEMLTwY/UOcUjwVn5VI/AAAAAAAABJ4/HnXjFTOIzd4/w78-h78/next0.png'/></a>
</div>

Silakan coba Cara Membuat Tombol Back to Top, Down, Home, dan Refresh unik dan lihat hasilnya.
Publisher: vitto friend - 04.37

Jasa pembuatan website atau blog

Bagi para blogger pasti sangat mudah membuat blog atau website sendiri. tapi mungkin bagi sebagian orang yang mempunyai kesibukan tersendiri dan pekerjaan yang sangat padat pasti membutuhkan bantuan jasa para blogger atau penjual jasa website desaigner untuk membuat suatu website atau blog guna mendukung pekerjaanya tersebut, agar di kenal oleh masyarakat umum melalui internet. Karena dengan kita memasarkan barang atau jasa prodak kita melalui internet, maka barang atau jasa kita tersebit akan mudah di akses di belahan dunia manapun.
Nah bagi kalian yang ingin membuat website atau blog guna meningkatkan kinerja kalian, kami siap membantu anda dalam membuat desain website atau blog yang berguna menunjang usaha anda agar lebih di kenal masyarakat umum.

MULTI FUNGSI!
Website ini bisa anda modifikasi dan digunakan berbagai kebutuhan. Misalnya: Company Profile, Toko online, atau Blog pribadi, CEO Frienly, Mudah di Akses.

Jika anda tertarik kepada kami, anda bisa hubungi kami lewat YM kami.


Status YM
Publisher: vitto friend - 06.44
, ,

Cara Daftar Sitemap dengan Blogger Sitemap Generator

Seperti Postingan sebelumnya, Google Sitemap. Google Sitemap/ Peta Situs Google yaitu sebuah alat bantu untuk para webmaster agar mempermudah suatu pengenalan di peta situs dalam blog atau website.
Nah kamu bisa menggunakan layanan Tool ini dengan membuat sitemap dengan Mudah.

Step:

  • 1. Masukan URL Blog kamu.
  • 2.Klick Cread Blogger Sitemap
  • 3. Copy  atom.xml?redirect=false&start-index=1&max-results=500  masukan ke Submit a Sitemap di Google Webmaster.

Jika belum tau caranya kamu bisa klick Cara Submit Sitemap Blog ke Google Webmaster Tools
  • 4. klick saja Link tersebut Untuk Pink Otomatis ke Bing.
  • 5. Lakukan sama seperti no.4 untuk ping ke Yahoo.




Search: Cara Daftar Sitemap dengan Blogger Sitemap Generator, Daftar Sitemap dengan Blogger Sitemap Generator, Mendaftar Sitemap dengan Blogger Sitemap Generator, Membuat Sitemap dengan Blogger Sitemap GeneratorSitemap dengan Blogger Sitemap Generator
    Publisher: vitto friend - 03.28
    , ,

    Cara Membuat Gallery Photo di Blog


    Cara Membuat Gallery Photo di Blog

    Apakahkamu menginginkan Desaign gambar atau gallery photo yang rapi dan menarik untuk di pandang, tetapi tidak membutuhkan tempat yang banyak? Mungkin inilah Solusi yang kamu cari. Cara Membuat Gallery Photo di Blog, jika kamu tertarik kamu bisa gunakan cara berikut:


     Demo Lihat » Disini


    Step
    1. Siapkan Foto, upload ke (Postingan blog, picasa, atau photobucket, atau yang lainnya)
    2. Copy Url Foto kamu
    3.  Gantilah Url yang berwarna merah di bawah ini dengan kode Url foto kamu.

    <div class="snap_preview">
    <div>
    <a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_9939.html" target="_blank"><b><span style="color: #0066ff; font-size: large;">Miss Universe 2011 - Contestants&nbsp; Museum Tour</span></b></a></div>
    <style type="text/css">
    .gallery{margin:auto;}.gallery-item{float:left; width:33%;} .gallery-caption { margin-left: 0; }
    </style>
    <div class="gallery snap_nopreview">


    Gallery of Contestants Miss Universe 2011, Museum Tour :
    Click Picture to Full
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_5540.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="133" src="http://1.bp.blogspot.com/-LEdQaEyI2R8/TmNkA8uF8gI/AAAAAAAAEVc/O_h8X8qFOmw/s1600/16.jpg" title="Miss Universe 2011 - Contestants - Museum Tour16" width="200" /> </a>
    </dt>
    </dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_1469.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Miss Universe 2011 - Contestants  Museum Tour" border="0" height="133" src="http://1.bp.blogspot.com/-MzDAmvFAUrY/TmNkHYZLM9I/AAAAAAAAEVg/ZPNuc7NpyjI/s200/17.jpg" title="Miss Universe 2011 - Contestants  Museum Tour" width="200" /></a> </dt>
    </dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_2773.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Miss Universe 2011 - Contestants  Museum Tour" border="0" height="133" src="http://1.bp.blogspot.com/-yMah8Qm7VyI/TmNkheJH0JI/AAAAAAAAEVs/8zVKBgYapC8/s200/20.jpg" title="Miss Universe 2011 - Contestants  Museum Tour" width="200" /></a> </dt>
    </dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_8316.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Miss Universe 2011 - Contestants  Museum Tour" border="0" height="133" src="http://3.bp.blogspot.com/-0G6U3mrTj5w/TmNkYpe126I/AAAAAAAAEVo/59QwBdLkIKE/s200/19.jpg" title="Miss Universe 2011 - Contestants  Museum Tour" width="200" /></a> </dt>
    </dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_1219.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Miss Universe 2011 - Contestants  Museum Tour" border="0" height="133" src="http://3.bp.blogspot.com/-fCOaDrzJul8/TmNkRVuiTEI/AAAAAAAAEVk/hzPK5wIcqnM/s200/18.jpg" title="Miss Universe 2011 - Contestants  Museum Tour" width="200" /></a> </dt>
    </dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_4726.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Miss Universe 2011 - Contestants  Museum Tour" border="0" height="133" src="http://4.bp.blogspot.com/-NMQYqrYVa6Q/TmNkpjKfQZI/AAAAAAAAEVw/JaR6w5Jr_h8/s200/21.jpg" title="Miss Universe 2011 - Contestants  Museum Tour" width="200" /></a> </dt>
    </dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_3985.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Miss Universe 2011 - Contestants  Museum Tour" border="0" height="133" src="http://3.bp.blogspot.com/-M496EQmEhRc/TmNkyzmN4LI/AAAAAAAAEV0/nSAFyKN8XKY/s200/22.jpg" title="Miss Universe 2011 - Contestants  Museum Tour" width="200" /></a> </dt>
    </dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_3271.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Miss Universe 2011 - Contestants  Museum Tour" border="0" height="133" src="http://2.bp.blogspot.com/-dgzRXPmYxy8/TmNk6gVBEcI/AAAAAAAAEV4/EERy1TkKcQo/s200/23.jpg" title="Miss Universe 2011 - Contestants  Museum Tour" width="200" /></a> </dt>
    </dl>
    <dl class="gallery-item">
    <dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_5711.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Miss Universe 2011 - Contestants  Museum Tour" border="0" height="133" src="http://4.bp.blogspot.com/-_Hr-A2KJXQU/TmNlUzWKnYI/AAAAAAAAEWE/ju5h9_6GMKk/s200/26.jpg" title="Miss Universe 2011 - Contestants  Museum Tour" width="200" /></a> </dt>
    </dl>
    </div>
    </div>
    Cara Membuat Gallery Photo di Blog

    Perhatian :

    • Kode yang berwarna merah adalah url foto yang didapatkan dari hosting setelah foto diupload.
    • Ukuran foto bisa diganti dengan merubah angka 150 dan 200.
    • Angka 25% adalah prosentase untuk membuat foto berjajar menyamping 4 kolom (rumusnya: 100% dibagi 4 = 25%)
    • Bila ingin menambah jumlah foto tinggal copy saja mulai kode <dl class="gallery-item"> sampai dengan kode </dl> demikian pula jika ingin menguranginya.
    • Saat menuliskan kode harus benar-benar rapat, jangan menggunakan enter, bila masih terdapat ruang kosong maka fungsikanlah backspace untuk menghapusnya sehingga kode menjadi rapat.
    Jika Sudah Selesai Save dan lihat Hasilnya.
    Demo Lihat » Disini

    Search: Cara Membuat Gallery Photo di Blog, Cara Membuat Gallery Foto di Blog, Cara Membuat Gallery Photo di Blogger, Cara Membuat Gallery Photo di Wordpress, Cara Membuat Gallery Photo di Blogspot, Cara Membuat Gallery Foto di Blogspot, Cara Membuat Gallery Foto
    Publisher: vitto friend - 12.43

    Cara membuat Menu Breadcrumbs di Blogspot Part 2

    Cara membuat Menu Breadcrumbs di Blogspot
    Jika sebelumnya telah mencoba Cara membuat Menu Breadcrumbs di Blogspot yang anda coba tidak berhsil, maka kamu bisa mencoba Cara membuat Menu Breadcrumbs di Blogspot yang berikut ini. Dan Sebenarnya keduanya bisa digunakan dengan benar di template dan sudah saya uji coba. Jika kalian menggunakan salah satunya tidak berhasil, mungkin itu dikarenakan karena HTML Template yang berbeda, kamu bisa menggunakan cara yang kedua ini..

    Menu/navigasi breadcrumbs juga membantu meningkatkan SEO dan SERP, yaitu dalam pemetaan oleh search engine dan juga menambah kepadatan keyword, mengingat letaknya yang berada di bagian atas posting.
    Untuk Cara membuat Menu Breadcrumbs di Blogspot Part 2, kamu ikuti saja Tutorial berikut.

    Cara membuat Menu Breadcrumbs di Blogspot Part 2:
    1. Masuk ke dashboard > Design/Rancangan > Edit HTML, centang (check) "Expand Widget Templates" di pojok kanan atas kotak edit HTML.
    2. Cari (gunakan Ctrl+F) ]]></b:skin> dan masukkan aturan CSS berikut:

    .breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}
    Selamat mencoba, semoga berhasil.


    3. Cari (Ctrl+F) <b:include data='top' name='status-message'/> kemudian tambahkan kode ini TEPAT di bawahnya:


    <b:include data='posts' name='breadcrumb'/>


    4. Cari (Ctrl+F) <b:includable id='main' var='top'> lalu tambahkan script berikut di atasnya:

    <b:includable id='breadcrumb' var='posts'>
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <!-- No breadcrumb on home page -->
    <b:else/>
    <b:if cond='data:blog.pageType == "item"'>
    <!-- breadcrumb for the post page -->
    <p class='breadcrumbs'>
    <span class='post-labels'>
    <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast == "true"'> »
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
    </b:if>
    </b:loop>
    <b:else/>
    »Unlabelled
    </b:if>
    » <span><data:post.title/></span>
    </b:loop>
    </span>
    </p>
    <b:else/>
    <b:if cond='data:blog.pageType == "archive"'>
    <!-- breadcrumb for the label archive page and search pages.. -->
    <p class='breadcrumbs'>
    <span class='post-labels'>
    <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
    </span>
    </p>
    <b:else/>
    <b:if cond='data:blog.pageType == "index"'>
    <p class='breadcrumbs'>
    <span class='post-labels'>
    <b:if cond='data:blog.pageName == ""'>
    <a expr:href='data:blog.homepageUrl'>Home</a> » All posts
    <b:else/>
    <a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
    </b:if>
    </span>
    </p>
    </b:if>
    </b:if>
    </b:if>
    </b:if>
    </b:includable>
    5. Save.

    Nb : Jika Menemukan Code <b:include data='top' name='status-message'/> ada 2, kamu pilih saja kode yang terdapat code <data:adStart/> atau yang mirip dengan kode tadi.Yang perlu di perhatikan adalah letakkan kode benar-benar setelah atau sebelum kode yang dicari. Contoh:


    <b:include data='top' name='status-message'/><data:adStart/>

    Kita lihat di situ ada 2 tag bersisian, jika anda harus memasukkan tag/kode baru di bawah/setelah
    <b:include data='top' name='status-message'/>,
    itu berarti anda harus meletakkan benar-benar setelahnya, sehingga
    <data:adStart/>
    harus digeser posisinya, atau kode/tag baru disisipkan di antara keduanya, jadinya:

    <b:include data='top' name='status-message'/>
    <b:include data='posts' name='breadcrumb'/>
    <data:adStart/>


    Search: Cara membuat Menu Breadcrumbs di Blogspot Part 2,Cara membuat Menu Breadcrumbs , membuat Menu Breadcrumbs di Blogspot Part 2, Cara membuat Menu Breadcrumbs di Blogspot, Cara membuat Menu Navigasi Breadcrumbs di Blogspot Part 2

    Publisher: vitto friend - 09.26

    Cara Mengatasi Pesan NTLDR Missing Pada Windows XP

    Bagi sobat yang menggunakan OS Windows mungkin pernah mengalami ketika komputer sobat dinyalakan malah muncul tulisan NTLDR missing.

    Awal mula terjadi pada komputer, yang saya lakukan adalah FUC [ format ulang C ]... :) . Karena komputer dengan NTLDR missing biasanya sobat coba masukan CD installer windows untuk mencoba memperbaiki. Tapi setelah bosan dengan install ulang beberapa kali yang tentu saja jika windows nya di install ulang, banyak aplikasi yang juga harus di install ulang.

    Ok dalam artikel kali ini saya akan membahas cara mengatasi pesan NTLDR Missing di windows 2000 / XP. WINDOWS 2000. Berikut langkah-langkahnya :

    1. Buat satu bootable disket
    2. Buat file boot.ini dengan text editor isi nya kira-kira seperti ini.

      [boot loader]
      timeout=30
      default=multi(0)disk(0)rdisk(0)partition(1)\WINNT
      [operating systems]
      multi(0)disk(0)rdisk(0)partition(1)\WINNT="Microsoft Windows 2000 Professional" /fastdetect


    3. Copy NTLDR dan NTDETECT.COM dari komputer yang lain [ Win2k yang gak ada masalah tentunya ]. Biasanya file-file ini dalam keadaan hiden jadi untuk melihat dan kemudian mengcopy nya anda perlu merubah option view.

    4. Boot dengan disket tersebut

    5. Copy file NTLDR dan NTDETECT.COM ke drive C komputer yang tidak boot.

    6. A:
      copy ntldr c:
      copy ntdetect.com c:


    7. Keluarkan floppy drive dan reboot.

    8. Berdo’a mudah-mudahan gak error lagi

    9. Selesai


    Mengatasi masalah NTLDR Missing pada windows XP sedikit lebih mudah karena Win XP memiliki opsi repair dalam bootable installer CD nya jadi gak perlu bikin-bikin boot disket. Yang harus sobat lakukan adalah
    1. Set bios komputer anda supaya first boot nya adalah CD drive.

    2. Masukan CD Installer Windows XP anda, Kemana??? tentu saja ke CDROM/DVDROM Drive bukan ke tempat yang lain.

    3. Boot komputer sobat

    4. Ketika pilihan press anykey to boot from CD silahkan pijit tombol apa saja, tapi ingat tombol yang ada di keyboard ya bukan tombol kamera digital sobat apalagi tombol HP.

    5. Setelah masuk ke setup menu, nanti ada pilihan untuk tekan R untuk repair, sobat tekan huruf R di keyboard sobat untuk masuk ke Repair command line.

    6. Ketika masuk tunggu sebentar jangan langsung enter kecuali kalau sobat ingin reboot :P

    7. Apabila ditanyakan system mana yang mau sobat perbaiki biasanya ada pilihan nomor 1 C:\Windows seperti itu pilih 1 dan enter.

    8. Nanti anda akan ditanyakan password Administrator komputer sobat silahkan di isi dan enter

    9. Setelah berhasil login silahkan copy NTLDR dan NTDETECT.COM dari CD installer sobat. Sebelumnya pastikan dulu apa nama drive CD/DVD anda. Saya contohkan disini bernama E:

    10. copy e:\i386\ntldr c:\
      copy e:\i386\ntdetect.com c:\


    11. Apabila sudah selesai silahkan keluar dari editor dan restart komputer sobat

    12. Jangan lupa untuk set boot order sobat menjadi Harddisk pertama.

    13. Selesai.
    Publisher: vitto friend - 08.26

    Cara Menghilangkan Angka pada Label Blog

    Saat kita mempercantik blog kita kadang kali kita ingin membuat blog kita serapi mungkin. Salah satunya adalah dengan cara menghilangkan nomor atau angka yang ada pada label blog kita. Nah jika anda kesulitan untuk menghilangkan angka pada label tersebut, kamu bisa menggunakan trick bloogger untuk menghilngkn nomor itu dengan mengikuti tutorial berikut ini.
    1. Sign in ke blogger dengan ID anda.


    2. Klik Layout.


    3. Klik menu Elemen Halaman.


    4. Klik tab Edit HTML.


    5. Beri tanda centang pada kotak di samping tulisan Expand Template Widget

    6. Cari kode berikut dengan Ctrl + F.

      (<data:label.count/>)


    7. Kemudia kalu sudah ketemu hapus kode tersebut.


    8. Save.

    9. Sekarang lihatlah hasilnya..



    Semoga Cara Menghilangkan Angka pada Label Blog ini bisa membantu untuk mempercantik blog anda.

    Search: Cara Menghilangkan Angka pada Label Blog, Cara Menghilangkan nomor pada Label Blog, Cara Menghilangkan Angka Label Blog , Cara Menghilangkan Label Blog, Menghapus Angka pada Label Blog, Menghapus Angka Label Blog,
    Cara Menyembunyikan Angka pada Label Blog, Cara Menghilangkan Angka pada Label Blogspot, Cara Menghapus Angka Label Blogspot
    Publisher: vitto friend - 04.55

    Cara Memasang Smartlink di Blog

    Cara Memasang Smartlink di Blog. Smart link adalah skrip yang kita pasang dalam template kita, yang berfungsi membantu Google mengindek setiap kata kunci atau keyword yang kita bidik. Smart link ini sangat membantu blog kita agar lebih SEO di mata mesin pencari. nah cara membuatnya cukup mudah, ikuti saja petunjuk di bawah ini.

    1. Log in ke blogger dashboard pilih layout kemudian pilih edit HTML
    2. Backup dulu templete sobat untuk menghindari jika terjadi kesalahan
    3. Cari kode </body>
    4. copy kode di bawah ini dan pastekan diatas kode </body>

    <b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'>
    function autoLink(){
    this.keywdHref = new Object();
    this.add = function(keyword, href){
    if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
    this.keywdHref[keyword] = href;
    }
    this.createAnchor = function(){
    var objs = document.getElementsByTagName(&quot;div&quot;);
    for(var i=0; i&lt;objs.length; i++){
    var obj = objs[i];
    if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
    var content = obj.innerHTML;
    for(var keyword in this.keywdHref){
    var href = this.keywdHref[keyword];
    var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
    obj.innerHTML = newstr;
    content = newstr;
    }
    }
    }
    }
    this.startScript = function(){
    var onLoad = window.onload;
    window.onload = function(){
    if(onLoad){onLoad();}
    setTimeout(&quot;f.createAnchor()&quot;, 100);
    }
    }
    }
    </script>
    <script type='text/javascript'>
    var f = new autoLink();
    f.add(&quot;Software | Trik | Hobi Ngeblog | Artikel Bebas | Tutorial Blog&quot;, &quot;http://www.friendz-star.tk/&quot;);
    f.startScript();
    </script></b:if>

    5. Ganti kode berwarna merah dengan nama blog anda dan kata kunci yang ingin kalian bidik.

    6. Save.

    Semoga Cara Memasang Smartlink di Blog ini membantu blog anda agar lebih SEO.

    Search: Cara Memasang Smartlink di Blog, Cara Memasang Smartlink di Blogspot, Memasang Smartlink di Blog, Smartlink blogspot, Smartlink Seo, Membuat link smart, Smartlink for blog
    Publisher: vitto friend - 08.47

    Cara membuat Menu Breadcrumbs di Blogspot

    Cara membuat Menu Breadcrumbs di Blogspot
    Cara membuat Menu Breadcrumbs di Blogspot. Breadcrums adalah salah satu teknik SEO yang sangat di anjurkan oleh para Webmaster. Karena Breadcrums sangat membantu dalam pencarian blog kita. Untuk itu adapun cara membuatnya silahkan kamu ikuti langkah berikut.

    1. Log in ke blogger dashboard pilih layout kemudian pilih edit HTML dan check the "Expand Widget Templates" check box
    2. Backup dulu templete sobat untuk menghindari jika terjadi kesalahan
    3.Klik kotak pada Expand Widget Templates
    4. Copy code dibawah ini




    .breadcrumbs { padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height: 1.4em; border-bottom:3px double #e6e4e3 }


    Taruh sebelum kode ]]></b:skin>

    5. Kemudian cari kode dibawah ini (Gunakan Ctrl+F untuk mencari kode)



    <b:include data='top' name='status-message'/>


    dan ganti kode diatas dengan kode dibawah ini :



    <b:include data='top' name='status-message'/>
    <b:include data='posts' name='breadcrumb'/>


    6. Kemudian cari kode dibawah ini (Gunakan Ctrl+F untuk mencari kode)




    <b:includable id='main' var='top'>


    Dan ganti kode diatas dengan kode dibawah ini :



    <b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl == data:blog.url'> <!-- No breadcrumb on home page --> <b:else/> <b:if cond='data:blog.pageType == "item"'> <!-- breadcrumb for the post page --> <p class='breadcrumbs'> <span class='post-labels'> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'> » <a expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:if> </b:loop> <b:else/> »Unlabelled </b:if> » <span><data:post.title/></span> </b:loop> </span> </p> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <!-- breadcrumb for the label archive page and search pages.. --> <p class='breadcrumbs'> <span class='post-labels'> <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/> </span> </p> <b:else/> <b:if cond='data:blog.pageType == "index"'> <p class='breadcrumbs'> <span class='post-labels'> <b:if cond='data:blog.pageName == ""'> <a expr:href='data:blog.homepageUrl'>Home</a> » All posts <b:else/> <a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/> </b:if> </span> </p> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'>


    Save.
    Dan lihat hasilnya... semoga Cara membuat Menu Breadcrumbs di Blogspot ini bermanfaat untuk blog anda.



    Nb; Jika kamu tidak barhasil membuat menu breadcrums ini, kamu bisa menggunakan cara yang kedua. Untuk membuatnya klick disini.

    Search:
    Menu Breadcrumbs,Cara membuat Menu Breadcrumbs di Blogspot,Cara membuat Menu Breadcrumbs, Breadcrumbs di Blogspot, Cara membuat Menu Breadcrumbs di Blog, Breadcrumbs

    Publisher: vitto friend - 07.23

    Membuat Google Translate dengan Mudah


    Google translate sangat berguna sekali untuk pengunjung blog kita. terutama pengunjung dari negara lain yang ingin membaca blog kita. Nah translate yang biasa dari google biasanya sering error atau blog kita sering tidak bisa di baca. Nah untuk menyempurnakanya sekarang Gunakan saja Translate ini, yang biasa d gunakan di blog berbasis wordpres. Translate ini bisa mentranslate lebih dari 36 bahasa di selurh dunia secara otomatis. Langsung saja pasang scripnya di bawah ini.

    • Login pada blogger.
    • Klik Layout pada Dashboard ,lalu Page Element.
    • Klik Add a Gadget.
    • Pilih HTML/Javascript
    • Masukkan kode dibawah ini dengan cara copy dan paste dan beri judul pada kolom Title.


    <!-- Begin TranslateThis Button -->

    <div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div>

    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
    <script type="text/javascript">
    TranslateThis();
    </script>

    <!-- End TranslateThis Button -->


    • Save.

    Sobat Sudah mempunyai Google Translate yang mantap... hehehe...
    Publisher: vitto friend - 18.15