Sebuah Nama, Tanpa Cerita

AVG 2013, Melindungi Laptop dan Pc anda

Sebelum kita memasang robot txt sebaiknya kita terlebih dulu tau apa itu robot txt. Berikut ini saya jelaskan definisinya robot txt dan kegunaanya pada blog yang kita punya.

Robot.txt merupakan sebuah file dengan fungsi yang digunakan untuk membatasi aksses robot mesin pencari,yang sedang merayapi /menjelajahi blog atau website yang sobat miliki.Sebelum mereka menjelajahi halaman blog ataupun website,mereka memeriksa terlebih dulu untuk melihat apakah sebuah file robot.txt ada atau tidak,dan didalam robot.txt ada perintah yang mencegah mereka mengakses untuk halaman tertentu.

Robot.txt sangat diperlukan agar robot crawling tidak mengindex halaman di search engine yang tidak kita inginkan,disebabkan mungkin ada beberapa halaman web yang tidak ingin di index oleh search engine.Kalau kita ingin semua konten dalam blog kita di index oleh mesin pencari kita sangat butuh dan sangat penting memasang robot.txt ini.

Kegunaan Robot txt - robot txt berguna untuk mengarahkan spider bot crawling untuk merayapi halaman blog/website yang sobat miliki, ini sangat penting agar halaman blog lebih mudah terindex oleh search engine.

Ini akan sangat membantu optimasi blog dan mendukung semua halaman blog yang sobat buat ,bisa tampil yang terdepan. Tapi ini bukan jaminan karena kalo kita salah dalam mengkonfigurasi robot txt ini ,halaman kita malah di abaikan oleh search engine.

Mari kita simak cara memasang kode robot txt yang benar pada blog berikut ini;

1. Login ke dashboard blogger >Setelan>Preferensi Penelusuran

Add caption

2.Klik edit pada robot.txt khusus

3.Masukkan kode berikut ini

User-agent: *
Disallow:
User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search
Allow:
Sitemap: http://www.abc.com/feeds/posts/default?orderby=updated

-ganti tulisan warna biru diatas dgn url blog/website sobat
-klik simpan perubahan

4.Agar selaras dalam merayapi halaman blog sobat ada kode lagi yang harus dipasang pada HTML
-Klik template >edit HTML>expand template widget
-Cari kode <head> kemudian pastekan kode berikut dibawah kode <head>



<meta content='INDEX, FOLLOW' name='GOOGLEBOT'/>

<meta content='index, follow, all' name='robots'/>

<meta content='all' name='googlebot'/>

<meta content='all' name='msnbot'/>

<meta content='all' name='Googlebot-Image'/>

-Klik simpan template untuk menyimpan pemasangan kode robot.txt tadi

Cara Memasang Kode Robot txt Yang Benar-

Author : Unknown Comments : 0

Tag : Tips and Trick

Template kali ini, adalah template dengan tema devil survivor 2, yang merupakan film anime series dari the Shin Megami Tensei: Devil Survivor 2 video game oleh Atlus.Animenya sendiri saat ini baru mencapai episode 8,buat yang belum tahu anime ini, segera tonton supaya tidak penasaran, meskipun monsternya mirip" (sama persis) dengan anime persona, tapi menurut saya yang satu ini wajib bagi para otaku~xDD.

Next mengenai template ini, template sederhana warna dasar hitam-biru, posting 3 kolom dan 1 sidebar, layout template ini hampir sama dengan template yang baru dibuat Johanes sebelumnya "Kurumi tokisaki",bedanya template ini hanya menggunakan 1 sidebar dan ditambahkan fitur accordion/buka-tutup dan dengan style post yang sedikit berbeda~xD.

Screenshot

1. Pengaturan menu
Buka blogger,pilih menu template=> Edit HTML lalu cari kode html yang seperti dibawah ini.
setelah itu ganti tanda pagar '#' (tanpa tanda petik) dengan ulr/alamat link yang ingin dituju,dan ganti juga nama linknya.

Contoh:

<li><a href='http://www.facebook.com'>Facebook</a></li>

<ul class='dark_menu'>
<li><a class='selected' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li data-role='dropdown'><a href='#'>About</a><ul>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
</ul></li><li data-role='dropdown'><a href='#'>Contact</a><ul>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
</ul></li>
<li data-role='dropdown'><a href='#'>Download</a><ul>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
</ul></li>
<li><a href='#'>Report</a></li>
<li><a href='#'>Anime</a></li>
</ul>

Jika kamu ingin menambahkan menunya, tambahkan kode html dibawah ini diantara/didalam kode html

<ul class='dark_menu'> ....</ul>

Single menu

<li class='jolor'><a href='#'>namalink</a></li>

Dropdown menu

<li class='jolor' data-role='dropdown'><a href='#'>link kamu</a><ul>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
</ul></li>

2. Setting SEO/Meta tag

setting manual oleh pengguna mengenai deskripsi dan keyword blog anda.
*ganti text yang berwarna merah

<meta content='deskripsi blog kamu' name='DESCRIPTION'/>
<meta content='keyword blog kamu' name='KEYWORDS'/>

Untuk pengertian setting seo/meta tag,anda bisa cari tahu di google atau disini dan disini

3. Setting Social media : facebook, Twitter, Rss,Pinterest.
*ganti url linknya

<a href='http://feeds.feedburner.com/alamat_feed_rss'><div class='rssjo'/></a>
<a href='http://twitter.com/username'><div class='twitterjo'/></a>
<a href='http://www.facebook.com/halaman_fan_page_facebook'><div class='facebookjo'/></a>
<a href='http://www.pinterest.com/id%20kamu'><div class='pinterestjo'/></a>

Tertarik dengan Template Devil Survivor 2 Blogger Template?
Silakan dicoba dan selalu ingat anda menggunakan template ini, selalu backup template lama anda agar tidak terjadi sesuatu yang tidak diinginkan.Terima kasih.

Download via MediaFire

Demo

Sumbernya : Devil Survivor 2 Blogger Template http://djogzs.blogspot.com/#ixzz2aoT2EDTQ

Templat bertema, Devil Survivor 2

Author : Unknown Comments : 0

Tag : Template

Siang gan, waktu siang2 gini enaknya minum yg dingin2, tapi sayang gua lagi puasa nih.. .
Jadi mending kita jalan-jalan ke urang-kurai, URANG-KURAI?, Iya jangan aget gitu itu cuma panggilan buat orang berbakat yang udah ciptain blog satu ini bernama DCM-V2-Spring Green.

Mending langsung lihat dan Sedot gan.. .

Platform Type	blogger.com
Template Name	DCM-V2-Spring Green
Instructions	Template install Here
Author name	urang-kurai
Designer URL	http://urang-kurai.blogspot.com
Descriptions	DCM-V2-Spring Green is free premium blogger template ,Wordpress Look, 2 Columns, 3 Columns Footer, Right Sidebar, Header Banner, has a unique and distinctive design to suit the websites related to news, ads ready and many more.

Live Demo
Download Theme

TEMPLATE DCM-V2-Spring Green

Author : Unknown Comments : 1

Tag : Template

Maaf ya gan, gak usah basa basi lagi cukup udah sumpah... Mata gue kagak mau di ajak kompromi lagi, lain waktu gue jelasih nih tapi lihat dulu screenshot :

Screenshot :

Dah bagus gak atau kurang jelas? ea udah nih Demo
Tertarikgak? kalo iya tunggu apa lagi, nih SEDOT

Kurumi Tokisaki Blogger Template

Author : Unknown Comments : 0

Tag : Template

Selamat siang semua? tanpa rasa ngantuk sedikitpun dari kemaren sore dan kali ini saya mau share templatnya Johanes, seperti biasa tema selalu Anime tetapi kali ini adalah To Aru Kagaku no Railgun dari anime yang saat ini masih airing. Singkatnya Toaru Kagaku no Railgun adalah cerita sampingan berdasarkan cerita asli Kamachi. Bertempat di Kota Akademi, sebuah kota di mana sekitar 80% dari 230.000 penduduknya adalah pelajar. Cerita ini mengenai petualangan Misaka Mikoto sebagai pemeran utamanya, salah satu dari psikis Level 5 yang dapat mengeluarkan listrik.

Template ini menggunakan dasar warna biru agak tua, hampir sama tampilanya dengan template yang di buat Johanes sebelumnya, tetapi hanya saja tampilan posting pada template ini paling berbeda dari semua template yang pernah saya lihat. yaitu karena penggunaan CSS3 :nth-child() Selector yang baru saja coba-coba.CSS3 :nth-child() biasanya cuma digunakan pada widget-widget tertentu, tapi Johanes coba terapkan pada posting maka hasilnya adalah ukuran posting,warna,atau stylenya dapat dibedakan sesuai urutan posting tersebut.Posting pertama pada template ini menggunakan ukuran full 100% dan tinggi gambar auto, posting ke 2-5 ukuran setengahnya yaitu 47,7% sehingga jadi 2 kolom posting, dan posting urutan ke 6 dan seterusnya tidak memiliki gambar alias sticky seperti tampilan posting Shiroi agar dapat sedikit hemat gambar dan lebih simple~xD

Template ini tidak menggunakan slider ataupun accordion ,tetapi ditambahkan menu kedua dibawah header dan footer dengan 3 kolom.

Screenshot

1. Pengaturan menu
Buka blogger, pilih menu template=> Edit HTML lalu cari kode html yang seperti dibawah ini.
setelah itu ganti tanda pagar '#' (tanpa tanda petik) dengan url/alamat link yang ingin dituju,dan ganti juga nama linknya.

Menu1

<div id='menujohanes'>
<ul>
<li class='selected'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='menu' href='#'>Download</a>
<ul>
<li><a href='#'>Naruto</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Date A Live</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Devil Survivor2</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a class='menu' href='#'>Contact</a>
<ul>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Blogger</a></li>
<li><a href='#'>Google plus</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Multi sub</a>
<ul>
<li><a href='#'>Episode 1</a>
<ul>
<li><a href='#'>Episode 2</a>
<ul>
<li><a href='#'>Episode 3</a></li>
<li><a href='#'>Episode 4</a></li>
</ul>
</li>
<li><a href='#'>Episode 5</a></li>
</ul>
</li>
<li><a href='#'>Episode 6</a></li>
<li><a href='#'>Episode 7</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Clients</a></li>
<li><a class='menu' href='#'>Email</a></li>
</ul>

Menu2

<div id='menujohanes'>
<ul>
<li><a class='menu' href='#'>Menu1</a></li>
<li><a class='menu' href='#'>Menu2</a></li>
<li><a class='menu' href='#'>Menu3</a></li>
<li><a class='menu' href='#'>Menu4</a></li>
<li><a class='menu' href='#'>Menu5</a></li>
<li><a class='menu' href='#'>Menu6</a></li>
</ul>
</div>

pengaturan lebih lanjut mengenai menu ini, saya kagak ngerti maka itu saya siapkan link bagi yang ingin bertanya pada pembuat langsungnya, atau membaca postingan berikut?
http://djogzs.blogspot.com/2013/06/css-dropdown-menu.html

2. Setting SEO/Meta tag

setting manual oleh pengguna mengenai deskripsi dan keyword blog anda.
*ganti text yang berwarna merah

<meta content='Ghost New-RIAU' name='DESCRIPTION'/>
<meta content='ghost-new.blogspot.com' name='KEYWORDS'/>

Untuk pengertian setting seo/meta tag, anda bisa cari tahu di google atau disini dan disini

3. Setting Social media : facebook, Twitter, google,Pinterest.
*ganti url linknya

<div class='jorib'>
<a href='#' target='_blank'><div class='googlejo'/></a>
<a href='#' target='_blank'><div class='twitterjo'/></a>
<a href='#' target='_blank'><div class='facebookjo'/></a>
<a href='#' target='_blank'><div class='pinterestjo'/></a>
</div>

4. Bagaimana cara mengatasi undefined?

Buka setting=> language and formating pada blog kamu seperti gambar dibawah ini.
Lalu ikuti format tanggal posting seperti contoh gambar dibawah ini :

Date header format:

Timestamp Format

Comment Timestamp Format

Tertarik dengan To Aru Kagaku no Railgun Blogger Template? silakan unduh template ini dan diterapkan pada blog anda, tapi ada baiknya untuk selalu membackup template anda sebelum menggunakan template ini.terima kasih.

Download via MediaFire

Demo

Templat Johanes, To Aru Kagaku no Railgun

Author : Unknown Comments : 0

Tag : Template

Hai sobat SSB.., kali ini saya akan share Driver Robot 2.5.4.2.
Oke., aplikasi ini mempunyai fungsi hampir sama dengan Driver Genius, yaitu scan driver, upgrade driver, exporter driver.
Software ini cocok sekali untuk kalian yang kaset driver pc-nya hilang -_-
Bagi yang berminat silahkan download atau bisa lihat terlebih dahulu screenshootnya.

Screenshoot :

Download : Click Here

Sumber :

Driver Robot 2.5.4.2 + Serial Number

Author : Unknown Comments : 0

Tag : software

Step into the world of Fast & Furious 6. Earn cash and the respect of the “Fastest” drivers as you drift and drag through the London street scene. Join the Fast & Furious crew as they prepare to take on a series of jobs in an all new heist mode. Fast & Furious 6: The Game takes the mobile racing genre to greater heights with stunning graphics, new game modes, addictive challenges and intense full-throttle missions that dare you to exceed all limits.

JOIN THE FAST & FURIOUS 6 CREW
Take down an organization of lethally skilled mercenary drivers to earn respect as you drift and drag through the streets of London.

YOUR RIDES
Collect, customize and upgrade a slew of high end licensed vehicles that range from the classic 1970 Dodge Charger to the super cars of today - all featuring stunning graphics.

PULL OFF ONE LAST JOB, OR TWO
Earn big cash and unlock the next tier upgrades in heists with the Fast & Furious 6 crew

COMPETE
Jump into tournaments or join a crew and take on the world by dominating the global leaderboards

******************************************************************
By downloading this game, you agree to the Terms of Service, Privacy Policy and License Agreement.

Download disini

Fast & Furios 6The Game

Author : Unknown Comments : 0

Tag : Games

Berhubung ada teman baru saya mau nanya "kenapa menu di templatnya cuma ada beranda", maka itu saya beri tahu Cara Membuat Menu Navigasi Di Blogger - Menu merupakan hal yang wajib ada pada website/blog untuk dapat mempermudah pembaca dalam mendapatkan artikel mereka inginkan. Baik itu diisikan dengan sebuah link yang hanya menuju ke satu artikel ataupun menuju kategori tertentu. Menu ada yang diletakkan dibagian atas atau bawah artikel serta ada juga di sidebar.

Nah kali ini saya akan menjelaskan bagaimana membuat menu navigasi dengan jguery dengan efek slidedown. Ikuti Toturialnya di bawah ini !

KODE HTML

<nav>
<a id="tombolmenu" href="#">Menu</a> (Baris Ke-2)
<ul class="menu"> (Baris Ke-3)
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
<li><a href="#">Menu Dgn DropDown</a>
<ul class="hidden">
<li><a href="#">Menu Dropdown 1</a></li>
<li><a href="#">Menu Dropdown 1</a></li>
<li><a href="#">Menu Dropdown 1</a></li>
<li><a href="#">Menu Dropdown 1</a></li> </ul>
</li> </ul>
</nav>

Untuk yang saya kasih keterangan Huruf Bold ,Silakan di hapus saja .

Struktur html diatas merupakan struktur dasar dalam membuat menu navigasi dengan efek slideshow.
Tag a (baris 2) dengan id tombol menu nantinya akan berfungsi sebagai tombol yang akan menampilkan menu pada saat layar lebih kecil.
Setiap tag ul diberikan class yang berbeda, pada tag ul yang pertama saya beri class menu (baris 3) sebagai penanda itu merupakan class untuk tag ul utama.

Sedangkan pada tag ul dengan class hidden (baris 10) sebagai backup jika JS tidak berungsi.

css

nav {
font:normal normal 11px/30px Verdana,Geneva,sans-serif;
background-color:#313131;
}
nav,
nav * {
display:block;
}
nav #tombolmenu {
display:none;
}
nav ul,
nav li {
padding:0;
margin:0;
list-style:none;
}
nav ul {
height:30px;
}
nav li {
float:left;
position:relative;
}
nav li a {
display:block;
padding:0 10px;
color:white;
text-decoration:none;
}
nav li:hover > a {
background-color:#1D8FC5;
}
nav li ul {
position:absolute;
background-color:black;
height:auto;
width:160px;
display:none;
}
nav li:hover ul.hidden {
display:block;
}
nav li li {
float:none;
}
@media only screen and (max-width:600px) {
nav #tombolmenu {
display:block;
padding:0 15px;
background-color:black;
text-decoration:none;
}
nav #tombolmenu.active {
background-color:#1D8FC5;
color:white;
}
nav ul {
height:auto;
display:none;
}
nav li {
float:none;
}
nav li ul {
width:100%;
}
}

Dari kode CSS ini, pada kondisi normal, tag a dengan class tombolmenu tidak ditampilkan, serta tag ul class menu tingginya diatur hanya 30px sedangkan dengan class hidden dibuat auto. Dan tag li dibuat float kekiri
Pada saat layar kurang dari 600px maka tag a dengan class tombolmenu ditampilkan. Dan juga tag ul class menu tingginya dibuat auto, serta tag li di hilangkan floatnya.

JAVA SCRIP NYA !!

(function () {
$('nav ul').removeClass('hidden');
$('nav li').hover(function () {
$(this).parent('ul.menu').css('overflow', 'visible');
$(this).children('ul').filter(':not(:animated)').slideDown();
}, function () {
$(this).children('ul').slideUp();
});
$('#tombolmenu').toggle(function () { (Baris 10)
$(this).addClass('active');
$('nav > ul').slideDown();
return false;
}, function () {
$(this).removeClass('active');
$('nav > ul').slideUp();
return false;
}); (Baris 18)
function checkWidth() { (Baris 19)
if ($(window).width() > 600) {
$('nav > ul').css('display', 'block');
} else if ($(window).width() <= 600 && $('#tombolmenu').attr('class') === 'active') {
$('nav > ul').css('display', 'block');
} else if ($(window).width() <= 600 && $('#tombolmenu').attr('class') !== 'active') {
$('nav > ul').css('display', 'none');
}
} (Baris 27)
$(window).resize(checkWidth); (Baris 28)
})();

Pada baris kedua akan mencari tag ul dan menghapus class hidden agar slidedownnya dapat berfungsi.

Pada baris keempat ketika tag li disorot maka menu ul dengan class menu overflow cssnya dibuat visible, hal ini karena jika pada tombol menu dengan layar lebih kecil (600px) ditekan maka overflownya akan menjadi hidden sehingga jika tidak diberikan fungsi seperti itu maka ketika tag li dengan sub menu disorot menu yang ada dibawahnya tidak terlihat.

Pada baris ke-10 - 18 merupakan fungsi toggle untuk tombol menu.

Pada baris ke-19 - 27 fungsi untuk melihat ukuran mengetahui ukuran layar beserta perbandingan untuk membuat tag dengan class menu muncul atau tidak.

Pada baris 28 fungsi jQuery resize() yang akan menjalankan fungsi checkWidth pada baris 19 - 27 jika ukuran layar dirubah. (jQuery resize() ini akan berjalan jika terjadi perubahan ukuran layar).

Untuk yang saya tebalin, bisa di ganti sesuka gan.. .

Cara Membuat Menu Navigasi Di Blogger - Semoga Artikel ini dapat membantu sobat blogger, Selamat Mencoba !

Cara Membuat Menu Navigasi Di Blogger

Author : Unknown Comments : 0

Tag : Tips and Trick

Navigation

Popular Post

Popular Posts

Recent post

AVG 2013, Melindungi Laptop dan Pc anda

Cara Memasang Kode Robot txt Yang Benar-

Templat bertema, Devil Survivor 2

TEMPLATE DCM-V2-Spring Green

Kurumi Tokisaki Blogger Template

Templat Johanes, To Aru Kagaku no Railgun

Driver Robot 2.5.4.2 + Serial Number

Download disini

Fast & Furios 6The Game

KODE HTML

Untuk yang saya kasih keterangan Huruf Bold ,Silakan di hapus saja .

css

Cara Membuat Menu Navigasi Di Blogger

Mengenai Saya

Label

Sebuah Nama, Tanpa Cerita

BOOSTER

Friend bLog