Blogger Kota Sukabumi: September 2013

Home » Archive for September 2013

Cara Menghilangkan No Data Di Alexa

Apa kabarnya, sobat? kabar baik tentunya. Postingan menjelang subuh ini saya ingin berbagi dengan sobat blogger tentang cara menghilangkan no data di alexa. Saat saya membuat blog baru dan memasang widget alexa semuanya masih kosong alias tidak ada angkanya, kenapa?.

Terjadinya no data ada 2 (dua) penyebab pertama kurangnya update blog artinya jarang update artikel/posting di blog karena alasan kesibukan dan menyebabkan alexa rank tidak naik jasi lakukanlah secara rutin dan terjadwal untuk update postingan di blog secara rutin bisa dilakukan 1x dalam seminggu tergantung waktu yang sobat miliki. Kedua belum pernah melakukan claim site (claim blog) dan verify my id.

Pada poin ke dua yaitu blog sobat belum pernah melakukan proses claim site dan pada widget alexa terdapat keterangan status not claimed. Apabila ternyata belum claim site sobat bisa mengikuti cara dan langkah di bawah ini:

Kunjungi/login dengan akun sobat Alexa.com

Pilih menu site tools

Setelah itu klik Claim Your Site

Masukan url blog sobat

Pada menu pilihan Claim Your Site, sobat akan diberikan kode ID Verification untuk dipasang di blog.

Setelah itu sobat buka akun blog sobat klik template > edit html

Lalu cari kode <head> untuk mempermudah gunakan ctrl + F setelah ketemu copy kode di bawah ini dan paste tepat di bawah kode <head>

Setelah meletakkan kode kembali lagi ke akun alexa untuk melakukan verifikasi.

Proses claim your site selesai.

Lakukan refresh blog atau sobat bersabar dahulu satu atau dua hari untuk melihat perubahan pada alexa rank sobat. Terpenting sobat selalu melakukan update postingan blog

Semoga bermanfaat

Cara Membuat Label Cloud Di Blog

Bloggersukabumi - Blogger sebagai penyedia memberikan fitur label blog dalam bentuk daftar dan juga menyediakan label dalam bentuk cloud.
Fitur label cloud lebih populer dibanding bentuk daftar, di bawah ini ada cara untuk memasang label tag cloud dengan kode scriptnya untuk membuat tamilan cloud lebih menarik.

Sobat bisa mengikuti cara dan langkah di bawah ini :

Login ke akun blogger sobat
Klik Page Elements > Add a Gadget.
Sobat pilih label kemudian sobat ganti dari bentuk Daftar menjadi Cloud.
Simpan.

Langkah selanjutnya untuk memasang kode scriptnya :

Klik template > edit html
Copy kode dibawah ini dan paste/letakkan tepat di atas kode ]]></b:skin>

/* Label Cloud Styles */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

Copy kode dibawah ini, letakkan tepat di bawah kode ]]></b:skin>

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

Langkah terakhir simpan template.

Selamat mencoba dan semoga bermanfaat.
happy blogging...............

Cara Membuat Guest Book/Buku Tamu Di Blog

Blogger Sukabumi - Postingan kali masih seputar dunia blogging tentang cara membuat guest book/buku tamu di blog. Keberadaan dari widget ini sangat penting dalam mengembangkan dan meningkatkan traffic sebuah web/blog. Dengan adanya widget ini akan muncul sebuah komunikasi interaktif antara visitor dengan owner blog dan begitupun sebaliknya.

Dan tentunya dari adanya komunikasi itu akan membuat blog sobat banyak dikunjungi dan disukai banyak visitor. Di dalam widget Buku Tamu ini, para visitor akan menulis komentar, pertanyaan seputar artikel yang di bacanya dan juga akan meninggalkan jejak link/e_mail.

Demikian ringkasan singkat tentang fungsi dari eksisnya buku tamu/guest book di blog kita. Apabila sobat belum membuat widget ini dan berniat/berminat untuk memasangnya di blog sobat silahkan ikuti cara dan langkha di bawah ini :

1. Silahkan sobat kunjugi situsnya http://www.cbox.ws

2. Lalu sobat klik Get your own free Cbox now!

cara mudah memasang buku tamu di blog

3. Dan sobat isi form registrasi dengan lengkap Name, Email address, Password, alamat website, dan bahasa.

4. Masih di form pendaftaran, sobat bisa tentukan model dari Buka Tamu dengan memilih Style

cara mudah memasang buku tamu di blog

5. Jika sudah selesai diisi semua dengan lengkap klik Create My Cbox
6. Selesai !

cara mudah memasang buku tamu di blog

Jika sobat telah menyelesaikan selesai dengan cara di atas, sekarang lakukan setting tampilan cbox yang akan dipasang di blog

6. Sobat login dengan user name dan password yang telah di buat tadi ke cbox

7. Sobat klik Look & Feel > Layout Options untuk mengatur lebar ( Width ) dan Tinggi ( height ) buku tamu. Lalu sesuaikan dengan ukuran blog sobat, dan sobat bisa melakukan pengaturan pesan terbaru dan akan ditampilkan paling atas atau di bawah dengan memilih menu In Order

8. Klik Look & Feel > Colours & Fonts. untuk menentukan warna, bentuk huruf dan lain-lain. Setting sesuai dengan selera sobat kemudian klik Save

9. Setelah selesai semua settingan sobat, lalu klik tombol Apply

10. Langkah terakhir untuk pemasangan widget di blog dan masih di dashboard Cbox sobat klik Publish!

11. Lalu klik Copy to clipboard.

12. Masuk ke akun blogger sobat > Klik Tata Letak > Tambah Gadget.

13. Klik HTML/Java Script.

14. Paste/letakan kode Buku Tamu yang telah di copy tadi ke dalam kotak javascript:

15. Lalu simpan
16. Selesai !

Selamat mencoba dan semoga bermanfaat.

Cara Membuat Related Post Thumbnails Dengan LinkWithin

To the point, sob..Widget dari LinkWithin ini banyak pakai di oleh para blogger baik itu blogger yang sudah mumpuni maupun pemula. Tampilan dari widget ini di bilang sangat menarik dan bagus sekali untuk di pasang di blog, setidaknya dapat menarik minat pengunjung untuk berlama-lama dan secara otomatis dapat menaikan pageview karena adanya kemudahan navigasi dan tampilan gambar yang menarik dari widget ini. Tidak salah kalau para blogger banyak yang acung jempol terhadap widget navigasi eksternal keren ini. Widget ini memuat halaman-halaman baik yang postingan baru dan terutama memuat postingan lama. Pada postingan/artikel yang tanpa image/gambar, Linkwithin dapat menampilkan page tanpa gambar dengan menampilkan gambar dasar yang berwarna abu-abu dan bertekstur walaupun sedikit. Gambar yang di tampilkan dengan cara acak/random namun tetap menampilkan persamaan melalui judul, tag, atau label.

Bagi sobat yang belum memasang widget keren ini bisa mengikuti cara dan langkah di bawah ini :

1. Kunjungi LinkWithin.

2. Pada halaman utama sobat lihat ke bagian kanan bawah disitu terdapat kolom isian.

3. Kemudian sobat isi kolom dengan lengkap : e_mail, url blog, platform, width

4. Pada pilihan My blog has light text on a dark background sesuaikan dengan warna tampilan blog sobat. Misalkan warna blog sobat gelap/dark maka centang pilihan tersebut.

5. Lalu klik Get Widget

6. Selanjutnya sobat ikuti prosesnya dan melakukan langkah-langkah sesuai dengan platform blog.

7. Sobat akan di bawa ke halaman page element di dashboard, posisi widget atur sesuai selera sobat. Misal sobat ingin di simpan di bawah postingan caranya tarik widget ke bawah postingan lalu kemudian simpan setelan.
8. Lihat hasilnya, seperti gambar di bawah ini :

Semoga bermanfaat.

Cara Memasang Meta Tag Di Blog

Apa kabar, sobat? kabar baik tentunya, di minggu siang yang panas terik ini di temani satu mug besar es kelapa muda saya akan berbagi dengan sobat blogger masih seputar blogging. Kali ini saya ambil judul posting mengenai Cara mudah Memasang Meta Tag Di Blog, sudah banyak blogger yang memposting artikel ini.

Tujuan saya memposting artikel ini tiada lain sama seperti yang dulu-dulu, yaitu sebagai backup saya di kemudian hari hehehe..dan kalau sobat blogger berminat mari kita pakai bareng-bareng. Untuk para blogger newbie pastinya ???? apa itu meta tag?. Meta tag merupakan sesuatu hal yang sifatnya wajib bisa atau nggak bisa wajib untuk di pasang di blognya, dimana meta tag merupakan sebuah tags yang berisi kode deskripsi blog, keyword blog, owner/author blog, dan lain-lain.

Dengan adanya meta tags yang terpasang di blog bisa mempermudah search engine untuk mengeksplore blog kita atau bahasa sederhananya blog kita lebih SEO dalam pencarian blog kita. Jadi kesimpulannya adalah betapa pentingnya pemasangan meta tag dengan peranannya itu.
Secara default meta tags sudah terpasang pada template bawaan, namun belum tentu search engine seperti Google, Bing, Yahoo atau lainya dapat menelusuri meta tags yang terpasang pada template bawaan.

Bagi sobat blogger yang belum memasang meta tags bisa mengikuti cara dan langkah di bawah ini.

Masuk ke dashboard blog sobat.
Lalu klik (backup template sobat terlebih dahulu untuk menghindari gagal pasang) Template > klik Edit HTML.
Cari kode <title><data:blog.pageTitle/></title> gunakan ctrl + F untuk mempermudah pencarian, setiap template memiliki perbedaan kode, dan kode ini selalu berada di bawah kode <b:include data='blog' name='all-head-content'/>
Setelah ketemu sobat hapus lalu ganti dengan kode di bawah ini:

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

<b:else/>

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

<b:else/>

</b:if><meta expr:content='data:blog.pageName + " - deskripsi blog sobat"' name='description'/>

</b:if>

Simpan template

Alternatif lain untuk pemasangan Meta Tags, sobat bisa memasang dengan cara seperti di bawah ini :

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

<b:else/>

</b:if>

Keterangan:

Silahkan sobat ganti warna merah dengan deskripsi blog sobat.
Sobat ganti warna biru dengan keywords/kata kunci blog sobat.

Simpan template.
Selesai

Semoga bermanfaat.

Cara Memasang Kotak Kode Script Di Blog

Bloggerkotasukabumi - Saya share kembali sobat tentang Cara Memasang Kotak Kode Script Di Blog. Di dalam membuat postingan artikel yang di dalam terdapat kode-kode script dan sobat ingin menempatkannya kedalam kotak biar lebih rapi dan lebih berwarna. Caranya sangat mudah dan sobat hanya mencopy kode di bawah ini dan tempatkan atau paste di dalam postingan. Untuk lebih jelasnya sobat ikuti cara dan langkah dibawah ini :

Copy kode di bawah ini:

<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; 
display: block; background-color: #DAD8D8; text-align: left;">

Simpan kode script/tulisan sobat di sini
</p>

Cara pemasangannya sebagai berikut :

Sobat masuk ke entry /postingan baru lalu paste / letakan kode tadi di mode HTML sebelah mode Compose. Pada warna biru adalah warna background kotak silahkan sobat ganti swsuai selera.

Semoga bermanfaat.

Memasang Kotak Admin Keren Di Blog

Blogger Sukabumi - Di dalam sebuah kotak admin tercantum secara ringkas mengenai identitas penulis, judul artikel yang diposting, link artikel. Setiap pengunjung pastinya ada ketertarikan terhadap artikel yang di bacanya dan berniat untuk mengcopy artikel tersebut, di dalam kotak admin ada peringatan tentang aturan dalam melakukan copy paste artikel yang secara singkat menegaskan untuk mencantumkan sumber link. Diatas tadi merupakan pentingnya memasang kotak admin yang bisa di bilang suatu keharusan untuk memasangnya.

Berikut ini ada cara dan langkah yang bisa sobat ikuti apabila ingin memasang kotak admin di blog :

1. Masuk ke akun blogger sobat.
2. Lalu masuk ke template > Edit HTML dan sebelumnya sobat lakukan backup template

3. Carilah kode ]]></b:skin> gunakan Ctrl + F untuk mempermudah pencarian

4. Setelah ketemu sobat paste kode di bawah ini tepat di atas kode ]]></b:skin>

.author-box {
background: #f0f0f0;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box a{
color:#666;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}

5. Kemudian sobat cari kode <div class='post-footer-line post-footer-line-1'> dan paste / letakan di bawah kode tadi.

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

<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='ganti dengan url photo sobat' width='70'/><b>About Author</b><br/>
silahkan ganti dengan tulisan deskripsi sobat<br/></p>

</div>

</b:if>

Ket: Sobat ganti tulisan warna merah dengan url photo sobat. Ganti tulisan berwarna ungu dengan tulisan deskripsi sobat.

6. Simpan template.

Selamat mencoba dan semoga bermanfaat.

Cara Memasang Related Post Dengan Scroll Di Blog

Blogger Sukabumi - Postingan masih seputar blogging, postingan hari ini saya kasih nama Cara Memasang Related Post Dengan Scroll Di Blog. Sobat pastinya sudah mengerti apa isi konten dari artikel ini, kalau membahas tentang scroll kita sudah membayangkan button/tombol yang aktivitasnya turun-naik dan begitupun sebaliknya.

Kelebihan dari tombol jenis scroll ini yaitu dapat menampilkan artikel terkait setiap label tanpa batas dan kelebihan lainnya adalah tidak mengganggunya space/tempat pada halaman posting karena menggunakan scrolling. Dan cara ini tentunya dapat memberikan kemudahan kepada visitor/pengunjung mengeksplore blog sobat.

Adapun caranya sobat bisa ikuti langkah-langkah di bawah ini :

Masuk ke akun Blogger sobat

Sebelumnya sobat backup terlebih dahulu templatenya "unduh template lengkap" untuk mengindari kegagalan dalam penempatan kode scriptnya

Setelah itu klik Template >> Edit HTML,

Lalu sobat cari kode ]]></b:skin> gunakan Ctrl + F untuk mempermudah pencarian

Copy kode css di bawah ini lalu paste/letakkan di atas ]]></b:skin>

/* Artikel Terkait */

.rbbox{border: 1px solid #D8D8D8;padding: 5px;
background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}

Note :
#E0F8E0 = kode warna kotak background Related Post (ganti sesuai selera sobat)
#EFFBEF = kode warna kotak background 'hover' related post (ganti sesuai selera sobat)

Selanjutnya sobat cari lagi kode <data:post.body/> atau <div class='post-body> setelah ketemu sobat copy script di bawah ini dan paste/letakan di bawah kode tadi

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

<H4>Related Post:</H4>

<div class='rbbox'>

<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>

<div id='albri'/>

<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";

var maxNumberOfPostsPerLabel = 5;

var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;

maxNumberOfLabels = 3;

function listEntries10(json) {

var ul = document.createElement('ul');

var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i < maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

alturl = entry.link[k].href;

break;

}

}

var li = document.createElement('li');

var a = document.createElement('a');

a.href = alturl;

if(a.href!=location.href) {

var txt = document.createTextNode(entry.title.$t);

a.appendChild(txt);

li.appendChild(a);

ul.appendChild(li);

}

}

for (var l = 0; l < json.feed.link.length; l++) {

if (json.feed.link[l].rel == 'alternate') {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k<20; k++) label = label.replace("%20", " ");

var txt = document.createTextNode(label);

var h = document.createElement('b');

h.appendChild(txt);

var div1 = document.createElement('div');

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById('albri').appendChild(div1);

}

}

}

function search10(query, label) {

var script = document.createElement('script');

script.setAttribute('src', query + 'feeds/posts/default/-/'

+ label +

'?alt=json-in-script&callback=listEntries10');

script.setAttribute('type', 'text/javascript');

document.documentElement.firstChild.appendChild(script);

}

var labelArray = new Array();

var numLabel = 0;

<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>

textLabel = "<data:label.name/>";

var test = 0;

for (var i = 0; i < labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length <= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel < maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

}

</b:loop>

</b:loop>

</script>

</div>

<script type='text/javascript'>RelPost();</script>

</div>

</b:if>

Note: Angka warna biru 50 menunjukkan jumlah artikel terkait dalam satu label dan sobat bisa menggantinya sesuai keinginan.

Simpan Template,

Setelah langkah diatas selesai sobat klik salah satu postingan untuk melihat hasilnya dan posisi related post berada di bawah postingan.

Semoga bermanfaat.
happy blogging.............

Cara Membuat Kotak Admin Di Blog

Memasang kotak admin di blog di rasa penting, kenapa? didalam sebuah kotak admin termuat identitas penulis/author, nama artikel yang diposting, link artikel, dan aturan tentang peringatan terhadap pengunjung mengenai penyebarluasan konten dan lain-lain.

Walaupun secara ringkas dan singkat tetapi cukup membuat pengunjung mengerti tentang aturan.

Itulah kenapa kotak admin di bilang penting, tidak ada salahnya kita untuk memasang di blog karena tidak memakan banyak space/tempat.

Apabila sobat ingin memasang di blog ikuti cara dan langkah di bawah ini, pemasangnya pun terbilang mudah :

Masuk ke akun blogger sobat
Klik >> rancangan / template (backup/unduh template sobat untuk menghindari gagal pasang)
Klik >> edit html
Sobat cari kode ]]></b:skin> gunakan ctrl + F untuk mempermudah pencarian
Copy kode css di bawah ini lalu paste tepat diatas kode ]]></b:skin>

.admin-tulisan{
    display:block;
    width:auto;
    background:#666666;
    border:2px solid #000000;
    box-shadow:0 1px 3px #000000;-moz-box-shadow:0 1px 3px #000000;-webkit-box-shadow:0 1px 3px #000000;
    padding:0;
    margin:30px 0 10px 0;
    font:normal 12px Arial, Sans-Serif;
    color:#ffffff;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#ff0000;
    border:none;
    border-bottom:1px solid #ffffff;
    color:#fff;
    text-transform:normal;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    font:bold 12px Arial,Sans-Serif;
    padding:5px 10px;
    margin:0 0 0 0;
    display:block;
    }
    .admin-tulisan h4 a{color:#FEEA83;}
    .admin-tulisan img{
    width:70px;
    height:70px;
    margin:0 10px 0 0;
    float:left;
    border:1px solid #954B02;
    padding:2px;
    background:#C36702;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }

Keterangan:

( - ) Warna merah >> kode warna untuk header kotak admin.
( - ) Warna biru >> kode warna untuk garis tepi kotak admin.
( - ) Warna ungu >> kode warna untuk background body kotak admin.

Setelah itu sobat cari kode <div class='post-footer'>

Sobat copy kode di bawah ini dan paste tepat di atas <div class='post-footer'>

<b:if cond='data:blog.pageType == "item"'>
    <div class='admin-tulisan'>
    <h4>Creatif By : <a expr:href='data:blog.homepageUrl'><data:post.author/></a>Semoga Bermanfaat Untuk Sobat Semua</h4>
    <div class='kontainer'>
    <img src='ISI DENGAN GAMBAR / IMAGE / PHOTO SOBAT'/>
    Terimah Kasih telah membaca artikel<a expr:href='data:post.url'><data:post.title/></a>. Yang ditulis oleh <data:post.author/> .Pada hari<data:post.dateHeader/>. Terima kasih atas kinjungannya dan apabila berminat dengan artikel ini sertakan <blink><strong>sumber link asli.</strong></blink> Kritik dan saran dapat anda sampaikan melalui kotak komentar. Terimakasih
    <p>
<textarea cols='57' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='
http://rahman-ciblog.blogspot.com/2013/04/cara-membuatmemasang-kotak-pesan-admin.html

/' target='_blank'>:: Get this widget ! ::</a></span></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>

Keterangan:

( - ) Warna biru >> ganti dengan deskripsi blog sobat
( - ) Warna merah >> ganti dengan url gambar/image/foto sobat
( - ) Warna ungu : ganti dengan tulisan sobat

Contoh gambar kotak admin hasil dari pemasangan.

Semoga bermanfaat.

Cara Memasang Kotak Hasil Pencarian Google di Blogspot

Bloggerkotasukabumi - Apa kabar? saya share kembali sobat tentang Cara Memasang Kotak Pencarian Google Di Blog. Dengan memakai tampilan kotak hasil pencarian google akan lebih elegan dan menarik tentunya. Apabila sobat berminat untuk pasang dan kurang tahu cara pemasangannya, bisa mengikuti cara dan langkah di bawah ini :

1. Sobat kunjungi situs resminya dan klik tautan ini http://www.google.com/cse/
2. Lalu klik buat mesin telusur khusus.

3. Isikan kolom dengan nama blog atau situs sobat seperti http://www.bloggerkotasukabumi.blogspot.com kemudian klik buat.

4. Apabila sobat telah berhasil muncul tampilan Anda telah berhasil membuat mesin telusur khusus lalu klik untuk mendapatkan kode scriptnya.

5. Proses penyimpanannya ada 2 (dua) pilihan : 1. copy kode di dalam kotak script lalu cari element <body> <div> simpan kode disini <div/> <body/> 2. Sobat masuk ke menu tata letak lalu tambahkan gadget > klik HTML/JavaScript dan paste didalam kota javascript. Saran saya untuk kemudahan dalam pemasangan pilihlah point ke 2, biar sobat tidak repot mencari.

6. Di bawah ini adalah screenshot gambar pencarian kustom google dari hasil pemasangan kode tadi.

Demikian share saya sobat, semoga bermanfaat.

Cara Membuat Breadcrumb Navigation di Blog

Fungsi atau manfaat dari Breadcrumb Navigation ini besar sekali, dengan terpasangnya template ini akan sangat membantu dan memudahkan pengunjung blog kita untuk mengetahui posisi postingan artikel kita berada. Posisi Breadcrumb Navigation ini letaknya tepat diatas postingan kita, lihat urut-urutannya Home >> Nama Label >> Judul Postingan. Tidak ada salahnya apabila blog sobat di pasang template Breadrumb Navigation, dan sobat tidak akan rugi bila memasangnya malah akan mendatangkan manfaat besar terhadap blog sobat dengan banjirnya pengunjung blog.

Apabila sobat berminat ingin pasang, ikuti saja cara dan langkah di bawah ini:
Note: sebaiknya back-up dulu template sobat di unduh template lengkap untuk menghindari kegagalan / kesalahan dalam pemasangan kode - dan anda tinggal meng_unggah kembali template backup tadi

Login / Masuk ke akun blogger sobat.
Masuk ke menu Template.
Pilih dan klik edit html.
Carilah kode ]]></b:skin> untuk mempermudah pencarian gunakan Ctrl F
Setelah ketemu kode tadi, copy_kan kode CSS di bawah ini dan paste_kan tepat di atas kode ]]></b:skin>

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

Selanjutnya cari kode <b:includable id='main' var='top'> apabila sudah ketemu dengan kode itu. Ganti kode tersebut dengan kode di bawah ini

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
</span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'>
<span>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
</span> » <span>Unlabelled</span> »
<span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a>
</span> » <span>Archives for <data:blog.pageName/>
</span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a>
</span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a>
</span> » <span>Posts filed under <data:blog.pageName/>
</span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Kemudian Save / Simpan Template.

Untuk melihat hasil dari pemasangan kode tadi silahkan sobat tunggu antara 1 - 2 hari, yang pasti breadcrumb sobat akan tampil di hasil pencarian Google. Pengalaman blog saya membutuhkan waktu sekitar 1 hari untuk melihat tampilan breadcrumb.

Semoga bermanfaat.

Cara Memasang Breadcrumbs Seo Friendly Di Blog

Blogger Sukabumi - Apa kabarnya sobat? kabar baik pastinya. Sebagaimana yang kita tahu bahwa yang namanya breadcrumbs merupakan suatu petunjuk atau lebih dikenal dengan istilah navigasi yang fungsinya sebagai penunjuk arah suatu halaman di blog. Dan memasang breadcrumbs ini tentunya dapat memberikan kemudahan kepada visitor/pengunjung untuk mencari artikel dan memberikan jejak bagi pengguna untuk mengikuti kembali ke semula, yang berbentuk horizontal, dan terletak di atas judul posting.

Breadcrumbs dan fungsi lainnya adalah memudahkan mesin pencari/search engine, untuk melacak postingan artikel yang kita buat. Fitur breadcrumbs ini tidak terpasang otomatis namun dipasang secara manual pada setiap blog dan pengaruhnya besar terhadap seo blog kita, di bawah ini ada cara pemasangannya.

Sobat bisa ikuti cara dan langkah di bawah ini :

Masuk ke akun blogger sobat.
Klik Template > backup terlebih dahulu template sobat
Lalu kemudian klik > Edit HTML.
Carilah kode ]]></b:skin> gunakan Ctrl + F, untuk memudahkan pencarian lalu copy kode css di bawah ini dan paste tepat diatas kode ]]></b:skin>

.breadcrumbs{background:0 rgba(255,255,255,0.1) 15px;height:30px;line-height:30px;border:solid 1px #bababa;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:auto;overflow:hidden;padding-left:10px;-moz-box-shadow:inset 0 1px 0 #ffffff, 0 1px 0 #fff;-ms-box-shadow:inset 0 1px 0 #ffffff, 0 1px 0 #fff;-o-box-shadow:inset 0 1px 0 #ffffff, 0 1px 0 #fff;-webkit-box-shadow:inset 0 1px 0 #ffffff, 0 1px 0 #fff;box-shadow:inset 0 1px 0 #ffffff, 0 1px 0 #fff;text-shadow:0 1px 0 #FAFAFA;color:#666;margin:0;margin-bottom: 6px;}

.breadcrumbs li{list-style-type:none;display:inline-block;float:left}

.breadcrumbs a{display:inline-block;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRlusVxr38il-pOWaA6eZbNT7jD9NGd32ibZO9FJNYrK7nq1wPvdmuYPvrStvIetPKCfKXkiSx5MPprgPCnjwI9prp1hvysB_l-3_gIMquWS5PRPXhXvI1zkhyphenhyphenUKmEh9ax6oWL3Dr9YTqY/s1600/border_kanan.gif);background-repeat:no-repeat;background-position:right;padding-right:10px;text-decoration:none;color:#666;outline:none;text-shadow:0 1px 0 #fafafa}

.breadcrumbs a:hover{color:#000}

Kemudian cari lagi kode <b:includable id='main' var='top'> gunakan Ctrl + F
Copy kode di bawah ini dan paste diatas kode <b:includable id='main' var='top'>

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.pageType == "item"'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'> <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span> <b:loop values='data:post.labels' var='label'> <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> </b:loop> <span><data:post.title/></span> </div> </b:if> </b:loop> </b:if> </b:includable>

Pencarian terakhir sobat cari kode <b:include data='top' name='status-message'/> gunakan Ctrl + F.
Copy kode di bawah ini dan paste diatas kode <b:include data='top' name='status-message'/>

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

Catatan :

Jika kode <b:include data='posts' name='breadcrumb'/> terdapat dua atau lebih, letakan kode diatas di kedua-duanya.

Simpan Template.
Selesai

Semoga bermanfaat.

Cara Memasang Auto Ping Dan Ping Fast Di Blog

Postingan dengan tema widget autoping maupun pingfast sudah enggak terhitung saking banyaknya tetapi saya ikut-ikutan hanya sekedar menyimpan sebagai backup seandainya nanti memerlukan lagi jadi tidak usah repot-repot untuk mencari scriptnya, dan kalau sobat berminat silahkan dengan senang hati.

So..menurut para webmaster di salah satu postingannya menekankan bahwa peranan dari Auto ping ini dapat membantu blog/website kita dalam meningkatkan SEO blog?dimana Auto Ping ini mensubmit link Url blog kita ke search engine seperti bing, google, yahoo dan masih banyak lagi. Masih kata webmaster tadi diartikelnya bahwa kita mensubmit XML feed blog, maka secara otomatis Auto Ping mensubmit link blog sekaligus seluruh artikel yang ada di dalam blog, tanpa harus capek mensubmit satu persatu ke sosial media.

SEO (search engine optimization) atau optimasi mesin pencari, dengan memakai Ping Fast ini dapat meningkatkan SEO blog dengan mensubmit link blog dan artikel blog lewat pihak ke-3, jadi link blog dan link artikel lebih besar kesempatanya untuk muncul di halaman pertama search engine dan menjadi lebih SEO friendly di mata search engine.

Pemasangannya scriptnya terbilang mudah dan apabila sobat blogger berminat untuk pasang di blognya, silahkan ikuti cara dan langkah di bawah ini :

Masuk ke akun blog sobat
Lalu ke Tata Letak > Add Gadget (tambahkan Gadget)
Kemudian klik html/javascript
Copy kode pilihan di bawah ini sesuai selera sobat
Paste kode tadi di kotak javascript lalu
Simpan.

Kode untuk Autoping

Kode untuk PingFast

<a href="http://www.ping-fast.com/ping-my-blog9019" target="_blank"><img src="http://www.ping-fast.com/iping.php?aut=EC153B028BB768920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C1" alt="ping fast my blog, website, or RSS feed for Free" border="0" /></a> <noscript><a href="http://www.ping-fast.com/" alt="ping fast my blog, website, or RSS feed for Free">ping fast my blog, website, or RSS feed for Free</a> <a href="http://www.freesearchenginesubmission.info/" alt="free url submit">url submit</a></noscript>

Selamat mencoba dan semoga bermanfaat.
happy blogging....................

Blogger Kota Sukabumi

Total Pageviews

Informasi Blog

Space Iklan

Pengunjung Blog

Cara Menghilangkan No Data Di Alexa

Cara Membuat Label Cloud Di Blog

Cara Membuat Guest Book/Buku Tamu Di Blog

Cara Membuat Related Post Thumbnails Dengan LinkWithin

Cara Memasang Meta Tag Di Blog

Cara Memasang Kotak Kode Script Di Blog

Memasang Kotak Admin Keren Di Blog

Cara Memasang Related Post Dengan Scroll Di Blog

Cara Membuat Kotak Admin Di Blog

Cara Memasang Kotak Hasil Pencarian Google di Blogspot

Cara Membuat Breadcrumb Navigation di Blog

Cara Memasang Breadcrumbs Seo Friendly Di Blog

Cara Memasang Auto Ping Dan Ping Fast Di Blog

Translator

Cari Blog Ini

Space Iklan

Random Artikel

Artikel Sering Dibaca

Arsip Blog

Label Blog