Cara Mengaktifkan dan Setting Robot.txt Pada Blog

Cara Mengaktifkan dan Setting Robot.txt Pada Blog | Hai apa kabar ni sobat ? mudah mudahan baik ya hehehe.. pada postingan sebelumnya saya sudah bahas Cara Membuat Artikel Terkait dengan scroll dibawah postingan blog. pada hari ini sapun akan membahas yang juga tentang blog Cara Mengaktifkan dan Setting Robot.txt Pada Blog. kalau sudah banyak blog yg bahas tapi saya akan membahasnya disini. 

Sebelum kita mencoba kita harus tahu dulu apa kegunaan Robot.txt. Robot.txt sangat berguna untuk memberikan sebuah perintah untuk search engine bagian mana saja dari blog kita yang boleh atau tidak boleh dirayapi. Kalau sudah mengerti langsung aja kita langsung coba saja ikutilah totorial di bawah ini :

• Masuk ke dashbor blog anda
• Klik menu ''Setelan''
• Setelah itu ada menu lagi kebawah klik ''Prefensi Penelusuran''
• Sudah itu, ada ''Perayap dan Pengindeksan''
• Klik Edit pada ''Robot.txt khusus''
• Centang YA di ''aktifkan konten robot.txt khusus ?''
• Isikan kotak tersedia dengan tulisan di bawah ini

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search
Allow: /

Sitemap: http://gias-alauddin.blogspot.com/feeds/posts/default?orderby=updated

Note : ganti gias-alauddin.blogspot.com dengan url blog kalian

•  Kalau sudah klik ''simpan perubahan''
• Dan Robot.txt sobat sudah aktif

Dan demikianlah postingan tentang ''Cara Mengaktifkan dan Setting Robot.txt Pada Blog'' mudah mudahan postingan ini berguna bagi sobat dan Semoga Bermanfaat

Cara Membuat Artikel Terkait Dengan Scroll di Bawah Postingan Blog

Cara Membuat Artikel Terkait Dengan Scroll di Bawah Postingan Blog | Hai, sobat kembali lagi dengan saya dan saya akan membagikan tutorial ''Cara Membuat Artikel Terkait Dengan Scroll di Bawah Postingan Blog''. Artikel Terkait /Related post apakah kalian tahu ni ? Artikel terkait banyak sekali gunanya ni kalo pengunjung sobat sudah membaca artiikel dan akan tertarik melihat artikel terkait lainnya yg ada hubungan sama artikel yang habis di baca tanpa perlu melihat ke homepage.

Artikel terkait ni pun bisa membuat blog kita menjadi lebih cantik, lebih rapi dan lebis profesional blog sobat hehehe. bagi sobat yang ingin mengunakannya ikutilah tutorial berikut ini :

• Masuk ke dasbor blogger sobat
• Pilih menu ''Template''
• Setelah itu, klik ''Edit HTML''
• Udah itu ada banyak kode, kebawah sedikit klik panah ► warna hitam yg disampingnya ada kode bskin untuk melihat semua kode css (di tampilan baru Edit hml)
• cari kode <data:post.body> gunakan tombo CTR+F, biasanya kode ini ada 3 pilih yang ke 2 saja
• Letakkan kode di bawah ini di bawah kode <data:post.body>

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top: 10px;'><strong>Artikel Terkait</strong> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); 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 &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;); var txt = document.createTextNode(label); var h = document.createElement(&#39;b&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&#39;ardi33&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39; + label + &#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); 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 = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> <script type='text/javascript'>RelPost();</script></div> </div> </b:if>

• Setelah itu Simpan template den selesai
• Note : ganti Artikel Terkait Dengan kata kata lain terserah anda

Demikianlah artikel tentang tutorial blogger ''Cara Membuat Artikel Terkait Dengan Scroll di Bawah Postingan Blog'' bagi sobat yang bingung silakan berkomentar dengan senang hati saya akan jawab pertanyaan sobat.

                                                 

Cara Mudah cek Pagerank dan Memasang Widgetnya di Blogspot

Cara Mudah cek Pagerank dan Memasang Widgetnya di Blogspot | Pagerank pastinya kalian tahukan ? apalagi kalau kita blogwalking dan banyak yang memakai widget Pagerank.widget ini bisa menjadi tolak ukur blog di mata search engine.semakin besar nilai semakin bagus untuk blog kita.

saya akan membagikan widget pagerank dari mypagerank.net bagi sobat yang ingin mencoba dan memasangnya di blog sobat,ikutilah tutorialnya di bawah ini.

• silahkan anda berkunjung mypagerank.net di sampingnya ada tulisan google pagerank button atau anda bisa langsung aja klik link ini  >> Google pagerank button
• udah itu isikan URL Blog anda dan klik Check PR

• Tunggu sebentar,setelah itu pilih salah satu style gambarnya dan klik gambarnya
• setelah itu, copy kodenya
• sekarang masuk ke blogger
• pilih menu ''Tata Letak''
• klik ''Tambah Gadget''
• Pilih ''HTML/JavaScript''

• Setelah itu,Paste code yang tadi di copy dan letakkan di kolom yg disedia
• Klik simpan

Dan demikianlah tutorial tentang Cara Mudah cek Pagerank dan Memasang Widgetnya di Blogspot .

semoga bermanfaat.            KEEP BLOGGING

Cara Mudah Membuat Search box Yg elegan dengan CSS

Cara Mudah Membuat Search box Yg elegan dengan CSS  | hai sobat..... hari ini kita akan membahas tutorial blogger Cara Mudah Membuat Search box Yg elegan dengan CSS . pasti dalam sebuah blog eleman yg sangat penting salah satunya pastinya kotak search. kotak search/search box berguna untuk membuat pengunjung apalagi mencari sesuatu di blog dengan kotak search.

Untuk itu saya akan membagi kotak search box tapi saya akan membagikannya bukan yg biasa tapi menggunakan CSS .kotak search box ini sangat cantik,elegan, dan juga tidak repot.bagi sobat yang ingin menggunakan search box ini ikutilah tutorial berikut ini :

• Login ke akun blogger anda
• Pilih menu ''Tata Letak''
• Klik Tambah Gadget 
• Pilih HTML/JavaSript

• Udah itu pilih salah satu search box yang di inginkan, copy kode scriptnya dan masukkan di dalam HTML/JavaScript

Script kode search box 1

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQYnfA0T67Lf6bXzPMOoZdtA3HO_T02l3b8z8icGH5n0UwVszpnYIcME47s7f1yM7E3zWl0UM5wdwpF0nGZpr7EBTtKoVkYMKjONXpBEQEjJEqkGo-ccUdIuy-E8MTgLeNj88W0mY8K4zl/) no-repeat scroll center center transparent;
width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

Script search box 2 

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_fiIwKHW99oghvTQhLvle7df8bwxvwqgB76MvEwwoo34CuX7AVDdrX-g0OxwPYDKEvArFNZPAsi95D7lVJknbbxIKMg4ic90jt74LKkxDMJQ9sfFnAn6VSZO2QGzZn0575ASleX1In_6C/) no-repeat scroll center center transparent;
width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

Script kode search box 3

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs43fYWN3XA2HusCq9bVlwxea9bwxRjbKKt38Gd_bPwPq5uuoGrXJ65PESUnn2mUCl-Ejr59ABBspZ-OuAHwJHLKYGG1cazAP3igG2qFbl-Das_49I0D4SbtUQOKyvVQt17nlL1ss2WZYP/) no-repeat scroll center center transparent;
width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

Script kode search box 4

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrWAxVj9DdrCTKFvdx0Hlu4AVfPzOdj0hYFV07Q_MIeKcSS1ZHbJks2X9zl0dslLPCHJvGH6qECD6s-tynV2kPx6ANPuFGz_wOSpODLIJK_e5CYc3_5KScSCUzDlNB5UV3QkubiGJx-M6Q/) no-repeat scroll center center transparent;
width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

Script kode search box 5

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqSMpnDq92Ti4IldbrcdPdDfV8xKLhmwWqUclaueLKvmk_qgCRUFFeulWMTUCNH8s2bxOXPff7hn-fUweOz_Xtx1Ns9hx5YSIkydLyofngl0lEJMM9DqJ13z55c8fJpj3W6kQ4RvCWaYHz/) no-repeat scroll center center transparent;
width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

Script kode Search box 6

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZfSpewGTEjuAqo6dKLH0mXDr59pSTRxkFuLiNMaMOyLSfyYuCrPgeUFpAmiavFliicGot94Un8Yx-4-j_dbBeGxqjxUVEf9yQwQB7jBCrEkQckjXJ-IEPZVQtbzvmeqCoCquwXQj7RJie/) no-repeat scroll center center transparent;
width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

• klik simpan dan lihat hasilnya

Dan demikianlah tutorial Cara Mudah Membuat Search box Yg elegan dengan CSS mudah mudahan membantu kalian untuk membuat blog anda terlihat lebih hidup dan indah untuk pengunjung .

Keep Blogging

Membuat dan Memasang Tombol Back to Top Sederhana

Membuat dan Memasang Tombol Back to Top Sederhana | hai sobat... selamat pagi,siang,sore atau malam yang lagi membaca hehe... saya akan membagikan tutorial lagu tentang Membuat dan Memasang Tombol Back To Top Sederhana.

Apakah kalian tahu tombol back top itu apa ? tombol back to top itu adalah navigasi yg biasanya ada di sebelah kanan di paling bawah.kegunaan navigasi ini adalah untuk mempercepat pengunjung kita untuk kembali ke atas apalagi kalau artikel banyak sekali kometarnya ni.cara gunanya tinggal di klik navigasinya langsung ke atas.bagi sobat yang ingin membuat tombol back to top ini dia tutorialnya :

1. pastinya masuk ke dasbor blogger
2. udah itu,masuk ke halamam ''Tata Letak'' >>> klik ''Tambah Gadget''
3. klik ''HTML/JavaScript''

1. masukan kode di bawah ini ke dalam HTML/JavaScript, ga usah di kasih judul di atasnya

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="URL Gambar Back to Top" /></a>

Note : ganti URL Gambar Back to Top dengan url gambar kesukaan mu

Bagi sobat yg bingung ini dia beberapa url gambarnya :

masih banyak gambar back to top yg lain , terserah anda pilih yang ada suka

Terima kasih sudah membaca artikelnya,mudah mudahan artikel tentang Membuat dan Memasang Tombol Back to Top Sederhana bisa membuat blog menjadi indah hehehe....

baca juga yang lain : Cara Membuat Daftar isi blog yg Keren dengan ( jQuery )

Cara Membuat Daftar isi blog yg Keren dengan ( jQuery )

Cara Membuat Daftar Isi blog yg Keren dengan ( jQuery ) - hai, kembali lagi dengan saya pada kesempatan ini saya akan membagikan tutorial blog Cara Membuat daftar isi blog yg keren dengan ( jQuery ) pada kesempatan sebelumnya saya pernah memposting cara membuat sitemap/daftar isi di blog secara otomatis yang ada kaitannya dengan postingan ini pada kesempatan itu saya membuat daftar isi blog dengan berdasarkan label dengan banyak link.

Tapi hari ini saya akan membuat daftar isi blog yang lebih keren dengan jQuery yang pastinya lebih bagus dan untuk mempratekkannya dengan seperti ini :

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link> 
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script> 
<script src="http://URL BLOG/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script> 
<script type="text/javascript"> var accToc=true; </script> 
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

NOTE : ganti URL BLOG dengan url blog anda


 Cara Menepatkan di LAMAN

--------------------------------------------------------------------------------

• Masuk ke blog sobat
• Pilih menu Laman ->> Laman baru ->> Laman kosong
• Pilih HTML di samping COMPOSE
• Masukan kode yang di atas
• Pilih judul yang sesuai
• Simpan dan selesai

Cara Membuat Link Menjadi Warna-Warni di Blog

Cara Membuat Link Menjadi Warna-Warni di Blog - Hai,saya akan bagi artikel Cara Membuat Link Menjadi Warna-Warni di Blog.link yang berkedap kedip pastinya sangat indah,link yang berwarna warni akan terjadi kalau kursor menuju sebuah link dan akan berwarna-warni, bagi teman teman ni yang tertarik ingin mengunakan trick ini saya akan membagikan tutorial seperti ini.

• masuk ke blog sobat
• pilih template >> edit html >>> centang expand template widget
• cari kode </head> untuk mempermudah pencari gunakan tombol (CTRL+F)
• copy paste kode dibawah ini di atas kode </head>

<script src="http://super-bee-linkwarna.googlecode.com/files/super-bee.blogspot.com- linkwarna.js" type="text/javascript"> </script>

• save template dan selesai

 dan inilah artikel Cara Membuat Link Menjadi Warna-Warni di Blog . semoga bermanfaat

Menghilangkan Langgan Entri (atom) & Poskan Komentar (atom) di blog

Menghilangkan Langgan entri (atom) & Poskan Komentar (atom) di blog - pada kesempatan hari ini saya akan membagikan artikel Menghilangkan Langgan Entri (atom) & Poskan Komentar (atom) di blog.entri (atom) atau poskan komentar) sudah sering kita jumpai di blog kita maupun di blog lain.para blogger pun banyak yang tidak tau apa fungsinya entri (atom) atau poskan komentar (atom).

Entri (atom) berfungsi untuk berlangganan artikel/posting sedangkan poskan komentar (atom) berfungsi untuk berlangganan komentar atas postingan/artikel yang bersangkutan.

Tapi banyak para blogger yang tidak menyukai fitur-titur tersebut.dan kita ingin menghilangkan fitur tersebut karena sederhana dan blog tidak rapi dan juga sudah ada fitur berlangganan yang modern seperti feedBurner.com nah untuk anda yang ingin menghilangkan dari blog ikutilah langkah langkahnya seperti ini :

Cara Menghilangkan Entri (atom) di Blog :
    1.masuk ke blogger ->> klik template/rancangan ->> pilih Edit html
       dan centang Expand Template Widget untuk mempermudah pencarian gunakan
       tombol CTRL + F
    2.cari kode di bawah ini

<b:include data='feedLinks' name='feedLinksBody'/>

       setelah ketemu hapus/delete semua kode di atas dan save template, SELESAI.

Cara Menghilangkan Poskan Komentar (atom) di Blog :
    1.masuk ke blogger ->> klik template/rancangan ->> pilih Edit html
       dan centang Expand Template Widget untuk mempermudah pencarian gunakan
       tombol CTRL + F
    2.cari kode di bawah ini.

<div class='feed-links'><data:feedLinksMsg/><b:loop values='data:links' var='f'><a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a></b:loop></div>

       setelah ketemu kodenya hapus semua kode di atas dan save template, SELESAI

Dan demikian tips dan trick artikel Menghilangkan langgan entri (atom) & poskan komentar (atom) di blog semoga artikel ini bermanfaat untuk kita semua. Selamat Mencoba