Cara buat Navbar di blogger

Sekarang kita akan bahas topic tentang Cara Buat Navbar di blogger bagi yang udah tau abaikan yang ini dan lihat yg di bawah ok.

Pertama Kita buat Navbar normal dari blogger
Langkah pertama buka tab posting lalu Edit Laman
setelah itu Laman baru selesai

Sekarang cara buat Navbar lain pastinya yg lebih keren

Horizontal tab menu 10 :




Untuk membuatnya, silahkan klik di sini.

Horizontal Tab menu J :



Untuk membuatnya, silahkan klik di sini.


Free Horizontal Tab Menu F :




Untuk membuatnya, silahkan klik di sini.

Menu Drop down dengan CSS :



Untuk membuatnya, silahkan klik di sini.

Menu navigasi-dengan-css-2 :



Untuk membuatnya, silahkan klik di sini.

Menu Navigasi Css 6 :



Untuk membuatnya, silahkan klik disini.

Menu Navigasi Link List :



Untuk membuatnya, sobat bisa mendownload templet Elegant Style & SEO Friendly, kemudian improvisasikan dengan blog ini. Atau sobat bisa menambahkan kode Css sebelum tag dan id navbar pada bagian body.

Kode CSS :

/*-- (Menu/Nav) --*/
#nav{background:#fff url(http://i290.photobucket.com/albums/ll256/angkatan2006/untuk%20header/topmenubgrhy3.gif) no-repeat; height:32px; padding:4px 0 0; margin-bottom:0px}
#nav-left{float:left; display:inline; width:660px; padding-left:6px}
#nav-right{float:right; display:inline; width:200px}
#nav ul{position:relative; overflow:hidden; padding-left:0px; margin:0; font:1.0em Verdana,Arial,Helvetica,sans-serif;font-weight:bold;}
#nav ul li{float:left; list-style:none}
#nav ul li a, #nav ul li a:visited{display:block; color:#fff; margin:0 5px; padding:5px 4px; text-decoration:none}
#nav ul li a:hover{color:#800000; background-color:#fff; margin:0 5px; padding:5px 4px}
#nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover{margin:0 8px; background-color:#fff; color:#fff; padding:5px 7px}
/*-- (Search) --*/
#search{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMCOz5i_tWXaQgHAZSd-r5js4w2BzDiQhlKSDNdFNomH54tY-SSsozVMhtyoDX9nBXaaCauZdnfSpMetaF84Z5FPJUkyV-oitaDztmJReTmih3oAi9dUtU9aABUDfkQp9TorI73iWVzuTS/s400/search.gif) 6px 0px no-repeat; border:1px solid #333; float:right; height:23px; margin:0 15px 0 0; width:180px}
#search input{font-family:Verdana,Arial,Helvetica,sans-serif; background:transparent; border:0; color:#555; float:left; font-size:12px; margin:5px 0 0; padding:0px 2px 2px 30px; width:140px}

Dan id Navbar biasanya seperti ini.

<div id='nav'>
<b:section class='header-tabs' id='header-tabs' preferred='yes' showaddelement='yes'>
<b:widget id='LinkList1' locked='true' title='' type='LinkList'/>
<b:widget id='HTML1' locked='true' title='Search' type='HTML'/>
</b:section>
</div>

* sesuaikan kode warna #fff dan link url yang berwarna merah dengan templet milik sobat.

Read More

Cara mudah Backup blogger

Lho? ko judulnya campur adux??, ini berarti postingan ini menunjukan isi dari postingan ini adalah cara membackup blog mu, dan kenapa sekarang??,karena akhir-akhir ini fahmi menemukan banyak blog-blog teman yang dihapus google/blogger tanpa alasan yang jelas , berikut isinya:

Backup Isi Tulisan Blogger

Dengan “Export Blog” kita dapat dengan mudah menyimpan seluruh file dan postingan ke media hard drive seperti harddisk, cd atau usb stick. Langkah-langkah melakukan back up data posting di blogspot, sederhana saja. Sebagaimana berikut ini:

Cara meng-export data blog anda:

1. Masuk ke dashboard blogspot.
2. Pilih tab Settings
3. Pada Settings, pilihlah sub tab Basic
4. Di baris Blog Tools, pilih link Export blog. Pada menu window yang muncul, klik tombol Download Blog.
5. Tunggu proses downloading data hingga selesai. Jika selesai, silahkan cek lokasi di harddisk dimana segala hasil download disimpan. Ciri-ciri filenya adalah tanggal download dilakukan dan berekstensi xml. Contoh nama file seperti ini: blog-06-03-2010.xml, dan untuk upload lagi tinggal import blog.
6. ada juga cara lain, yaitu dengan menggunakan software BloggerBackupSetup yang disediakan secara gratis di CodePlex, kita bukan hanya bisa menyimpan semua konten di dalam blogspot, tetapi juga bisa mengembalikannya ke dalam blogspot. Setelah anda download CodePlex, install dan jalankan program Blogger Backup Utility.

Di kotaak Available blogs, klik Add atau Update atau Remove Blog. Isi User ID dan Password login anda di blogspot . Lalu klik Log into Blogger and Get Blogs untuk listing blog anda. Jika info login yang dimasukkan benar , maka di kotak Available blogs, akan tercantum semua blog yang milik anda dalam akun blog

Pilih nama blog mana yang ingin diback-up, kemudian pastikan beberapa field yang ada, seperti: lokasi penyimpanan (Save posts to folder), menimpa backup yang telah ada (Overwrite existing backups), menyimpan komentar (Save comments), format penyimpanan (Save posts as), batas artikel setiap file (Maximum posts per file), jumlah artikel terakhir yang akan di-backup (Get only the most recent), dan batasan tanggal yang akan di-backup (Only new posts since). Selanjutnya tekan tombol Backup Posts. Progress bar di bagian kiri bawah akan tampil untuk menampilkan proses backup yang sedang berlangsung.

Setelah proses backup selesai, akan tampil sejumlah judul artikel yg berhasil di-backup di jendela di sisi kanan. tampak Contohnya seperti ini :

Blogger Backup Utility
*) setting default hasil backup anda tersimpan di My Document\Blogger Backup\’

Simpan lah hasil backpu tersebut, dan Apabila suatu saat diperlukan, Anda dapat menggunakan backup yang dibuat dan menyimpannya ke dalam blog dengan menggunakan tombol Restore Posts. Selanjutnya pilihlah file yang akan di-restore dan masukkan user ID beserta passwordnya untuk memproses penyimpanan artikel yang telah diaman ke dalam blog. Tekanlah tombol OK untuk memulai proses. Proses penyimpanan ke dalam blog akan tampak pada progress bar yang terletak di kiri bawah program. Jika proses selesai, maka akan muncul status “Done” di sebelah progress bar.
Setelah itu,coba Anda dapat lihatt kembali ke dalam blog. Artikel yang telah di-backup dan di-restore akan muncul di dalam tampilan blog Anda. jika terdapat post yang sama, hapus salh satunya, Untuk menghilangkan posting yang dengan judul yang sama, Anda dapat menghapusnya melalui menu Edit Posting di dalam akun Blogger.

sumber

Sedangkan cara backup Template Blogger:

* Login ke account Blogger Anda (jika Anda belum login)
* Pergi ke Dashboard, Layout, Edit HTML, klik Download Full template dan simpan ke PC Anda, layar pada PC Anda akan terlihat seperti ini:



Di bawah judul Templat Backup / Restore, klik link "Download Template Lengkap" dan simpan template ke PC Anda dan ingat di mana Anda menyimpan template. Hal ini telah membuat Anda memiliki cadangan untuk template blog Anda.


Jika Anda tidak menyukai perubahan, maka Anda bisa mengembalikan template aslinya dengan mengklik "Browse" dan cari file template Anda butuhkan dan klik "Upload" (lihat gambar di atas), maka template Anda akan dikembalikan ke kondisi yang Anda inginkan.

Read More

Mencoba keberuntungan dengan Virtapay.com

kali ini saya akan membahas tentang sebuah ptc yang sangat menguntungkan kenapa saya bilang menguntungkan
karena pertama login saja sudah mendapatkan uang sebesar $25.00 wow jumlah yang tidak sedikit bukan di bandingkan dengan ptc lain.
tidak hanya itu saja setipa kita login kembali akan mendapatkan uang sebesar $20.00 wweeeehh banyak juga tuh dan jika ada refferal kita akan mendapatkan $10.00 wwwooowww lumayan tu gan buat jajan hehe..

ehh ada tapinyaa ne gan Virtapay baru berencana launching secara resmi akhir april atau awal mei tahun 2011 nanti.

Benarkah dolar yang tersimpan dalam account Virtapay kita sama sekali tidak berharga? Ya, untuk saat ini. Tapi jika nanti Virtapay telah resmi membuka layanannya untuk publik, tentu saja kita bisa melakukan jual beli Virtapay baik ke rekening e-currency lain atau pun ke bank lokal. Pada saatnya nanti tentu akan bermunculan layanan agen tukar Virtapay, dan itu bisa jadi peluang baik, karena terbuka kesempatan untuk siapa saja yang mau menjadi agen changer. Demikian juga jika Virtapay resmi menjadi mata uang elektronik, kemungkinan akan ada situs bisnis online yang mau menerima dolar Virtapay sebagai alat tukar.

Cara Bergabung
Untuk bergabung ke VirtaPay Silahkan aja kunjungi Website nya yaitu VirtaPay.com Atau melakukan pendaftaran disini

Saldo Rekening
Seluruh saldo akun diselenggarakan dalam mata uang VirtaPay virtual. VirtaPay mempertahankan mata uang virtual yang otonom dan independen dari segala bangsa dan pemerintah. Mata uang VirtaPay dalam mata uang dolar dan sen (mirip dengan mata uang Amerika Serikat dan lebih dari 20 negara lain). Mata uang VirtaPay saat ini berada dalam sistem tertutup, dan tidak dapat ditukar atau dibelanjakan di luar sistem ini. Rencana kami meliputi transaksi orang-ke-orang, integrasi dengan pedagang dan sistem shopping cart, dan banyak lagi. Seperti halnya dengan mata uang apapun, setelah mata uang VirtaPay mulai digunakan secara luas, yang nilai sebagai tertimbang terhadap mata uang dunia lainnya dapat dan akan berfluktuasi karena kekuatan pasar seperti penawaran dan permintaan, dll

Read More

10 hal yang membuat blog di BANNED

Ada beberapa penyebab blog di blogspot dihapus. Hal ini akibat pelanggaran terhadap kebijakan atau peraturan dari blogger. 10 penyebab yang dapat mengakibatkan blog Anda dihapus adalah sebagai berikut.

1. Konten Dewasa
Konten dewasa berbau porno memang dibolehkan oleh blogger, tapi Anda harus menandai blog Anda sebagai konten dewasa pada setting/pengaturan blog.
2. Keselamatan Anak
   Jangan membuat konten yang berupa pornografi anak ataupun pedofilia. Jika Anda melakukannya, blogger akan mengakhiri akun Anda.
   
3. Pernyataan Sara
   Tulislah konten yang baik. Jangan yang mengandung unsur-unsur kebencian atau kekerasan terhadap suatu ras, suku bangsa, agama, kecacatan, dll.
   
4. Konten Kasar
   Konten yang dimaksud di sini, yaitu konten yang hanya membuat heboh tanpa teks atau keterangan sedikitpun.
   
5. Kekerasan
   Jangan melakukan ancaman terhadap orang lain melalui blog Anda, juga menulis konten yang mendorong pembaca untuk melakukan kekerasan.
   
6. Hak Cipta
   Sebaiknya Anda tidak melakukan sembarangan copy-paste konten. Jika mengcopy-paste konten orang lain, sebaiknya buat sumbernya. Baca lebih jelas mengenai hak cipta blogger.
   
7. Informasi Pribadi
   Jangan mempublikasikan informasi pribadi atau rahasia orang lain, seperti nomor kartu kredit, nomor SIM, dan lain-lain.
   
8. Aktivitas Ilegal
   Gunakan blogger dengan sewajarnya. Jangan gunakan blogger dalam aktivitas ilegal.
   
9. Spam
   Tindakan spam ini seperti memberikan komentar ke blog orang lain untuk tujuan promosi tanpa ada hubungan dengan artikel.
   
10. Virus
    Jangan buat blog Anda untuk menyebarkan virus atau kode berbahaya kepada pembaca.
    

Hati-hatilah dengan setiap hal-hal tersebut. Bagi yang blognya sudah dihapus mungkin bisa memperhatikan 10 penyebab blog dihapus tadi dan memperbaikinya agar blogger mau mengembalikan blog Anda.

Read More

Cara Daftar Situs/Blog ke Search Engine

Cara mendaftarkan situs ke Search Engine. Mendaftar situs ke search engine merupakan hal yang sangat penting. Ini berguna terhadap SEO yang sedang Anda lakukan. Karena SEO sendiri ditujukan untuk mengoptimasi website Anda di search engine.

Seperti yang kita ketahui, google adalah mesin pencari yang paling banyak digunakan saat ini. Namun, selain mendaftarkan situs/blog anda ke google, anda juga perlu mendaftarkannya ke beberapa search engine lainnya yang juga sudah terkenal.

Search engine selain Google itu, antara lain adalah Yahoo, Bing, dan AOL Search. Cara mendaftar website ke search engine tersebut akan dijelaskan satu persatu di bawah ini.

Sebelum mendaftarkan website anda ke search engine, sebaiknya anda buat terlebih dahulu beberapa postingan. Selain itu juga terapkan tips-tips dasar SEO. Ini perlu anda lakukan agar situs anda bisa diterima di search engine tersebut.

Google

1. Kunjungi http://www.google.com/addurl/.
2. Masukkan alamat/url website anda (jangan lupa http:// nya).
3. Ketik kode yang muncul.
4. Klik tombol Add URL.

Yahoo (perlu registrasi)

1. Kunjungi http://siteexplorer.search.yahoo.com/submit.
2. Klik tulisan "Submit a Website or Webpage".
3. Masukkan URL website anda pada kotak yang disediakan.
4. Klik tombol Submit URL.

Bing

1. Kunjungi http://www.bing.com/webmaster/SubmitSitePage.aspx.
2. Tulis kode anti spam yang tampil.
3. Ketik URL situs anda (dengan http://).
4. Klik tombol Submit URL.

AOL Search

1. Kunjungi http://www.aol.com/
2. Klik tulisan "Add New Link" yang ada di sidebar kiri.
3. Ketik URL dan label website anda.
4. Klik tombol Add.

Beberapa search engine lain juga akan segera ditambahkan pada tutorial ini. Untuk saat ini cukup itu saja cara daftar situs ke search engine.

Read More

Bagaimana cara meningkatkan pagerank blog Anda? Sebelumnya saya sudah pernah menulis apa itu pagerank dan kegunaannya. Seperti yang telah kita ketahui, pagerank merupakan salah satu faktor penentuan ranking dari hasil pencarian google. Ini menunjukkan bahwa pagerank cukup penting bagi website Anda.

Untuk itu, saya akan menulis mengenai cara yang dapat Anda lakukan untuk meningkatkan PageRank.

Sebenarnya hanya ada dua cara yang perlu Anda lakukan untuk meningkatkan pagerank website Anda, yaitu:

Mencari banyak link berkualitas yang tertuju ke website Anda.

Backlink yang harus Anda cari bukanlah sembarang link, tapi link yang berkualitas. Beberapa hal yang perlu Anda perhatikan untuk memperoleh link yang berkualitas adalah sebagai berikut.

• merupakan dofollow link.
• terdapat keyword utama Anda.
• relevan/berhubungan dengan topik halaman (keyword Anda terdapat pada heading, title, dan isi halaman).
• merupakan link inline (link yang berada di dalam artikel)
  
• terdapat pada halaman dengan Page Rank tinggi.

Terus mengupdate website Anda.

Website/blog Anda harus terus di-update dengan menambahkan halaman/posting baru secara berkala. Misalnya, setiap dua atau tiga hari Anda menulis 1 postingan pada blog Anda dan lebih baik lagi jika Anda memposting artikel setiap harinya. Google akan lebih suka dengan blog yang terus diupdate.

Satu lagi yang sangat penting yaitu jangan melakukan copy-paste artikel ke blog Anda. Karena itu akan mengakibatkan duplikat konten, dan tentunya google tidak suka itu.
Itulah 2 hal yang sangat penting dalam usaha meningkatkan PageRank website Anda. Jadi, teruslah berusaha mendapatkan banyak backlink berkualitas dan rajin-rajin update blog Anda.

Jika Anda telah menerapkannya dengan baik, nantinya blog Anda pasti akan mendapatkan PageRank dan akan meningkat seiring dengan usaha yang Anda lakukan.

Read More

5 Tips seo bagi blogger pemula

Dengan pengoptimalan SEO yang baik, rangking situs atau blog Anda di google dan search engine lain bisa terus meningkat. Banyak tips SEO yang bisa Anda pakai untuk website Anda. Tetapi bagi para pemula sebaiknya terlebih dahulu menerapkan beberapa tips dasar SEO (dengan pengoptimalan keyword) berikut.

1. Tentukan keyword yang menurut Anda paling sesuai dengan tema website Anda
   Hal yang paling penting dalam menentukan keyword untuk situs atau blog Anda adalah adanya hubungan keyword dengan tema atau isi dari situs Anda. Selain itu, jangan mengulangi kata yang sama pada keyword Anda lebih dari 3 kali, karena kemungkinan blog Anda akan dianggap spam.
   
   Contoh keyword: petunjuk bisnis, tutorial blog, tips SEO
   
   
2. Tentukan domain website Anda
   Gunakan domain yang mudah diingat oleh orang banyak dan sesuai dengan tema website Anda. Sebaiknya domain mengandung keyword utama Anda.
   
   Contoh domain: http://petunjukbisnis.blogspot.com/
   
   
3. Buat judul (title) yang unik pada halaman depan
   Judul yang paling baik untuk situs atau blog Anda adalah judul yang mengandung keyword dari website Anda. Untuk itu, gunakan keyword utama Anda di dalam judul. Juga gunakan judul yang sesuai dengan isi website Anda dan jangan gunakan judul yang terlalu panjang (sebaiknya tidak lebih dari 60 karakter).
   
   Contoh judul: Panduan Berbisnis di Internet, Tutorial Blog, Tips & Trik
   
   
4. Buat deskripsi (meta tag: "description") untuk website Anda
   Dalam membuat deskripsi, gunakan beberapa kata yang efektif dan relevan dengan situs atau blog Anda. Juga gunakan keyword utama Anda.
   
   Contoh deskripsi: Panduan berbisnis dengan blog, membahas tips dan trik blog, tutorial blog, tips SEO, dan cara menghasilkan uang dengan blog.
   
   
5. Gunakan keyword pada konten Anda
   Gunakan secara efektif keyword Anda pada heading, isi tulisan (terutama 20 kata pertama), link, alt text, dan nama file.

Itulah 5 tips dasar SEO yang perlu Anda terapkan terhadap situs anda, sebelum mendaftarkan situs anda ke search engine. Langkah selanjutnya dalam Search Engine Optimization adalah terus mengupdate blog Anda dan cari banyak backlink ke blog Anda.

Jika Anda berhasil melakukannya, maka blog Anda akan cepat berkembang dan posisi blog Anda di search engine, seperti 'google' akan terus meningkat.

Read More

Cara Merubah Tulisan Older Post dan Newers Post dengan icon

Langsung aja deh Ke intinya :

Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget
Kemudian cari kode seperti dibawah

Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>

Ganti kode yang berwarna biru dengan Url lokasi tempat penyimpanan gambar atau icon milik sobat.
Berikut contoh gambar atau icon berserta kodenya :



http://i1002.photobucket.com/albums/af149/Imtikhan/Posting_lebih_baru.gif




http://i1002.photobucket.com/albums/af149/Imtikhan/Posting_lama.gif




http://i1002.photobucket.com/albums/af149/Imtikhan/Beranda.png




http://i1002.photobucket.com/albums/af149/Imtikhan/left.png




http://i1002.photobucket.com/albums/af149/Imtikhan/right.png




http://i1002.photobucket.com/albums/af149/Imtikhan/home.png


Kalau anda maw berkreasi sendiri untuk membuat icn tersebut silahkan buat and di upload lalu COPAST [Copy Paste] alamat URLnya kaya yg di atas
 
Berikut contoh perubahan kode diatas :

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/Posting_lebih_baru.gif"/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/Posting_lama.gif"/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/Beranda.png"/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/Beranda.png"/></a>
</b:if>
</b:if>

</div>

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

Read More

Cara Membuat Read More otomatis

Read More atau Baca Selengkapnya pada Posting adalah untuk menghemat halaman depan Blog agar tidak terlalu panjang,
Read More kali ini memang berbeda dengan Read More yang sebelumnya → Cara Membuat Read More,
← Read More sebelumnya harus menggunakan kode <span class="fullpost"> dan </span>
jika diantara sobat Blogger ada yang berkeinginan untuk Pasang Read More Otomatis pada Blogspot sobat,
silahkan ikuti langkah-langkah berikut :
Bagi sobat yang sudah memasang Read More manual sebaiknya kodenya di kembalikan dulu seperti semula,
Caranya :

Login ke Blogger
Klik Rancangan → Edit HTML
Kemudian cari kode seperti dibawah
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
jika sudah ketemu Hapus kode yang berwarna biru

 <div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

kalau sudah tinggal lanjutkan langkah-langkah dibawah.






Countion : Jika kalian belum pernah memasang Read More.. di blog anda langsung aj ikutin tutorial yg di bawah ini tp jika sudah terlanjur ikutin 2''nya yg atas ma yg bawah

Masih dalam halaman Edit HTML cari kode </head> kemudian Copy Script dibawah ini dan Paste di atas kode </head> tersebut
Kalau sudah, jangan lupa di SIMPAN TEMPLATE terlebih dahulu.
  

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

 

Masih dalam halaman Edit HTML Beri tanda centang pada kotak di samping tulisan Expand Template Widget lalu temukan kode seperti dibawah :

<data:post.body/>

Kalo sudah ketemu , ganti kode <data:post.body/> dengan kode dibawah ini :

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'> Read More &#8594; <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Keterangan : Sobat juga bisa menentukan letak thumbnail (gambar), jumlah karakter tulisan baik tanpa maupun dengan thumbnail serta tinggi dan lebar thumbnail pada Postingan dengan cara merubah kode yang berwarna biru di atas.
Berikut penjelasannya :

var thumbnail_mode = "float"; : Letak thumbnail berada di "float" kiri atau jika tidak silahkan ganti dengan "no-float";
summary_noimg = 250; : Jumlah karakter yang akan ditampilkan di posting tanpa gambar / thumbnail;
summary_img = 250; : Jumlah karakter yang akan ditampilkan di posting dengan gambar / thumbnail;
img_thumb_height = 120; : Tinggi thumbnail dalam ukuran piksel;
img_thumb_width = 120; : Lebar thumbnail dalam ukuran piksel;
Read More &#8594; <data:post.title/> : Tulisan Read More bisa diganti misalnya dengan "Baca Selengkapnya" dan apabila anda tidak ingin menampilkan judul dibelakang Read More, sobat bisa menghapus kode Script ini <data:post.title/>

Selamat mencoba 

Read More

Cara Membuat Tulisan Berjalan

Biasa masuk ke blog kamu terus tambah HTML seperti dibawah ini

<marquee direction="left">Tulisan kamu disini</marquee>

Contoh :

Tulisan kamu disini

keterangan :
left = ke kiri
right = ke kanan

Read More

Cara pasang Emotion smile di kotak komentar

Cara Pasang Emotion Smile di Kotak Komentar mungkin hal yang tidak asing buat blogger semua yang sudah tau, namun apa salahnya berbagi, betul tidak?he...trik ini sebenarnya sudah lama ada, namun semakin banyaknya blogger maka semakin banyak pula redesign segala Tutorial mengenai design blog termasuk emotion smile ini.

emotion menggambarkan keadaan/ekspresi, nah untuk komentator pun mari kita fasilitasi dengan ini, kenapa? bisa saja komentator menggambarkan senang, kecewa, biasa saja, kagum akan tulisan/posting/artikel blog kita. cara membuatnya pun tidaklah sulit, pengen tau bagaimana cara membuatnya?dan memasangnya di blog sobat? mari kita ikuti tutorialnya.

1. Masuk ke account blog milik anda
2. Klik Rancangan klik edit html
3. Klik expand widget templates

Cari code </body>, agar mudah klik ctrl + f pada browser mozilla anda, jika sudah ketemu, copy kode dibawah ini dan letakan diatas kode diatas

<script src='http://sites.google.com/site/asrizalofficialweb/javascript/onyetemotion.js' type='text/javascript'/>

Kalo sudah, masih dengan menggunakan ctrl + f, cari kode dibawah ini :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

Kalau sudah ketemu, simpan kode dibawah ini dibawah kode :
<p class='comment-footer'>

<center> <b><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7jMdjE_dfDbO3ql3ikM0kW6P0yRdy9MfrxhNrVY8fzPUswm_z3o6-H_zHfak8peg2V4t-4vSuWBq2uotR9m5WttEkHXLY02wilH35wY5ZWTuVj6-nZ_eSWCA0C7D-2aItRSvnpwwjaNg/s128/m019.gif' width='40'/>
:a:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfEwzupyhj0izfOhKFq6hPxW-ydYvL2NHceXt2Didog2Kn0dz7zPWI3jEslP6DWJDvFiwf3LHL19quZXCLUdu7yWxEAGruIhBU_1ewhauoWy9uH9roQTEp7eHYkKDuXAxdC0Wn574Rp9I/s128/m036.gif' width='40'/>
:b:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHgXf00WbQ_-Oe8bJpixZMpfAWC9mu6uYy78QTVjLrzhf_sXLsHexiMnwgGbRdy4SUM1DV7YuzJVHCzFeCkJl0K_sRdAq6kzVn8mXPsDrwppRWQcaYAqyVR2GkG4yyvDNZO74NX_FO0S8/s128/m048.gif' width='40'/>
:c:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkEpdz_Qj3kzbEIpnLEf9fOcOAjK2loNVraWF2wQ-q5iUI1rL3yw17C518UzZZPl3YwR5NN-TRQD4o05KDLO49cMEK9vziJ8tSrCtid73cSlQ5oOMCMbJhtnxtGRWkiL0rTMO3etashyphenhypheng/s128/m083.gif' width='40'/>
:d:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTlB742IqnIcvExSnUv5F118RVC5eyzKDk46XGP6kKc1yChlMrtww1iR-bVVxSlc-HOONEWnq3RbB0mGytw-P1fhz9r5MNY_Gg6Z4Vel4v4OBCIsjLdBvi-v78diyrXSWLjY1hOhXccik/s128/m097.gif' width='40'/>
:e:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvwFcGmKoKc7f-v4GFfZYb0xOKl0r4oMRuStYXCiswQ5qJ3kr_LVenJvjo4NnwIoOkPMTh5WynrpaYzl8DxiSxZUCjiyLk5SdJhn8NSWYQdQXbR-hZtAloX_WlSytSheM6-Z3PflA4viI/s128/m121.gif' width='40'/>
:f:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnbIoloqGH874noYhp323AJ18hMeZgPWR2sFEduuV7oOTVsoUl0gnGGh2cvnii4QN3PsVxZ-TeIPl7sP6a0ZFkbrmeOSmpe5TAY2NJ2XT7Jyub0Ip8pE7KCmpisrXbP2NB5NTkQNyyMq0/s128/m146.gif' width='40'/>
:g:
<br/><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwfYqwxDeFr3fgiwNi5lkuyenAHbPMBmx_jxI0pJknze9a6LNAaGk1Z3IgSIdDlt5-M5hsVDziXNvziTFmoENS5RE445QHaQj1RWKVrXrdhp2KTMSvAnQMaRfXcAAv2n0MpE23ePaOSmY/s128/m158.gif' width='40'/>
:h:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx8vNaXfZK5mKK-s17CblNOXRcX7JKPTxkIuFAvTGtG06-f8JcHXuQEGOO76WdV4R87wuVEw6z62ohA8eanH7ayc4aRax9_XHxjKQwxgKvvCsXs47rXLjjIcfdfR335EIfQrg73YjSswQ/s128/m159.gif' width='40'/>
:i:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNXUGzPqHRWIA_8SrPmTJZBAzyf6uJ7E2-Ns32BkcavHjHT1kV6pBtWWtetF4z6vVD6AT-WLgqycvrYtoxbD-uE18fwRJpYxm4O3XpJd-zfn1PuCf7o1-e9_uJJZnWp-H2JoM2kb3wmZI/s128/m186.gif' width='40'/>
:j:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihCcMpWlG7ylUcCXhdcKs206PaiEUdF8zPOUZOEDPDlCfoY340-jha4-IVH6kKPQthjb8ZCV1n7H7tV5MNleDJpzaZlMK8YkDxwu81iqcAL23jAHnmrgOJip7polDQEJwuYTG2sjFxrjU/s128/m190.gif' width='40'/>
:k:<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEgy6XkI5rU1JEB9hyphenhyphen8Os9q4UVIPKsyQfN1RZB_QO8k5dvDJsrFh7cGt1cLe5hoNMwKWCgLmjFRCnuvub3QB7Ibd9PPis3gzf6tCiIeA0l3iN-dpRpH2nYRxZImd0uv-kkoDKuzhttvMw/s128/m204.gif' width='40'/>
:l:
</b> </center>

Jangan lupa simpan hasil kerja anda, semoga berhasil

Sumber :http://asrizalwahdanwilsa.blogspot.com/2010/07/cara-pasang-emotion-smile-di-kotak.html

Read More

Membuat Shout Box Hide and Show

1.masuk ke akun blogger kalian
2.di bagian dasbor klik menu tata letak
3.klik tambah gadget
4.kemudian copast [copy paste] code berikun ini

<!-- Begin Show Hide Floating - http://www.hitsuke.blogspot.com -- http://www.remo-xp.com--> <style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:550px; width:35px; float:left; cursor:pointer; background:url('http://i642.photobucket.com/albums/uu147/remoxp/Chatbox.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #ffffff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#000000; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div> <div class="hitsukeFXcontent"> <!-- Kode Shoutmix mu Disini -->

MASUKAN KODE SHOUTMIX DISINI

<div style="text-align:right"> <a href="javascript:showHidehitsukeFX()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>

5.lalu klik save

Read More

Cara memasang Jam Di Blog

Mungkin kalian pernah melihat blog yg disertai dengan jam jika kalian ingin membuat / memasang jam tersbt sumaklah Tutorilas berikut ini :


1>  pilih tampilan jam yang anda suka di http://clocklink.com
2>  klik gambar yang bertuliskan "view HTML tag"
3>  klik "accept"
4>  lalu pilih warnanya jika ada pilihan warnanya
5>  atur waktunya di timezone
6>  copy code htmlnya
7>  lalu paste di tempat yang kamu suka

selesai

Read More

Menghilangkan Navigator Bar Blogger

Mungkin Anda sering melihat blog dari blogger diatasnya ada sebuah Navigasi bar yang telah ada sejak daftar pertama kali di blogger, Navigator bar tersebut berfungsi Untuk bermacam-macam kegiatan yang disediakan di blogger, misalnya Sign in/Sign Out, Untuk mencari Blog,Untuk melaporkan kecurangan para blogger dan lain sebagainya.

Tapi banyak para blogger menghilangkan Navigator tersebut dengan alasan untuk mempercantik blognya dan biar seperti website sungguhan setelah di belikan Domain baru.
Tapi jangan kawatir buat yang pengen menghilangkan navigator bar di blogger ada caranya kok tapi anda harus menanggung ketidak lengkapan fasilitas di navigator bar, gimana pengen menghilangkanya? mari... mari.. aku kasih tau...

1. Buka menu Layout kemudian Edit HTML
2. Cari Kode ]]></b:skin> kemudian
3. Taruh Script Di bawah ini diatas Kode diatas
   
   #navbar-iframe {
height:0px;
visibility:hidden;
display:none}
4. kemudian Save deh..

Read More

Cara Mengganti favicon.ico Blog

Favicon adalah icon/gambar yang terletak pada address bar dari suatu web browser. Setiap situs atau blog biasanya memiliki favicon.

Pada blogspot, favicon yang dibuat berupa logo blogger berwarna orange. Favicon ini tidak bisa diganti begitu saja melalui setting/pengaturannya. Lalu bagaimana jika anda ingin mengganti/merubah favicon ini?

Sebenarnya cara mengganti favicon blogger ini cukup mudah. Anda bisa menggantinya melalui pengeditan layout. Berikut Tutorialnya

1. Masuk ke akun blogger anda.
2. Pilih menu Layout (Tata Letak) » Edit HTML.
3. Cari kode di bawah ini.
   
   
   
   <b:include data='blog' name='all-head-content'/>
   
   
4. Copy-paste kode berikut di bawah kode tadi.
   
   
   
   <link href='url-gambar' rel='shortcut icon'/>
   Ganti tulisan berwarna merah dengan URL GAMBAR yang akan dijadikan favicon.
   
   
5. Simpan template.
   

Setelah selesai melakukan pengeditan, sekarang lihat hasilnya. Jika anda melakukannya dengan benar, favicon ini akan tampil di address bar, sebelah kiri URL blog anda.

Untuk cara memasang favicon di blog selain blogspot juga bisa menggunakan kode di atas. Tetapi pengeditan HTML-nya mungkin sedikit berbeda.

Selamat mencoba!

Read More

Cara mengganti cursor Blog

Kalian pasti pernah melihat cursor pd web ad yg berbeda dari cursor biasa. kali ini saya akan berbagi ilmu di tutorials web. Jika kalian ingin mengganti cursor web anda silahkan copy code html di bawah ini & paste di bagian <head> lalu save & refresh web/blog kamu

<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/ddrarrowpink.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/ddrarrowpink.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/aliendance.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/monkeyani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/sparklepink.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/sparklepink.gif"), auto;} </style>
<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/spongebob-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/spongebob-ani.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/appletm.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/apple-tm.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/volcomstoneani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/volcomstoneani.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/bigboo.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/bigboo.gif"), auto;} </style>
<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/blackjack.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/blackjack.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/frog26workinginbackground.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/frog26workinginbackground.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/babyrollani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/baby-roll-ani.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/bullseye-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif"), auto;} </style>
<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/earth2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/earth2.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/drool.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/drool.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/eye.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/eye.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/flameorange.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/flameorange.gif"), auto;} </style>
<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/guitarflash.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/guitarflash.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/indonesia.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/indonesia.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/monkeydance3.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/monkeydance3.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/orbit04.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/orbit04.gif"), auto;} </style>
<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/playboybunnieani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/playboybunny-ani.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/rainbow-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/rainbow-ani.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/rabbitdance.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/rabbitdance.gif"), auto;} </style>	<style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/sleepani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/sleepani.gif"), auto;} </style>

Read More

Pasang Google Translate

Gadget ini berfungsi untuk menterjemahkan bahasa blog anda ke bahasa yang diinginkan oleh pembaca blog anda.Misalnya seorang pengunjung dari negara cina membuka blog anda dan ingin membacanya, tentu saja dia tidak bisa mengerti dengan bahasa Indonesia.Dengan gadget Google Translate ini, si pembaca akan dengan mudah mengerti isi blog anda hanya dengan memilih bahaya yang diinginkan.Keuntungannya bagi blog anda adalah meningkatkan traffic kunjungan pada blog anda karena bisa dibaca dari seluruh dunia.Cara memasangnya adalah sebagai berikut:

1.Kunjungi Google Translate disini.
2.Lihat gambar dibawah.

3.Pada Select the language of your webpage,ubah ke Indonesia (kalau blog kamu berbahasa
Indonesia).
4.Copy dan paste kode HTML yang berada didalam kotak, yang kode seperti dibawah ini.

5.Login pada blogger.
6.Klik Layout pada Dashboard.
7.Klik Add a Gadget, dan pilih HTML/Javascript
8.Masukkan kode HTML yang telah dicopy (seperti pada langkah 4) dan beri judul titlenya,
misalnya Google Translate.
9.Setelah itu, Save
Selesai sudah pemasangan Google Translate pada blog anda, contohnya seperti dibawah ini.

Read More