.popular-posts ul li{background:#FFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/ SmodosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px; list-style-type:none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border:1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px} .popular-posts ul li:hover{border:1px solid #6BB5FF} .popular-posts ul li a:hover{text-decoration:none}

Sunday 5 July 2015

Cara Mendaftarkan Blog Pada Webmaster Google

Mendaftarkan situs atau blog pada webmaster google tidak sulit dan tidak membutuhkan waktu yang lama. Jika anda tertarik untuk mengetahui cara mendaftarkan blog pada google, silakan ikuti langkah – langkah berikut ini:
  1. Persiapkan akun gmail anda. Jika anda menggunakan email lain, memang bisa. Tetapi ada baiknya anda gunakan akun gmail berkaitan dengan proses pengembangan dan promosi online anda melalui google plus di masa depan.
  2. Silakan anda berkunjung ke: http://www.google.com/webmasters/
  3. Daftarkan situs anda. Perhatikan, anda harus pastikan dahulu situs anda berjalan dengan www atau tanpa www
    cara mendaftarkan situs pada webmaster
    Cara mendaftarkan blog pada webmaster google
  4. Lakukan verifikasi. Jika anda pengguna wordpress, pastikan anda upload code google melalui cpanel pada menu file manager. letakkan file tersebut sesuai folder yang di tentukan google (pada domain yang didaftarkan). Jika anda pengguna blogspot, silakan copy kode tersebut di bawah  pada edit HTML Blogger anda. Letak “head” berada paling atas.
  5. Setelah berhasil melakukan verifikasi, silakan masuk pada tahap mendaftarkan sitemap. Jika anda pengguna wordpress silakan anda pasang plug in sitemap generator dalam lakukan proses. Setelah proses generate ini berhasil, silakan ketik sitemap.xml pada kolom yang disediakan. Pada contoh gambar, saya menggunakan sitemap yang dibuat oleh tools Yoas, sehingga menciptakan 4 sitemap yang berbeda masing – masing fungsi. Jika anda menggunakan blogspot, silakan masukkan tulisan seperti ini: “sitemap.xml” letakkan pada kolom yang disediakan. Tanpa tanda petik ya.
    cara mendaftarkan sitemap situs
    masukkan sitemap.xml pada kolom yang disediakan
  6. Pastikan sitemap berhasil anda daftarkan. Jika berhasil, maka pada kolom masalah tidak ada tulisan apapun (lihat pada gambar). Jika ternyata terjadi masalah, coba anda kirim ulang sitemap tersebut.
  7. Tunggu sekitar 1 – 3 hari maka situs anda beserta konten yang ada di dalamnya akan terindex. Jika situs ada sudah cukup lama, dan berisi puluhan artikel, serta belum pernah di daftarkan pada webmaster tools google sebelumnya, maka akan membutuhkan waktu hingga seminggu agar dapat terindex seluruhnya. Jika hingga dua minggu situs anda belum juga terindex, berarti terdapat masalah serius pada situs. Silakan hubungi pembuat website atau penyedia hosting anda. Biasanya masalah timbul pada struktur website sehingga sitemap menjadi tidak dapat menjelaskan tentang peta situs. Pastikan pada webite memiliki halaman dan post. Jangan hanya salah satu saja.
Jika anda sudah terbiasa mendaftarkan blog pada google webmaster tools, maka ke tujuh langkah cara mendaftarakan website seperti yang saya sebutkan di atas, hanya membutuhkan waktu lima menit. Kami selaku penyedia layanan jasa seo sering menemukan website yang tidak pernah didaftarkan pada webmaster tools. Dan inilah penyebab mengapa situs tidak pernah ditemukan di halaman google.
Demikian tutorial pertama kami perihal cara mendaftarkan situs dan blog pada webmaster tools google. Semoga ilmu ini bermanfaat bagi anda.

Sumber : http://blog.jasaseomurah.co.id/

Cara Memasang Widget Animasi Ikan pada Blog

Cara Memasang Widget Animasi Ikan pada Blog

 Cara Memasang Widget Animasi Ikan di Blog

Cara Memasang Widget Animasi Ikan di Blog

Oke. To the point. Berikut ini cara memasang widget animasi ikan di blog :
1.     Buka Blogger, dan masuk ke Tata Letak.
2.     Klik Tambahkan Gadget, dan pilih HTML/Javascript.
3.     Pastekan script animasi ikan berikut, dan klik Simpan.
<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>
Catatan : Ganti ukuran lebar dan tinggi widget animasi ikan dengan mengubah kode berwarna biru dan merah
4.     Geser gadget yang telah dibuat tadi ke posisi yang diinginkan, dan klik tombolSimpan sekali lagi.
Selamat! Animasi ikan telah terpasang di blog Anda! Selamat menikmati, dan jangan lupa diberi makan! Selamat mencoba, dan salam blogger!

Sumber : http://xxpc123xx.blogspot.com/

Cara Membuat Recent Post Berjalan Mendatar (Horizontal)

Baiklah Disini saya akan memberikan contoh tampilan Recent Post Berjalan. berikut contohnya.


Berikut Scriptnya :

<script type="text/javascript">//<![CDATA[
function RecentPostsScrollerv2(json){
var sHeadLines;
var sPostURL;
var objPost;
var sMoqueeHTMLStart;
var sMoqueeHTMLEnd;
var sPoweredBy;
var sHeadlineTerminator;
var sPostLinkLocation;
try

{sMoqueeHTMLStart = "\<marquee onmouseover=\"this.stop();\" onmouseout=\"this.start();\" ";
if( nWidth){sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"" + nWidth + "%\"";}else{sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"100%\"";}if( nScrollDelay){sMoqueeHTMLStart = sMoqueeHTMLStart + " scrolldelay = \"" + nScrollDelay + "\"";
}if(sDirection){sMoqueeHTMLStart = sMoqueeHTMLStart + " direction = \"" + sDirection + "\"";
if(sDirection == "left" || sDirection =="right")
{//For left and right directions seperate the headilnes by two spaces.
sHeadlineTerminator = "&nbsp;&nbsp;";}else{//For down and up directions seperate headlines by new line
sHeadlineTerminator = "\<br/\>";}}if(sOpenLinkLocation =="N")
{sPostLinkLocation = " target= \"_blank\" ";}else{sPostLinkLocation = " ";}
sMoqueeHTMLEnd = "\</MARQUEE\>"
sHeadLines = "";for(var nFeedCounter = 0; nFeedCounter < nMaxPosts; nFeedCounter++)
{objPost = json.feed.entry[nFeedCounter];for (var nCounter = 0; nCounter < objPost.link.length; nCounter++){if (objPost.link[nCounter].rel == 'alternate'){sPostURL = objPost.link[nCounter].href;
break;}}sHeadLines = sHeadLines + "\<b\>"+sBulletChar+"\</b\> \<a " + sPostLinkLocation + " href=\"" + sPostURL + "\">" + objPost.title.$t + "\</a\>" + sHeadlineTerminator;
}document.write(sMoqueeHTMLStart + sHeadLines + sMoqueeHTMLEnd )}catch(exception)
{alert(exception);}}//]]></script>
<script> var nMaxPosts = 20; var sBgColor; var nWidth; var nScrollDelay = 180; var sDirection="left"; var sOpenLinkLocation="Y"; var sBulletChar="รข�¢"; </script> <script src="http://rujakcemil.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2"></script>

KET : ganti teks yang berwarna Merah dengan URL Blog sobat.

Tertarik ingin memasangnya? berikut langkah singkat dan padatnya, tidak perlu backup template karena kita akan meletakkannya langsung di elemen halaman.

Seperti biasa sobat langsung masuk aja ::>>
1. To the point aja .. klik Rancangan
2. Kemudian klik Tamhah Gadget
Rujakcemil Blog I Cara Membuat Recent Post Berjalan Horizontal 
3. Cari yang Tambah Halaman HTML / Javascript
4. Masukkan salah satu kode diatas kedalamnya :
5. Simpan. dan Lihat hasilnya.

Cara Membuat Daftar isi Blog Otomatis

Cara Membuat Daftar Isi artikel Blogspot - Sebenarnya fungsi dasar dari script di bawah ini adalah membuat daftar isi dari blog berplatform blogspot. Tapi tujuan saya membuat artikel ini bukan hanya untuk membantu anda membuat daftar isi blog ada, tapi juga menggunakannya untuk pemulihan blog jika suatu saat blog anda terkena serangan pihak yang tidak bertanggung jawab....

Sebenarnya ini adalah artikel kedua dari seri memulihkan blog yang dihack oleh orang lain. Artikel yang pertama adalah cara backup data artikel blog anda.

Bagaimana cara menggunakannya untuk memulihkan blog? Itu nanti dulu. Kita belajar saja cara membuat daftar isinya. Sebenarnya tidak ada yang sulit, yang perlu anda lakukan cukup mengikuti prosedur sederhana di bawah ini:

  • Login ke akun blogger saudara
  • Gunakan menu Buat Laman atau Buat Entri
  • Saat sedang membuat halaman daftar isi, silahkan beralih dari mode COMPOSE ke mode  HTML
  • Masukkan script di bawah ke dalam kolom pengetikan
    <div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height:270px; background-color: none; text-align: left;">
    <script style="text/javascript" src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script>
    <script src="http://namablogsaudara.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
    • Sekarang ganti yang berwarna merah dengan URL subdomain blogspot anda.
    • Simpan Artikel atau Laman anda ini
    • Coba buka artikel atau laman untuk melihat apakah script bekerja

    Cara Memasukan Link Download di Blog

    Hampir semua netter atau pengguna Internet dimana pun berada sangat menyukai kegiatan "download", entah itu download software, mp3, video, gambar, game, ebook atau file file lain yang merasa perlu untuk didownload. Untuk membuat link download, sebenarnya ada berbagai alternatif . Jika anda pemilik blog yang ingin meyediakan link / tombol download bagi pengunjung, maka tak ada salahnya Anda mengetahui bagaimana cara membuat link download di blogdan tentunya akan ada variasi variasinya.

    Sebelum membahas lebih lanjut ada yang perlu digaris bawahi disini. Dalam membuat link / tombol download di blog, kita akan menggunakan jasa situs penyimpanan file gratis seperti 4shared, ziddu, mediafire atau indowebster. Jadi jika belum mempunyai akun di situs penyimpanan file tersebut, buatlah terlebih dahulu. Cara kerjanya adalah kita akan menghubungkan link download dari situs tersebut kedalam blog melalui anchor text, gambar atau gambar tombol.

    MEMBUAT LINK DOWNLOAD - MENGGUNAKAN ANCHOR TEXT / HYPERLINK

    Langkah-langkahnya sebagai berikut :
    1. Masuk ke DASBOR blogger untuk memulai membuat posting / artikel.
    2. Jika ingin membuat link download di akhir artikel / post maka cukup tulis kata DOWNLOAD.
    3. Siapkan dahulu link download yang akan dimasukkan ke dalam teks DOWNLOAD. (Sebagai contoh saya akan memasukkan link download dari 4shared berupa software java emulator yang sudah saya upload sebelumnya ke 4shared)


    4. Kemudian blok tulisan DOWNLOAD tersebut dan masukkan link didalamnya melalui menu LINK, seperti pada gambar dibawah ini :


    5. Klik OK, dan publikasikan post Anda. Maka hasilnya akan seperti dibawah ini (klik) :

    DOWNLOAD

    Tambahan : Jika ingin tab baru terbuka saat klik Download, maka tambahkan kodetarget="_blank" sebelum href pada pilihan HTML, contoh : <a target="_blank"href="http://www.4shared.com/zip/zmgQqZ9c/JAVA_emulator.html" >DOWNLOAD</a>

    MEMBUAT LINK DOWNLOAD - MENGGUNAKAN GAMBAR

    Jika ingin membuat link download menggunakan gambar / menyisipkan link download kedalam gambar, berikut langkah-langkahnya :

    1. Buka DASBOR Blogger untuk memulai membuat posting.
    2. Upload sebuah gambar (apa saja) ke dalam posting yang ingin dijadikan link download.
    3. Jika sudah terupload, klik gambar tersebut dan masukkan link download pada menu LINK.


    Biarkan tetap kosong pada TEXT TO DISPLAY, karena kita tidak menggunakan TEXT lagi, melainkan menggunakan gambar. Hasilnya seperti pada gambar di bawah ini (klik gambarnya) :

    CARA MEMBUAT LINK DOWNLOAD - MENGGUNAKAN TOMBOL

    Jika ingin variasi lain maka kita akan mencoba membuat dengan menggunakan tombol download, Tombol yang dimaksud disini adalah gambar (bisa berupa gambar berformat gif) yang menyerupai tombol. Anda bisa cari dulu di Google.

    Caranya sama dengan cara-cara diatas, yang membedakan hanya tampilannya yang menyerupai tombol / gambar bergerak. Hasilnya akan seperti contoh dibawah ini :


    Usahakan memilih gambar yang setema dengan warna tema blog, agar terlihat lebih natural dan tidak mencolok.

    Demikianlah tips singkat cara membuat link download di blog. Selain untuk menyisipkan link download, cara-cara diatas juga bisa untuk menyisipkan link link lain. Semoga bermanfaat.

    Satu cara lagi yang paling mudah untuk membuat tombol download, caranya tetap sama dengan tombol download yang menggunakan anchor teks, yaitu cukup menambahkan kode <button></button>, sehingga kode htmlnya akan seperti ini <atarget="_blank"href="http://www.4shared.com/zip/zmgQqZ9c/JAVA_emulator.html" ><button>DOWNLOAD</button></a>.

    Tulisan download juga bisa dirubah sesuai keinginan misalnya, "Mainkan", "Lihat", "Klik Disini". "Pesan Hotel" dll. Sehingga hasilnya akan seperti ini :



    Cara Membuat Menu di Blog

    Banyak sekali cara untuk membuat penampilan blog menjadi menarik dan elegan, salah satunya dengan memberikan menu tab pada blog. Membuat menu tab sederhana pada blog memang sangat memudahkan pengunjung blog untuk mengetahui dan memilih postingan / artikel berdasarkan kategori yang telah ditentukan. Selain itu menu tab juga menjauhkan kesan monoton pada blog kita. Bisa dibayangkan bila blog kita tidak mempunyai menu, rasa rasanya ada yang kurang. Penggunaan menu tab ini sangat dianjurkan bila postingan yang ingin kita terbitkan menjadi satu kelompok menu di dalam kategori tertentu. Berikut ada sebuah tips sederhana tentang cara membuat menu di blog (blogspot). Dalam membuat menu ini, kita tidak menggunakan menu template / edit HTML langsung pada template, namun kita memanfaatkan halaman / laman yang sudah tersedia di dasbor blogger.

    1. Login ke BLOGGER kemudaian ke DASBOR blogger.
    2. Pada pilihan menu di DASBOR pilih menu LAMAN. Maka akan muncul seperti pada gambar dibawah ini,

    3. Kemudian klik LAMAN BARU, laman baru ini berfungsi untuk menambahkan menu tab berupa postingan, label atau posting yang ada didalam blog. Pada menu ALAMAT WEB ( dibawah LAMAN KOSONG) adalah cara membuat menu di blogdengan menambah url / link langsung baik url dalam blog maupun url lain (bukan url blog), tanpa memasukkan posting atau label.

    4. Setelah klik LAMAN BARU, kemudian isi judul LAMAN, dalam mengisi judul itu terserah kita. Sebagai contoh saya menggunakan Judul KATEGORI seperti pada gambar dibawah ini :


    4. Klik HTML, kemudian COPY kode berikut dan PASTE kan pada halaman HTML tersebut.

    <div id="tabshori">
    <ul>
    <li><a href="http://berbagiinfo4u.blogspot.com/search/label/Berita">Berita</a></li>
    <li><a href="http://berbagiinfo4u.blogspot.com/search/label/Komputer">Komputer</a></li>
    <li><a href="http://berbagiinfo4u.blogspot.com/search/label/Otomotif">Otomotif</a></li>
    <li><a href="http://berbagiinfo4u.blogspot.com/search/label/Info%20Ponsel">Info Ponsel</a></li>
    <li><a href="http://berbagiinfo4u.blogspot.com/search/label/Buku%20Terbaru">Buku Terbaru</a></li>
    </ul>
    </div>


    5. Ganti code warna merah dengan link / Url label pada blog Anda. Jika sudah selesai silahkan klik PUBLIKASIKAN, untuk menghindari kesalahan silahkan dilihat dulu pada Menu PRATINJAU.

    6. Anda dapat menambahkan 6 - 7 menu sekaligus pada blog. Jika ingin cara yang instan cukup masukkan ALAMAT WEB pada LAMAN MENU. Selanjutnya tinggal isikan URL LABEL pada masing masing Menu Tab tadi.

    Demikian sedikit tips sederhana tentang cara membuat menu di blog, dikatakan sederhana karena cara ini hanya memanfaatkan menu LAMAN yang sudah tersedia di Dasbor Blogger. 

    CONTOH MENU TAB DI BLOG :

    fungsi label pada blog

    Sebelum membahas tentang fungsi label pada blog, mari kita bahas terlebih dahulu tentang apa itu label pada blog. Label dalam blog bisa dikatakan juga sebagai "kategori", penggambaran secara garis besarnya kurang lebih seperti ini. Jika kita membuat suatu blog bertemakan film misalnya, lalu kita setiap hari rajin membuat postingan tentang film baik berupa video, ataupun sinopsis. Namun kita tidak mengelompokkan film film tersebut berdasarkan genre / jenisnya. Genre dalam film meliputi film horror, action, komedi, drama, percintaan, dan lain sebagainya. Jika hal ini terjadi maka betapa terlihat acak acakan postingan di blog kita. Nah untuk menghindari hal yang seperti inilah maka kita menggunakan label.

    Dari hasil uraian di atas dapat disimpulkan bahwa fungsi utama label pada blogadalah untuk mengelompokkan posting berdasarkan kategori yang telah ditentukan sebelumnya. Pengelompokan ini untuk memudahkan bagi para pengujung blog yang ingin membaca / melihat artikel, sehingga mereka tidak perlu repot repot mencari dan melihat keseluruhan posting blog. Hal ini juga memudahkan bagi pengelola blog untuk mencari dan mengelompokkan jenis kategori posting apa yang ingin ditambahkan kedalam blog.


    Saran : Setelah selesai membuat suatu posting baik berupa artikel, gambar, atau video jangan langsung publikasikan posting, buatlah terlebih dahulu labelnya. Karena label ini sangat banyak manfaatnya.

    Cara Mudah Mencari Kode HTML

    Ada banyak sekali template blog yang bisa diambil secara gratis di internet, tetapi kadang kadang kita menemukan template yang bagus namun layoutnya tidak sesuai dengan yang kita harapkan, misalnya tidak ada readmore, menu yang sedikit, sidebar yang terlalu besar, lebar template yang terlalu minim, ataupun warna templatenya tidak sesuai / kurang serasi. Untuk mengatasi hal ini tentunya kita harus mengedit sendiri template blog melalui menu HTML template blogger.

    Seperti contoh ingin memasang readmore, kode iklan, permalink dalam posting blog maka kita mencari kode <data:post.body/>, ingin melebarkan template blog maka harus merubah kode pada #header-wrapper {, dan lain lain. Dan untuk mencari kode kode tersebut, cukup menekan tombol CONTROL + F bersamaan pada keyboard. Agar lebih jelas berikut screenshotnya :



    Sebagai contoh untuk menemukan kode data:post.body maka tuliskan / copy kode tersebut kedalam Search Box, lalu tekan ENTER, maka kode bisa langsung ditemukan.