SITE-XP

Cara Mudah Semua Halaman Blog Terindex Google Mudah Kok kawan-kawan.. Ikuti langkah saya 1. Pergi ke Webmaster Tools 2. Setelah anda memasukkan blog anda, lihat Dasbor Webmasters Tools anda,  3. Klik SITE CONFIGURATION,  4. Klik SITEMAPS (lihat gambar di bawah ini). Gambar diatas menunjukkan bahwa kita belum mendaftarkan halaman postingan (bukan blog) ke google. 5. Klik ADD A SITE lalu masukkan URL Blog anda. Lalu tekan CONTINUE. 6. Setalah gambar diatas muncul, lihat sebelah kanan (biasanya berwarna merah) ada tulisan ADD/TEST SITEMAP. Nah... Klik lah tulisan itu. 7. Lalu Isilah kolom / kotak yang disediakan dengan dibawah ini : atom.xml?redirect=false feeds/posts/default?orderby=updated atom.xml?redirect=false&start-index=1&max-results=500 Jika jumlah posting blog kamu sudah banyak (lebih dari 500 postingan), maka lakukan langkah-langkah diatas dan tambahkan URL di bawah ini. Dengan tujuan Agar Semua Halaman Posting Terindex Google: Jika jumlah

Navigator Menu Horisontal  adalah sederatan menu yang memanjang kesamping yang berguna untuk menunjukkan ke suatu halaman lainya di blog Anda. Misalnya Anda mempunyai Blog lain dan juga bertemakan berbeda dari blog Anda maka untuk menunjukkan pengunjung Blog Anda kita pasang menu horisontal ini, atau Anda mempunyai content yang lain di Blog anda dengan tema berbeda Anda perlu suatu navigator untuk menujukkanya. Selain link dan banner yang menarik menu horisontal ini tidak kalah menarik untuk menjadi navigator di blog Anda karena saya kira bentuknya Menarik dan elegan. Nah jika Anda juga belum faham mengenai menu horisontal Anas akan kasih capturenya lihat dibawah Nah dari keterangan diatas apakah Anda berminat Untuk membuatnya di Blog Anda..? kalau Anda berminat silahkan ikuti Cara dibawah Langkah pertama yaitu log in ke blogger lalu masuk menu  Layout  kemudian masuk menu Edit HTML Lalu taruh code dibawah diatas Code  ]]></b:skin>  pokoknya di barisan CSS pada Blog Anda

Semenjak Blogger membuat sistem kotak komentarnya " Embedded Comments form " Atau kotak komentar langsung dibawah komentar populasi para komentator semakin meningkat, tidak seperti dulu jika ingin menulis komentar harus mengklik link post comments yang akan membuka jendela baru atau jendela pop-up. Dulu jika ingin membuat kotak komentar dibawah postingan harus pakai jasa pihak ke-3 misalnya  haloscan , tetapi yang menggunakan jasa  haloscan berbondong-bondong memindah kotak komentarnya menjadi default blogger  lagi karena blogger sudah membuka sistem "embedded comments form". Nah semakin meningkatknya para komentator di blogger maka semakin meningkat pula keinginan para blogger untuk mengubah tampilan area komentar dan menambah pernak-pernik lainya, maka dari itu saya juga ingin membuat pernak-pernik komentar blogger dengan smiley yang memungkinkan sang komentator bisa mengexpresikan ucapanya dengan sebuah gambar emoticon atau smiley. Gambar emticonya cukup sederha

Menu tabview adalah menu yang berbentuk tabel dengan pengelompokan halaman sesuai dengan tabel menu diatasnya. Menu ini banyak diapakai untuk menghemat tempat pada blog dengan sistem menampilkan atau menutupi halaman tabel sesuai dengan tabel menu diatasnya. Jadi jika kita mengklik menu diatasnya maka halaman tabel yang muncul adalah halaman tabel yang dibuat sesuai dengan menu tabel diatasnya, dan jika kita mengklik menu tabel lain maka yang muncul adalah halaman tabel yang bersesuain namun tetap pada satu tempat itu. Coba perhatikan dibawah ini : Gimana sudah paham belum? mau cara buatnya? Oke kita pakai teori dari  Mas Kendhin  saja karena mudah dipahami. Pertama yang harus kamu lakukan adalah Log In dan masuk menu  Layout  kemudian masuk bagian  Edit HTML Selanjutnya taruh code CSS dibawah ini diatas code  ]]></b:skin> div.TabView div.Tabs { height: 24px; overflow: hidden; } div.TabView div.Tabs a { float: left; display: block; width: 90px;  /* Lebar Menu Utama Atas */  

Pada zaman dahulu kala blogger mengijinkan widget dengan tanpa judul (title) namun sekarang kebebasan itu dikekang oleh blogger, jadi setiap widget/gadget harus ada title atau judulnya. Namun sering kali kita tidak menginginkan gadget/widget tanpa judul, dan jika dipaksa akan muncul pesan perintah error " Required field must not be blank " atau intinya judulnya harus ada dan tidak bisa dilanjutkan bila tanpa judul. Nah bagaimana mengatasinya? Caranya cukup mudah kita tinggal mengisi title atau judul gadget dengan code <!---> Dan hanya cukup code diatas tidak perlu tambahan apa-apa lagi. Sekian deh cukup semoga bermanfaat bagi Anda  

Pada tulisan kali ini, saya akan membagikan ilmu yang sudah saya pelajari kepada Anda yaitu masih tentang blogger dan topik yang saya bahas kali ini adalah seputar "Menampilkan widget pada halaman tertentu" yang sering digunakan pada template megazine, misalnya anda ingin menampilkan widget dihalaman post saja atau tidak ada hanya dihalaman post. Nah langsung saja kita pelajari bersama-sama. Langkah pertama yang harus Anda lakukan adalah masuk menu "Design" kemudian masuk ke bagian "Edit HTML" lalu cari code widgetnya seperti ini <b:widget id='HTML1' locked='false' title= 'Pesan' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include

CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3, banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3. Nah sebenarnya topik kita kali ini adalah "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3, terlihat seperti gambar di samping kiri. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3. Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML" lalu cari code CSS dibawah ini .post img { - - - - - - } Note : Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarnahijau adalah definisi CSS yang berbeda-beda setiap template Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container { Nah ka

Mungkin sebagian Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor. Dalam dunia blogging fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects. Fitur yang satu ini lumayan banyak di senangi para blogger walaupun sebenarnya dengan memasang Image Zoom Effects ini di blog dapat menggangu pengunjung yang sedang membaca postingan kita. Postingan ini saya buat untuk melengkapi Tutorial di blog ini, buat sobat yang ingin memasangnya silakan Anda ikuti tutorial dibawah ini. Cara Membuat Gambar Membesar Saat disentuh Cursor : Masuk ke akun blogger sobat. Pilih Template > Edit HTML. Cari kode :  ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard. Kalau sudah ketemu, letakkan kode berikut tepat di atas kode ]]></b:skin> .post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-

Tutorial kali ini tentang trik atau cara untuk membuat blog menjadi lebih menarik.  "Membuat Link Membesar Saat disentuh Kursor". Maksudnya link yang pada saat dilintasi cursor mouse akan menjadi besar tulisannya, Selain cara ini Anda juga bisa Membuat Gambar Membesar Saat disentuh Cursor, Membuat Link Berkedip Saat Disentuh Cursor, Membuat Link Berwarna Warni, dan lain-lain. Buat Sobat yang ingin memasang trik ini silakan ikuti tutorial dibawah ini. Langkah-langkah nya : 1. Masuk ke akun blogger sobat. 2. Pilih Template > Edit HTML. Cari kode  a:hover { Ganti kode font-size dengan ukuran yang lebih besar. Contoh : a:hover { color:#d2691e; font-size:10px; font-style:italic; cursor:wait; } ganti dengan a:hover { color:#d2691e; font-size:19px; font-style:italic; cursor:wait; } Terakhir klik Simpan Template.