Blog Setting
Tautan Sponsor
Unlock Blog / Website Using Free Proxy
URL : www.
« »
« »
« »
« »
« »

Cara Memasang Breadcrumb di Blog Anda

Oke tips SEO kali ini mengenai pemasangan breadcrumb pada postingan blog. Breadcrumb adalah suatu navigasi yang berisikan kategori atau label dari postingan. Pada dasarnya Breadcrumb merupakan navigasi seo sebaris dengan tautan internal yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke halaman depan dengan cepat. 

Saat ini google telah menerapkan metode baru dalam meng-index kata kunci pencarian yang relevan. Bot search engine google akan meng-crawl label atau tags setiap postingan blog, karena saat ini google sudah tidak menggunakan meta tag keyword lagi untuk mengindeks suatu website/blog, maka yang jadi perhitungan google saat ini adalah meta description dan label (kategori). Maka dari itu semakin relevan sebuah label dengan isi postingan (artikel) maka akan semakin mendapatkan kesempatan tampil di halaman depan google....nah, disinilah peran breadcrumb yang akan membantu mengarahkan bot search engine google dalam melakukan index terhadap kata kunci yang relevan yang ada pada postingan blog sobat.


Baiklah, begini cara membuat breadcrumb-nya :
  • Login ke Blogger.
  • Langsung tuju Edit HTML.
  • Klik Expand Template Widget.
  • Letakkan kode berikut ini tepat sebelum kode ]]></b:skin>
  • Setelah itu, cari kode seperti ini <div class='entry'> atau kode entry untuk postingan blog (untuk penempatan kode ini dapat disesuaikan dengan keinginan sobat) kemudian letakkan kode berikut ini tepat setelah kode tersebut.
  • <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>
  • Simpan template dan coba lihat hasilnya, mantabs... kan ! oke deh..selamat mencoba

FB Users () Comment | Read Users (1) comments

Merubah Blog Nofollow Menjadi Dofollow

Apa sich Blog Dofollow ??? buat sobat blogger yang masih belum paham dengan blog dofollow silakan simak artikelnya. Blog Dofollow mengandung arti bahwa link yang ada di blog pada saat berkomentar itu akan dianggap sebagai Backlink oleh mesin pencari seperti google. Katanya sih robot itu akan masuk menelusuri URL yang diberikan oleh sang komentator karena si pemilik blog memperbolehkannya atau mengundang robot itu untuk mampir ke rumah dan masuk kamar komentar mencari isi atau link dikamar itu dan diberikannya kepada si pengirim.

Lain halnya dengan Blog nofollow, robot itu hanya masuk kerumah tapi tidak diijinkan masuk kamar komentar, jadi gak ada tuh oleh-oleh link dari komentarnya hehehe :-). Bisa dikatakan nofollow itu memasang tanda forbidden atau di larang masuk buat robot search engine. Sedangkan dofollow memasang tulisan welcome silahkan masuk ambilah yang anda perlukan di rumah ini, gitu lho kira2.

Secara default memang setting komentar sebuah blog itu nofollow, maksudnya sih untuk mengurangi spam, tapi kita bisa ubah menjadi dofollow. Seperti blog ini status komentarnya sudah disetting jadi dofollow. Sehingga siapapun yang berkomentar akan mendapat hadiah kecil berupa backlink abadi karena telah sudi mampir dan berkomentar, tentu bila komentar itu gak dihapus, makanya jangan membuat spam ya hehehe dan yang demikian ini tidak didapat dari yang nofollow.

Blog dofollow bisa dianggap sebagai gudang link layaknya pohon yang berbuah backlink dan semua orang, boleh memetiknya, tak heran blog macam ini banyak dicari oleh para pemburu backlink seperti para peserta kontes SEO dll. Oleh karena sifatnya yang demikian yaitu dari, oleh dan untuk semua, makanya semua blogger berkepentingan untuk sama-sama ikut memiliki, merawat dan menaikan PageRank-nya, sebab semakin tinggi PR blog dofollow akan semakin bagus pula kualitas baclink yang diberikannya.

Keuntungan Dan Kerugian Blog Dofollow
  • Keuntungan bagi pemberi komentar sudah jelas akan mendapatkan backlink. tentunya ini merupakan tambahan poin untuk meningkatkan pagerank.
  • Keuntungan bagi pemilik blog adalah bertambahnya pengunjung, sehingga meningkatkan traffic dan menaikkan peringkat Rank Alexa menjadi drastis seperti blog ini.
  • Sementara orang mengatakan kerugiannya jika setiap link yang masuk atau ada pada blog / web dianggap link yang syah oleh mesin pencari, bisa jadi blog/web tersebut dianggap link farm (peternakan Link). Sehingga nilai Pagerank nya akan turun. Benar atau tidak saya kurang tahu, karena buktinya banyak blog dofollow yang PR nya tinggi, banyak yang PR 4 dan 5 bahkan ada yang PR 6 tuh. Lagian pula kalau benar, tinggal tanya pada diri sendiri bikin blog itu tujuannya ingin berbagi atau ingin mencari PR ??.
  • Biasanya karena banyaknya komentar yang masuk, pemilik blog gak bisa/jarang melakukan kunjungan balik ke blog komentator, tapi ini dimaklumi karena telah memberikan backlink sebagi gantinya, seperti saya ini jarang sekali bisa berkunjung balik... karena sibuuuk, maklum aja ya.. hehehe.
Setelah mengetahui tentang apa itu blog dofollow dan Nofollow pada postingan ini, silakan disimak cara Merubah Nofollow Jadi Dofollow... tidak sulit alias sangat mudah sekali...

Cara Merubah Nofollow Jadi Dofollow
  1. Login ke Blogger.com atau Dashboard.
  2. Klik Layout, lalu pilih Edit HTML.
  3. Beri tanda centang pada "Expand Widgets Template".
  4. Pada comments code, cari kode ini :
    <a expr:href='data:comment.authorUrl' rel='nofollow'>
    Untuk mempermudah pakai Ctrl+F, kemudian copas kode yang akan kita cari itu lalu klik next.
  5. Terus delete tulisan yang berwarna merah ( rel=’nofollow’ )  jadi kodenya akan seperti ini :
    <a expr:href='data:comment.authorUrl'>
  6. Jika sudah, Save Template.
Selesai.. jadi deh.. kini blog sobat sudah Dofollow. Jika nanti ingin kembali jadi Nofollow, yaa tinggal kembalikan saja seperti semula... gitu aja kok repot… Promosikan kalau blog anda dofollow, salah satunya memasang logo dofollow, misalnya seperti dibawah ini.

 

.:Selamat Mencoba:.

FB Users () Comment | Read Users (2) Comment

Xhilaration Modification Blog Template


Based on our ModXBlog theme, this is also an AdSense-optimized theme that includes prestyled areas for easy insertion of AdSense ads. It's a 3-column widget-ready theme with 3 configurable sidebar positions including the top, left sidebar and right sidebar.

This theme includes built-in support for Breadcrumb-NavXT, Rob Marsh's Post Plugin Library, MonozCore Taskbar Navigation and MonozCore Cool Emoticon for Comments.

Author : WebRehash
Author URI : http://www.webrehash.com
Modification by MonozCore
Preview : http://mozwidget.blogspot.com

Password : MonozCore

FB Users () Comment | Read Users (7) Comment

Kumpulan Animasi GIF Unik & Menarik

Konten blog memang penting. Tapi kini di era visual thinking, tampilan blog tak kalah penting. Meski isi blog anda sangat bagus, namun tanpa ditunjang visual gambar yang mengesankan, blog anda berpotensial kehilangan banyak traffic dan pengunjung tetap. Berikut merupakan kumpulan animasi GIF yang mungkin bisa digunakan secara serasi dengan tema blog anda.

Airplane

Female


Animal
DragonBall Z
SuperHero Girl
.: Semoga Bermanfaat :.

FB Users () Comment | Read Users (3) Comment

Membuat TaskBar Navigation Menu

Pada postingan kali ini saya akan memberikan tutorial sederhana membuat navigation bar berbentuk taskbar horizontal yang stylish seperti taskbar yang ada di bawah pada blog ini. Tampilan taskbar navigation menggunakan kombinasi transparansi dan gradien color sehingga memberikan tampilan efek kaca seperti taskbar di Win7. Taskbar navigation ini dapat menjadi daya tarik tersendiri bagi pengunjung blogger, selain merapikan menu-menu utama pada halaman blog, taskbar ini dapat digunakan untuk memberikan kemudahan me-navigasikan blog sobat....gimana keren-kan ??? Oke jika tertarik silakan simak tutorialnya...

© Copyright 2010 MonozCore
  1. Login ke blog sobat dan jangan lupa untuk mem-backup template blog sobat terlebih dahulu.
  2. Klik Dashboard > Design > Edit HTML.
  3. Cari kode </Head> pada template blog sobat (tekan CTRL + F pada keyboard anda untuk menampilkan kotak pencarian di browser untuk mempercepat pencarian).
  4. Copy kode berikut ini tepat diatas kode </Head>.
    The Code...
    <!-- Begin CSS TaskBar Navigation by MonozCore -->
    <style>
    #taskbar {
    background: url() bottom repeat-x;
    width: 100%;
    height: 34px;
    clear: both;
    bottom: 0;
    position: fixed;
    font-family:arial;
    text-decoration: none;
    color: #FFFCFC;
    background: #;
    font-weight:bold;
    font-size:13px;
    overflow:hidden;
    -moz-border-radius-topright: 8px;-webkit-border-top-right-radius: 8px;border-top-right-radius:8px;
    -moz-border-radius-topleft: 8px;-webkit-border-top-left-radius: 8px;border-top-left-radius:8px;
    box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
    background-color:#619bb9;
    background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
    background: -webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));
    }
    #taskbar a {
    text-decoration:none;
    color:white;
    }
    #icon-box {
    text-align: left;
    color:white;
    position:fixed;
    left: 10px;
    bottom: 3px;
    }

    #icon-box a:hover img {
    border: 1px solid #ffffff;
    bottom: 2px;
    }

    #icon-box a:hover{
    color: #666666;
    }

    #welcome-box {
    text-align: center;
    color:white;
    font-weight:bold;
    font-size:13px;
    font-family:arial;
    text-decoration: none;
    position:fixed;
    bottom: 8px;
    left:160px;
    right:200px;
    width:auto;
    }
    </style>
    <!-- End CSS TaskBar Navigation by MonozCore -->
    Pada kode CSS #Welcome-Box yang berwarna biru silakan disesuaikan ukurannya biar tampilannya sesuai dengan template sobat.
    left:160px;
    right:200px;
    width:auto;
  5. Cari kode </Body> kemudian copy kode berikut ini tepat diatas kode </Body>.
    The Code...
    <!-- Begin TaskBar Navigation by MonozCore -->
    <div id='taskbar'>
    <div align='right' style='padding:0;'>
    <table><tr valign='midlle'>
    <td>

    <!-- Begin Copyrights -->

    &#169; Copyright  2010 <a href='http://monozcore.blogspot.com' target='blank'><data:blog.title/></a>

    <!-- End Copyrights -->

    </td>
    <td>

    <!-- Begin clock script -->

    <script src='http://localtimes.info/clock.php?cp3_Hex=FFB200&amp;cp2_Hex=000000&amp;cp1_Hex=FFFCFC&amp;fwdt=96&amp;ham=0&amp;hbg=1&amp;hfg=0&amp;sid=0&amp;mon=0&amp;wek=0&amp;wkf=0&amp;sep=0&amp;continent=Asia&amp;country=Indonesia&amp;city=Jakarta&amp;widget_number=1000' type='text/javascript'/>

    <!-- End clock script -->

    </td></tr></table></div>
    </div>

    <!-- Begin QuickLaunch Box -->

    <div id='icon-box'>

    <a href='Taruh Link Anda Disini' title='Judul Link'><img src='http://lh4.ggpht.com/_mFe4nvV0PXc/TPDh4aNiJ_I/AAAAAAAAAac/rV8yxpJUGc0/s800/backtotop.png'/></a>

    <a href='Taruh Link Anda Disini' title='Judul Link'><img src='http://lh4.ggpht.com/_mFe4nvV0PXc/TOdW4fnzI7I/AAAAAAAAAUU/INmTa8cC-Co/s800/Winamp-1.png'/></a>

    <a href='Taruh Link Anda Disini' title='Judul Link'><img src='http://lh3.ggpht.com/_mFe4nvV0PXc/TOjhpn8A7rI/AAAAAAAAAU0/gMJq72Q0GXg/s800/chat24.png'/></a>

    <a href='Taruh Link Anda Disini' title='Judul Link'><img src='http://lh5.ggpht.com/_mFe4nvV0PXc/TPEuf4G8dxI/AAAAAAAAAaw/w20c9V_EonI/s800/fb_logo24.png'/></a>

    <a href='http://www.docs.google.com' onclick='NewWindow(this.href,&apos;Google Office&apos;,&apos;925&apos;,&apos;700&apos;,&apos;yes&apos;,&apos;center&apos;);return false' onfocus='this.blur()' title='Google Office'><img src='http://lh5.ggpht.com/_mFe4nvV0PXc/TOteuTF4SuI/AAAAAAAAAYI/4q8zN7mGn-k/s800/google_docs.png'/></a>

    <!-- End QuickLaunch Box -->

    <!-- Begin Welcome Note -->

    <div id='welcome-box'>
    <marquee direction='left'>Welcome to <data:blog.title/></marquee>
    </div>

    <!-- End Welcome Note -->

    </div>
    <!-- End TaskBar Navigation by MonozCore -->
  6. Silakan di simpan dan lihat hasilnya.
Kode CSS taskbar navigation ini silakan disesuaikan terlebih dahulu baik ukuran, warna, icon dan jumlan quick-link agar sesuai dengan template sobat. Semoga tutorial singkat ini dapat memberikan manfaat buat sobat blog MonozCore. Jika masih ada kesulitan dalam menerapkan taskbar navigation silakan tanyakan di kotak komentar...

.: Selamat Mencoba :.

FB Users () Comment | Read Users (8) Comment

Kumpulan JavaScript Unik Untuk Blog

JavaScript for Bloggers


Background Effect
  • Script Efek Pelangi Pada Mouseover Teks Link
    Taruh script ini diatas </body>

  • Script Efek Salju Kecil
    Taruh script ini diatas </body>

  • Script Efek Salju Besar
    Taruh script ini diatas </body>

  • Script Efek Bintang
    Taruh script ini diatas </body>

  • Script Efek Daun Berguguran
    Taruh script ini diatas </body>

  • Script Efek Color Red Star
    Taruh script ini diatas </body>

  • Script Efek Faling Love Heart
    Taruh script ini diatas </body>
Welcome Alert
  • Text Alert ( peringatan saat buka blog )

    Taruh script diatas pada tag <body>
  • Text Alert Saat Mau keluar Blog

    Taruh script diatas pada tag <body>

  • Teks alert  onLoad dan unLoad (Gabungan)

    Taruh script ini diatas tag </head>

  • Teks alert pada Link ( saat kita klik link maka akan ada peringatan muncul )

    Taruh script diatas pada tag link
Marquee Effect (Efek Teks Berjalan)
  • Teks jalan dari kanan ke kiri

  • Teks jalan bolak balik lambat (santai)


    - direction :
    • direction="left"      (Arah dari Kanan ke Kiri)
    • direction="right"    (Arah dari Kiri ke Kanan)
    • direction="up"       (Arah dari Bawah ke Atas)
    • direction="down"  (Arah dari Atas ke Bawah)
    - bgcolor (Warna latar belakang teks)
    - scrolldelay (Kecepatan gerak teks)
    - behavior (Gerakan teks)
Copyrights Script
  • Script Anti Copy-Paste

    Taruh script ini diatas </Head>

  • Me-Nonaktifkan Klik Kanan

    Taruh script ini diatas </Head>
Title Bar Effect
  • Tulisan berjalan untuk status bar blog/web

    Taruh script ini dibawah <body> dan pada <body> anda rubah menjadi <body onLoad="scrollit(100)">

  • Tulisan berjalan untuk status bar blog/web efek ketik

    Taruh script ini diatas </Head>

  • Tulisan berjalan untuk status bar blog/web efek datang baertautan

    Taruh script ini diatas </Head>
Link Hover
  • Script Link Bekerlip
    <style> a:hover { text-decoration:blink; background:url(http://4.bp.blogspot.com/_yqzcBmyK-mo/TQoQiCZ0nuI/AAAAAAAABLU/d_28pRsm7XM/s1600/blink.gif); } </style>
    Taruh script ini diatas </Head>
    • http://1.bp.blogspot.com/-EeMHvlYmO_0/TmYaVWFpKbI/AAAAAAAAAVA/Xi5hSHuOvVg/s1600/BlinkStar.gif
    • http://4.bp.blogspot.com/-A7M9Y087VyU/TOEGx2SguCI/AAAAAAAABGw/gTzKReIhj_0/s1600/str4.gif
Miscelenous
  • Script Google Translate Terbaru (2011)

  • Window Expander

  • Script Ucapan Selamat Sesuai Waktu

    Taruh script ini diatas </Head>

  • Script Mouse Hover Berganti Gambar

    Taruh script ini pada tag link
.: Semoga Bermanfaat :.

FB Users () Comment | Read Users (4) Comment

Domain Gratis CO.CC / CU.CC / .TK

Mungkin sobat blogger dah pada tahu kalo domain CO.CC dah di banned dari google pagerank...artinya semua sub-domain CO.CC tidak akan di index oleh mbah google dan dihapus dari mesin pencari google. Nah saran saya bagi yang sudah menggunakan ataupun yang baru akan mendaftar di CO.CC atau domain gratis lainnya, gunakan domain tersebut sebagai Redirect URL saja biar aman dan juga usaha sobat untuk mendapatkan pagerank di google tidak menjadi sia-sia karena domain utama sobat yang menggunakan blogspot masih tetap terindex oleh google.


Redirect URL atau URL Forwarding adalah meneruskan (forward) dari satu alamat nama domain ke alamat nama domain lain, sehingga alamat URL nama domain yang diredirect (dialihkan) akan berubah ke nama domain tersebut. Contoh: coba buka http://monozcore.tk akan di-Redirect ke http://monozcore.blogspot.com, dan nama domain awal yang diredirect tersebut tidak terlihat lagi. berikut beberapa domain gratis yang menyediakan fasilitas URL Forwarding.
  1. www.co.cc
  2. www.cu.cc
  3. www.my.dot.tk
Blog MonozCore menggunakan beberapa nama domain untuk kemudahan dalam mengingat nama domain MonozCore. Nama-nama domain tersebut akan di redirect ke domain awal yaitu MonozCore.blogspot.com.

.: Semoga Bermanfaat :.

FB Users () Comment | Read Users (0) Comment

Membuat Karakter Animasi Burung Terbang Twitter

Semakin menarik memang widget yang satu ini seakan - akan ga ada habis - habisnya untuk dibahas... mungkin sobat blogger dah pernah baca postingan saya yang berjudul Blog Widget Burung Terbang Twitter... Nah postingan artikel kali ini kurang lebih sama... eits tunggu dulu... ada tapi-nya nich...hehehe :) :) artikel kali ini bukan tentang cara pemasangannya tetapi tentang cara membuat / mengganti karakter burung twitter-nya, gimana ??? serukan...

Animasi terbang burung twitter menggunakan CSS3 PNG sprites yaitu kumpulan beberapa gambar yang dijadikan satu menjadi satu file gambar PNG yang fungsinya untuk mempercepat proses download gambar keseluruhan. Format gambar yang digunakan adalah PNG (Portable Network Graphics) yang telah disetujui konsorsium WWW (W3C) sebagai format gambar untuk CSS3 Image Sprites. Lho...kalo pake jpeg bisa ga ??? bisa tenang aja...yang penting hasil akhirnya tetap berbentuk PNG.
Oke tanpa banyak cincong kita langsung aja ke TKP...

Langkah 1
  • Oke sebelum kita mulai kita download dulu softwarenya [AfterShots - Image Editor].
  • Silakan sobat install dulu di komputer sobat.
  • Oke...berhubung pada saat pertama kali install software tersebut masih versi trial maka kita aktifkan dulu versi penuhnya (catatan: software image editor ini bersifat gratis alias ga perlu bayar cuma untuk mengaktifkannya sobat perlu mengirimkan email kode referensi sobat)...Setelah selesai instalasi software AfterShots - Image Editor Silakan sobat buka softwarenya kemudian klik help >> register.
  • Catat Application Name dan Customer Reference sobat kemudian kirimkan lewat email [klik disini untuk mengirimkan email]
  • Setelah mendapatkan balasan email silakan sobat isikan serial numbernya.
  • Sekarang software AfterShots - Image Editor sudah menjadi Full Version....
  • Gampang-kan ...!!!
Langkah 2
  • Siapkan gambar sebanyak 20 gambar, boleh gambar foto sobat maupun gambar lain yang sobat suka. Untuk format gambar boleh jpeg, gif, png, icon, bmp ataupun wmf.
  • Copy gambar-gambar tersebut dalam satu folder. Supaya gambarnya sesuai urutan silakan diberikan angka pada awal penamaan seperti 01gambar.jpg, 02gambar.jpg dan seterusnya sampai gambar ke 20. Urutan gambar boleh diurutkan boleh juga tidak.
  • Sobat bebas menggunakan format gambar apa saja asalkan format tersebut telah didukung di AfterShots - Image Editor
Langkah 3
  • Buka software AfterShots - Image Editor.
  • Klik Format >> Sprites Combiner.
  • Klik Browse untuk memilih folder gambar yang telah dipersiapkan.

  • Klik save untuk menyimpan sprites tersebut...pastikan sobat menyimpannya dalam format PNG.
  • Setelah selesai sobat tinggal meng-upload gambar sprites tersebut ke picasa ataupun hosting-an server gambar lainnya yang sobat suka... Gampangkan..!!!.
Untuk cara pemasangan sprites tersebut silakan sobat baca artikel saya Blog Widget Burung Terbang Twitter. Jika masih ada kesulitan silakan sobat tanyakan di kolom komentar... Demikian postingan artikel saya kali ini...Semoga bermanfaat.

FB Users () Comment | Read Users (3) Comment