Cara Membuat Daftar Isi Blog Dengan Scroll

Cara Membuat Daftar Isi Blog Dengan Scroll - Oke Sobat Pada Postingan Kali ini saya akan menjelaskan Cara Membuat Daftar Isi Blog dengan Scroll, yah cukup mudah sekali, berikut Cara Membuat Daftar Isi Blog dengan Scroll,

silahkan copykan scrip Cara Membuat Daftar Isi Blog dengan Scroll berikut ini :

<div style="overflow:auto;width:500px;height:600px;border:0px solid #eee;padding:8px;margin:10px 0 0"><script src="http://muhammadwali2011.googlecode.com/files/scrip%20daftar%20isi%20ali%20bloggers.js"></script><script src="http://m-wali.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

yg bewarna biru bisa sobat ganti
Mudah BUkan, demikian Cara Membuat Daftar Isi Blog dengan Scroll

rating 5

Cara Membuat Blog di Blogger

Cara Membuat Blog di Blogger - Sebenarnya Membuat blog itu mudah sekali dan sekarang ini sudah jaman modern yang sangat mendukung akses internet sehingga kita bisa menuliskan sesuatu yang berguna di blog sebagai tempat belajar dan sharing ilmu pengetahuan. Cara Membuat Blog | Blogger Blog adalah judul yang sengaja saya ambil untuk membahas cara membuat blog di blogger(blogspot).

Bagaimana cara membuat blog?
sebelumnya sobat wajib memiliki email dan jika sobat sudah mempunyai email langsung saja ikuti langkah - langkah membuat blog di bawah ini:

1. buka browser dan masuk ke blogger.com  

 

2.klik Get Started
3.anda akan diminta untuk mengisi form pendaftaran dan anda harus mengisinya dengan lengkap, kemudian klik tombol Lanjutkan

 

4. Pada langkah keempat ini anda disuruh untuk member nama dan alamat blog, isikan nama blog dan alamat blog sesuai dengan keinginan sobat. Jika sudah klik tombol Lanjutkan

 

5. langkah selanjutnya yaitu memilih tampilan blog, pilih tampilan yang anda inginkan dan klik Lanjutkan

 

6. Sekarang blog anda sudah jadi..

 

mudah kan??..memang sangat mudah dan simpel sekali dalam membuat blog menggunakan blogger. Sekarang tahap menulis blog(blogging). Untuk memulai menuliskan blog (blogging) ikuti langkah berikut ini:

1. pada langkah ke-lima tadi klik tombol Mulai Blogging.
2. kemudian anda akan dihadapkan pada sebuah form sebagai tempat menulis blog seperti terlihat pada gambar dibawah ini.

 

3. setelah mengisikan judul dan deskripsi atau tulisan di blog anda klik tombol Terbitkan Entri untuk mempublikasikannya.
4. Selesai...

Cara membuat blog di blogger (blogspot) sangat mudah, sekarang anda bisa memulai blogging atau menulis blog pada blog yang telah anda buat tadi. Blog itu bisa anda jadikan untuk menulis artikel tentang tips atau apa aja yang anda ingin sharing dan dibaca banyak orang di dunia maya. Sekian saja sharing saya tentang Cara Membuat Blog | Blogger blog, semoga bisa bermanfaat bagi semuanya.

rating 5

Membuat Scroll Pada Archive Blog

Membuat Scroll Pada Archive Blog - Ini hampir sama dengan membuat Fungsi Scroll Pada Label / Kategori yang telah saya posting sebelumnya, perbedaannya hanya terletak pada kata label dengan archive saja.

Untuk jelasnya langsung saja langkahnya seperti ini :
1. Login ke Acount Blogger atau Dashboard
2. Pilih Layout
3. Llalu klik Edit HTML
4. Centang dulu Expand Widget Templates
5. Cari kode yang seperti ini :

atau kata Archive.
Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.atau tanda panah(di google chrome). Baca Selengkapnya

rating 5

Cara Mengganti Kursor pada Blog

Cara Mengganti Kursor pada Blog -selamat malam sobat semua,, kali ini saya akan memposting cara mengganti kurosr blog sobat, mungkin sobat bosan dengan tampilan kursor yang biasa-biasa saja? maka kali ini sobat mempelajari bagaimana mengganti atau merubah kursor sobat misalnya menjadi kursor yang bergerak atau animasi. untuk membuat kursor animasi sesuai keinginan sobat bisa dilakukan dengan menggunakan software-software pembuat animasi. Namun jika sobat tidak menguasai software tersebut, maka ada cara yang lebih mudah dilakukan. di internet banyak sekali situs-situs yang menawarkan kursor animasi. sobat bisa mendapatkan kursor yang sobat inginkan didalam situs seperti itu. hehhee

Berikut langkah-langkah yang harus sobat lakukan:
Mencari kursor gratis terlebih dahulu

Berikut ini langkah-langkah pencarian situs penyediaan kursor gratis, lalu mendapatkan kursor yang sobat inginkan dan membuanya siap ditempatkan dalam blogspot sobat:

• Untuk mencari situs penyedia kursor gratis, gunakan Search engine dengan penulisan kata kunci pencarian misalnya "free animated cursor" atau sobat bisa kunjungi situs http://www.cursorpedia.com/ untuk mendapatkannya
• Bila sobat telah menemukan situs yang tepat dan model kursor animasi yang sobat sukai, maka pastikan bahwa sobat memperoleh URL dari animasi tersebut.
• Contoh URL animasi yang didapatkan dari situs www.cursorpedia.com adalah seperti ini: http://www.cursorpedia.com/ani/heart_heart_32.ani
• Kebanyakan kursor telah memiliki kode lengkap yang khusus diperuntukkan bagi situs tertentu, misalnya MySpace. bila sobat menemukan yang seperti ini, maka ambil saja URL kursornya.
• Pastikan alamat URL ini mempunyai ekstensi .ani (untuk kursor animasi) atau .cur (untuk kursor biasa) apabila sobat hanya mendapatkan file berformat.ani atau .cur (bukan sebuah URL), maka sobat harus meng-upload kedalam webhosting khusus untuk image seperti www.photobucket.com
• Selanjutnya sisipkan URL kursor animasi sobat ke dalam script berikut ini
  
  
  Cursor: url ("URL KURSOR");
  Gantilah teks "URL KURSOR" dengan URL kursor yang sobat peroleh. Contohnya seperti ini:
  
  Cursor:url ("http://www.cursorpedia.com/ani/heart_heart_32.ani");
  
  
• Dengan script diatas maka kursor animasi sobat telah siap diaplikasikan kedalam halaman Blogspot sobat.

Mengaplikasikan Kursor dalam Blog sobat
Setelah sobat mempunyai script kursor seperti bahasan diatas, maka selanjutnya akan dijelaskan bagaimana cara mengaplikasikan kursor ke dalam halaman blogspot milik sobat.

Berikut ini caranya:

• Login terlebih dahulu kedalam akun Blogspog sobat
• Setelah itu klik menu Layout pada halaman dashboard
• Selanjutnya klik menu EDIT HTML
• Kemudian Cari kode body {
• Setelah ketemu masukkan script kursor yang sobat miliki tadi seperti ini
  
  
  body {
  padding: 0;
  margin: 0;)
  font-size: small;
  color: $textcolor;
  background: #fff;
  text-align: center;
  cursor:url("http://www.cursorpedia.com/ani/heart_heart_32.ani");
  }
  
  
• Setelah itu klik tombol Save Template dan lihat hasilnya

god luck...

Cara menambahkan jadwal Sholat ke dalam blog

Cara menambahkan jadwal Sholat ke dalam blog - Menambah jadwal sholat ke dalam blog itu yang kita bahas kali ini. kadang kita terlupa saat nya shalat, pasti setiap orang mengalami hal ini, tidak bisa di pungkiri. karna keasikan bermain internet. membuat kita akan lupa waktu beribadah. nah dengan adanya jadwal sholat di blog kita, sangatlah membantu mengingatkan kita akan waktu nya sholat. nah mungkin anda tertarik untuk memasangnya ke dalam blog anda, berikut ini langkah-langkahnya.

Berikut langkah-langkah Cara menambahkan jadwal Sholat ke dalam blog milik anda:

• Kunjungi www.islamicfinder.org
• Kemudian geser mouse anda pada bagian yang paling bawah, klik tulisan "Add new services to your site" ini berada di atas Copyright
• Padahalaman berikutnya klik link yang nomor 2 "Daily prayer times of your city in your web site"
• Kemudian pilih Negara anda berada. contohnya indonesia
• Setelah itu klik "GO"
• Dibawah "Select your city for one day prayer time service" disana terdapat nama kota. pilih salah satu
• Kemudian klik "Generate Code"
• Kemudian ada dua pilihan, pilih salah satu apa Vertical Table atau Horizontal Table, Setelah anda menentukan pilihan, silahkan copy paste kode tersebut ke dalam blog milik anda
• Nah untuk mengatur warna background biar sesuai dengan blog yang anda miliki anda bisa mengatur nya. dengan cara klik tulisan yang terdapat di atas kotak tersebut "If you want to change the colors then click here"
• Kemudian pilih background yang anda inginkan
• Setelah mengatur Code tersebut klik "Generate Code"
• Copy kode tersebut dan pastekan ke dalam gadget blog yang anda punya
• Selesai.....

Untuk anda yang belum mengerti cara paste kode tersebut ke dalam blog yang anda punya ikuti langkah-langkah di bawah ini.

• Login terlebih dahulu ke blogger
• Rancangan
• Pilih Tambah Gadget
• Kemudian Pilih HTML/JavaSript
• Lalu pastekan kode tersebut ke dalam kolom tersebut
• Kemudian simpan gadget
• Selesai....

Semoga artikel ini bermanfaat untuk kita semua dan salam sukses....

http://www.maduwebsite.co.cc/2011/04/cara-menambah-jadwal-sholat-ke-dalam.html

Membuat Auto Refresh Untuk Blogspot

Membuat Auto Refresh Untuk Blogspot - Sharing Cara membuat auto refresh untuk blogspot. Kalian sudah tahu tentunya yang dimaksud dengan auto refresh yaitu me load halaman blog berulang ulang sesuai dengan waktu yang di tentukan oleh yang empunya blog . Tidak usah basa basi langsung aja Step.By.Step cara membuat auto refresh untuk blogspot !!!

   1. Login ke blog anda
   2. Design =>> Edit HTML
   3. Cari kode </head>
   4. Letakan kode berikut setelah kode </head>

<meta content='300' http-equiv='refresh'/>

Keterangan : Yang berwarna merah berarti blog anda akan merefresh setiap 300 detik. ganti sesuai keinginan anda. Sekian posting saya kali ini, semoga bermanfaatbuat selulur blogger di indonesia.

Pasang Related Post (baca juga yang lain nya)Dengan Fungsi Scroll

Pasang Related Post Dengan Fungsi Scroll, menurutku sih tampilannya agak menarik dan yang lebih penting lagi fungsi scroll down menu nya itu lho..siapa tahu blog ini bisa berumur panjang dan kategori postingannya bisa ratusan atau mungkin ribuan. Coba bayangkan kalau tidak pakai scroll.. wiiw panjang banget.. oleh karena itu (oki) saung web coba ganti lagi dengan cara yang ini, bagi yang ingin tahu, inilah cara Pasang Related Post Dengan Fungsi Scroll pada Template Blogspot.

Langsung saja , caranya seperti ini : ( bagi yang sudah pakai related post cara lain , sangat disarankan dihapus dulu, supaya hasilnya maksimal )

1. Masuk ke Dashboard , pilih Layout , pilih Edit HTML

2. Sangat disarankan untuk Download Full Template sebagai backup

3. Contreng .. eh centang Expand Widget Templates

4. Cari kode : <data:post.body/> , bagi yg sudah pakai Red more kode ini ada dua, nah ambil saja kode yang pertama

5. Copy kode dibawah ini dan pastekan dibawah kode no. 4 diatas

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
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;albri&#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>
</b:if>

6. Seterusnya cari lagi kode : ]]></b:skin> , kemudian copy kode dibawah ini dan simpan diatas nya.

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}

7. Tulisan Related Post pada point 5. (warna biru) bisa diganti apa saja misalnya artikel yang berhubungan, artikel terkait dsb.

8. Selesai. Selamat mencoba untuk Pasang Related Post Denganungsi Scroll ini . Semoga sukses. menggunaan F

Ada yang masih ganjal di ati.. bila dilihat hasilnya di blog ini tampak jarak tulisanya itu 1,5 spasi. Saya maunya 1 spasi saja biar agak rapat gitu, tapi caranya belum ketemu tuh... bagi sobat2 yang tahu caranya ..kasih tahu ya.. please...

sumber : http://saungweb.blogspot.com/2009/07/pasang-related-post-dengan-fungsi.html

Cara Membuat Widget blog bergerak

Cara Membuat Widget blog bergerak -saya lihat blog teman, disana saya lihat widget bergerak alias berjalan, lo kok bisa ya...trus ku cari deh, akhirnya ketemu juga, tapi jujur aku belum mencobanya sob, hihihi...aku cuma posting dulu Cara Membuat Widget blog bergerak, nanti di coba...

seperti ini nih, bisa bergerak :

- bolak balik kiri-kanan
- bolak balik naik-turun
- dari atas ke bawah nyambung / sebaliknya
- dari kanan ke kiri nyambung / sebaliknya
untuk menggerakannya anda tinggal rubah saja script-nya, nanti saya akan jelaskan:

1. masuk ke blog anda, seperti biasa
2. Masuk ke tab rancangan
3. Nah, buat widget yang ada script-nya di elemen laman, yang berasal bukan asli dari blogger, yang cara penempatannya menggunakan HTML/JAVASCRIPT

ada 2 jenis kode, tinggal pilih

- untuk bolak balik

a. kanan-kiri
<marquee behavior='alternate' align='center' direction='right' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau script gadget disini</marquee>

b. atas-bawah

<marquee behavior='alternate' align='center' direction='up' height='400px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau script gadget disini</marquee>

- untuk yang terus/nyambung

a. dari kanan ke kiri (arah bisa diganti menjadi right)

<marquee behavior='scroll' align='center' direction='left' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau script gadget disini</marquee>

b. dari bawah ke atas (arah bisa diganti menjadi down)
<marquee behavior='scroll' align='center' direction='up' height='400px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau script gadget disini</marquee>

nah tulisan yang berwarna merah diganti dengan script anda/kode anda.
karena blog ini tidak bisa di copas, maka tulis sendiri ya scriptnya, mohon maaf atas ketidak nyamanannya.

sumber

cara cepat menaikkan alexa rank

cara cepat menaikkan alexa rank - Cara meningkatkan ranking alexa pembahasannya sudah lebih mendetail dan jelas di beberapa blog lain. Saya cuma mampu menulis Tips cara cepat menaikkan alexa rank dengan menulis Alexa Patah Hati setelah mencoba keliling di blog-blog para pakar yang sudah ngeblog lebih lama dan mempunyai alexa ranking yang jauh lebih baik.Saya memberanikan diri menyampaikan tips meningkatkan alexa ranking tidak berdasarkan mitos, legenda, cerita. Baik menurut si anu , si ini atau bahkan si ani, tidak berusaha untuk menelan mentah-mentah paparan dari siapapun baik kata-kata, tidak juga mau langsung percaya tulisan di blog pakar / seleb blog sekaliber apapun atau dari buku manapun, walaupun sudah pasti itu adalah referensi yang banyak membantu untuk pemula like me.

Jadi anda tidak usah meneruskan membaca tips meningkatkan alexa ranking ini, kalaupun terpaksa membaca usahakan jangan percaya sebelum mencoba dan membuktikan kebenarannya oks.

Ada Gosip Satu Customer Baru itu sama dengan Lima Pelanggan lama, menurut siapa ? namanya juga gosip jadi tidak bisa dipertanggungjawabkan sumbernya.Jadi hubungannya dengan cara meningkatkan ranking alexa ?one new visitor is better that fifty old ones (hiperbola sedikit gpp khan, wong saya tidak memaksa anda untuk percaya ini).


Jadi kesimpulannya sepele asal jangan kecele, jika anda ingin rangking alexa bagus atau meningkat dengan cepat, tidak ada pilihan lain selain Wajib hukumnya untuk belajar seo sambil tetap belajar ngeblog dengan riang gembira, salah satu syaratnya adalah membuat dummy blog kalau dummy blog ini hukumnya 'fardhu ain'.Kenapa harus belajar seo ?Karena New Visitor sulit datang sendiri jika hanya mengandalkan jurus seo blogwalking.

Jadi pada dasarnya untuk apa kita cape-cape memikirkan niche topik dan disiplin menulis, niche blog, cara meningkatkan pagerank, cara meningkatkan pengunjung, tips meningkatkan ranking alexa ?Ingin menjadi blogger sukses maybe ? Apa dan siapa serta bagaimana rahasia seo menjadi blogger sukses ? Ingat jangan percaya 100 % supaya tidak termasuk sabagai Generasi Kempong.

Cara menemukan kode warna background website dengan mudah

Cara menemukan kode warna background website dengan mudah - Tips menarik ini sangat bermanfaat untuk pada blogger atau webmaster yang berniat memasang iklan pada web mereka, baik itu adsense, chitika atau iklan lain. Ketika memasang sebuah iklan diwebsite, kita perlu memperhatikan beberapa hal untuk meningkatkan ctr atau meningkatkan klik iklan sehingga penghasilan akan bertambah . Salah satu caranya adalah dengan menyamakan warna background iklan (ads) dengan background website, semua akan menjadi lebih mudah ketika warna background website kita putih, sehingga kita tinggal menggunakan warna background putih pada iklan. Akan tetapi bagaimana jika warna background website kita mempunyai warna yang lain, abu abu, hijau, coklat atau warna lain ? tentunya kita sulit mengira-ngira warna background yang pas untuk iklan kita.

Mungkin trik ini sudah diketahui oleh beberapa orang, atau mungkin punya cara lain , tapi tidak salahnya saya share disini karena walaupun kelihatan simple tapi cukup bermanfaat.

Berikut langkah-langkahnya :

* saya menggunakan photoshop untuk cara ini

1. print screen website kita, saya kira semua sudah tau cara print screen website.

2. buka program photoshop, lalu klik file � new - lalu ok

3. lalu pastekan hasil print screen tadi ke new page pada photoshop tadi, dengan klik menu edit � paste

4. lalu seluruh hasil print screen akan terpajang pada new page ini, untuk lebih optimal set ke ukuran normal � click view > actual pixels

5. Sekarang saatnya memulai mencari kode warna dibagian yang diinginkan dengan mengarahkan kursor eyedropped tool iconnya

6. setelah kursor eyedropped tool diarahkan ke warna yang mau kita cari kodenya, dalam beberapa saat kita sudah menemukan yang dicari.

7. sekarang tinggal klik color picker tersebut, dan kita sudah mendapatkan kode warna yang dicari

sebenarnya ada free software untuk mencari kode warna ini, tapi untuk kali ini
Referensi : aaheroe.info/cara-menemukan-kode-warna-background-website-dengan-mudah.htm

rating 5

Membuat Background di Belakang Postingan Blog

Membuat Background di Belakang Postingan Blog -Mempercantik Blog dengan Membuat Backgroud di belakang Postingan Blog dapat di lakukan dengan 2 cara. ada cara manual dan cara otomatis. untuk cara manual anda di haruskan untuk memasukkan kode di setiap penulisan postingan. tapi untuk cara otomatis anda tidak perlu lagi memasukkan kode disetiap menulis artikel di blog. contoh backgroundnya seperti yang terlihat di Artikel ini yang menggunakan gambar penyelam lagi buka Komputer. gambar background bisa anda ganti dengan gambar yang anda inginkan. berikut Cara Membuat Backgroud di belakang Postingan Blog yang VALVEN ketahui:

1. Cara Manual - Membuat Background Postingan Blog

Loggin di Blogger - Klik Entri Baru

ada dua pilihan penulisan di blogger. penulisan dengan edit HTML dan Copose. pilih atau klik penulisan Edit HTML

Copy dan Paste kode di bawah ini di kotak penulisan Postingan

<div style="background:url(URL Image) no-repeat Center top; text-align:justify; font-size:100%; padding:10px">


Tulis Postingan (Artikel) anda disini


</div>

   Ganti tulisan URL Image dengan alamat URL gambar yang anda inginkan. lalu simpan dan selesai

rating 5

Cara Agar Feedburner Blog Tidak Dicuri

Cara Agar Feedburner Blog Tidak Dicuri - Bagi anda yang mempunyai blog cukup terkenal dan mempunyai artikel-artikel keren pasti 75% akan menjadi incaran dari autoblog. Cara agar feedburner blog tidak dicuri Banyak sekali kejadian orang yang curhat di forum-forum Feed blog-nya dicuri oleh autoblog yang maunya untung sendiri. Sebenarnya untuk mencegah 100% agar feed blog kita dicuri sampe sekarang saya belum kalo ada caranya, namun untuk meminimalisir terjadinya duplicate kontent oleh google akibat autoblog saya ada saran untuk teman semua.

Baca selengkapnya �

Tips Mencegah Duplikat Konten dalam Blog

Tips Mencegah Duplikat Konten dalam Blog - Apa Maksdunya? Gini, Misalnya, Anda memulai sebuah blog baru dengan Blogger.com. Anda membuat 3 tulisan, satu sehari-hari. Http://yourblog.blogspot.com halaman utama Anda menampilkan 3 posting, yang identik dengan http://yourblog.blogspot.com/2007_03_01_archive.html, arsip, menampilkan 3 posting yang sama.

Untuk search engine, ini adalah duplikat konten. Salah satu URL akan "supplementaled" atau lebih buruk, dihapuskan dari database search engine.
Blogger Arsip Opsi
Untuk mencegah hal ini terjadi ke blog Anda. Apakah Anda mengaktifkan pilihan Arsip saat pertama kali memulai blog. Tunggu sampai Anda sudah menulis lebih dari 1 atau 2 bulan.

Screen shot di atas menunjukkan kepada Anda bagaimana mengatur Arsip Frekuensi ke Tidak Arsip.
Original : dzulf.blogspot.com/2012/01/tips-mencegah-duplikat-konten-dalam.html

rating 5

Cara Buat Blog anti copas | disable klik kanan

Cara Buat Blog anti copas | disable klik kanan - Script ini berguna untuk membuat blog anti copas plus men-disable klik kanan pada blog sobat, jadi pengunjung tidak bisa membuka tab baru dg klik kanan diatas link ''Open in New Tab'', caranya: Yakni tempatkan script di bawah ini pada widget HTML/javascript pada blog kamu.

• login ke dashboard blogspot kamu.
• pilih Rancangan/Desain
• pada halaman element laman klik ''tambah gadget'' / ''Add gadget''
• pilih widget HTML/javascript
• dan pastekan script berikut didalamnya.
• klik SIMPAN

Script yang dicopy:

<script language="javascript"> <!-- Begin function shake(n) { if (parent.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.resizeTo(250,150); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i);}}}} // End --> PopUpURL = "Maaf anda tidak di perbolehkan klik kanan"; isIE=document.all; isNN=!document.all&&document.getElementById; isN4=document.layers; if (isIE||isNN) { document.oncontextmenu=checkV; } else { document.captureEvents(Event.MOUSEDOWN || Event.MOUSEUP); document.onmousedown=checkV; } function checkV(e) { if (isN4) { if (e.which==2||e.which==3) { dPUW=alert("Maaf anda tidak di perbolehkan klik kanan"); shake(2); return false; } } else { dPUW=alert(PopUpURL); shake(2); return false; } } </script>

Ganti tulisan yang berwarna ungu resuai kehendakmu

rating 5

Membuat gambar dengan efek bayangan

Membuat gambar dengan efek bayangan -Bagaimana cara Membuat gambar dengan efek bayangan?. Caranya sangat mudah. Gambar dengan efek bayangan ini tentu saja menambah nilai tersendiri pada gambar tersebut. Contohnya apabila kamu ingin mempromosikan sebuah produk atau ingin menjual sebuah ebook. Pengunjung yang melihat gambar dengan efek bayangan ini akan lebih tertarik untuk melakukan klik pada gambar tersebut.

Membuat gambar dengan efek bayangan :

1. Kunjungi Web Floor Maker. Kemudian upload image kamu.

2. Atur tampilan gambar. Apabila sudah klik generate.

3. Klik kanan pada hasil gambar. Kemudian pilih save image as.

Selesai. Selamat mencoba

rating 5

Cara Membuat Related Post Artikel di blogger

Cara Membuat Related Post Artikel di blogger - Ali Bloggers, menampilkan artikel yang berhubungan atau artikel yang sejenis (satu label). Dengan kata lain menampilkan beberapa artikel yang berada pada satu label. Contohnya teman-teman tips blogger bisa melihat pada akhir dari postingan saya ini, yaitu ada kotak yang bertuliskan "Read This | Baca Yang ini". Nah bagaimana cara membuatnya?, caranya sangat mudah. Apa teman-teman ingin mencobanya?, apabila iya silahkan lanjut membaca Cara Membuat Related Post.

Cara Membuat Related Post

1. Login ke account blogger kamu.

2. Masuk ke kustomisasi >> edit html.

3. Kemudian Klik centang pada "expand widget template".

4. Cari kode <p><data:post.body/></p> (tekan Control+F lalu masukkan kode tadi)

5. Pasang kode di bawah ini tepat di bawah kode <p><data:post.body/></p>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>

<div class='widget-content'>
<h3>Read this | Baca yang ini</h3>
<div style='border: 2px solid rgb(230, 230, 230); width:100%; height:300px; overflow:auto;'>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 50;

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;data2007&#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></div><p>Widget by [ <a href='http://tips-tutorial.blogspot.com/2009/08/cara-membuat-related-post-artikel-di.html' target='new'>Tips Blogger</a> ]</p>

</div>
</b:if>

6. Simpan dan lihat hasilnya...

rating 5

Cara Membuat Menu Horizontal

Cara Membuat Menu Horizontal | Menu horizontal merupakan kumpulan beberapa link yang diletakkan secara horizontal dan biasanya ditempatkan di bawah header. Pada kesempatan ini, kita akan mengulas trik blogger tentang Cara Membuat Menu Horizontal sederhana. Mengapa dikatakan sederhana? Karena jika kita optimasi lebih mendalam, ternyata terdapat beberapa varian dari menu horizontal tersebut. Fungsi dari trik blogger ini adalah sebagai salah satu navigasi dalam blog agar memberikan layanan kemudahan shortcut link bagi pengunjung blog kamu.

Singkat kata, berikut langkah membuat menu horizontal dalam blog kamu :

• Login ke account blogger kamu.
• Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

• Cari Kode kode ]]></b:skin> dan Copy-Paste (copas) kode berikut di atasnya.

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

/* navbar
================== */

#bg_nav {
background: #ffffff;
width: 850px;
height: 29px;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
color: #000000;
font-weight: bold;
margin: 0px auto 0px;
padding: 0px;
border-top: 1px solid #000000;
border-bottom: 1px solid #ffffff;
overflow: hidden;
}
#bg_nav a, #bg_nav a:visited {
color: #000000;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
padding: 0px 0px 0px 3px;
}

#bg_nav a:hover {
color: #000000;
text-decoration: underline;
padding: 0px 0px 0px 3px;
}

#navleft {
width: 500px;
float: left;
margin: 0px;
padding: 0px;
}
#navright {
width: 220px;
font-size: 11px;
float: right;
margin: 0px;
padding: 3px 5px 0px 0px;
}
#navright a img {
border: none;
margin: 0px;
padding: 3px 5px 0px 0px;
}

#nav {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#nav a, #nav a:visited {
background: #ffffff;
color: #000000;
display: block;
font-weight: bold;
margin: 0px;
padding: 8px 15px 8px 15px;
border-left: 1px solid #ffffff;
}
#nav a:hover {
background: #c06000;
color: #000000;
margin: 0px;
padding: 8px 15px 8px 15px;
text-decoration: none;
}

#nav li {
float: left;
margin: 0px;
padding: 0px;
}
#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 150px;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #ffffff;
width: 160px;
float: none;
margin: 0px;
padding: 7px 30px 7px 10px;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
#nav li li a:hover, #nav li li a:active {
background: #c06000;
padding: 7px 30px 7px 10px;
}

#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}

#nav li:hover ul {
left: auto;
display: block;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}

Catatan :

1. Agar menu horizontal sesuai dengan template blog, kamu perlu mengganti kode-kode yang berwarna hijau dan merah.
2. Khusus untuk kode yang berwarna hijau, sangat penting disesuaikan dengan lebar blog kamu.
3. Untuk kode pewarnaan, kamu bisa melihatnya di kode warna ini.

• Kemudian cari kembali kode seperti di bawah ini.

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true' title='test
(Header)' type='Header'/>

... dan seterusnya ...

</b:section>
</div>

• Copas kode berikut tepat di bawah kode yang berwarna hijau atau berwarna merah (sesuaikan dengan template blog kamu).

<div id='bg_nav'>

<div id='navleft'>
<div id='nav'>
<ul>
<li><a href='http://Alamat_Blog_Kamu.blogspot.com/'>home</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
</ul>
</div>
</div>

<div id='navright'>

<form action='http://Alamat_Blog_Kamu.blogspot.com/search' id='searchform' method='get' name='searchform'> <input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Cari'/>
</form>

</div>

</div><!-- akhir bg_nav -->

• Jangan lupa disimpan

Cara Membuat Browser Dengan Visual Basic 10

Cara Membuat Browser Dengan Visual Basic 10 - Selamat Malam indonesia, ciee, kali ini saya ingin share tentang Cara Membuat Browser Dengan Visual Basic 10,dan disini kalian akan bener bener di ajari secara detail tentang cara membuat browser dengan Visual basic semoga bagi kalian yang ingin menjadi blogger video cocok untuk kalian coba ini dia video tentang Cara Membuat Browser Dengan Visual Basic 10

semoga Cara Membuat Browser Dengan Visual Basic 10 bermanfaat buat kalian semua
rating 5

Cara Merubah Blog Nofollow Menjadi Dofollow

Cara Merubah Blog Nofollow Menjadi Dofollow - kali ini saya akan share sedikit mengenai Cara Merubah Blog Nofollow Menjadi Dofollow, Bagaimana cara mengubah blog kita dari nofollow menjadi dofollow? Secara default atau secara normal blog dari blogger.com terprogram untuk tidak mengikuti link2 dari komentator yang meninggalkan link atau para spammer, jadi pada saat googlebot meninspeksi blog kita, dia tidak dapat menjaring link2 yang ditinggalkan para komentator blog. Nah, untuk mengubah blog yang no follow menjadi blog do follow, mari kita lakukan langkah2 berikut....

Sejujurnya, pertama saya tidak mengetahui apa yang di maksud dengan blog yang nofollow dan blog yang dofollow, saya pikir yang nofollow dan dofollow itu adalah ketika kita men setting meta robot kita ke "nofollow" atau "follow", hehe ternyata lain, nih cara yang sebenarnya, silahkan sobat terapkan di blog sobat, soalnya blog yang dofollow bisa memiliki potensi banyak pengunjung dan komentator juga bisa di taruh di list2 blog do follow, seperti daftar blog do follow indonesia 2010.
Ok, ini dia caranya :

masuk ke dasboard > design > edit html, lalu centang Expand Widget Templates, setelah itu cari kode html berikut :

<a expr:href='data:comment.authorUrl' rel='nofollow'>

gunakan ( ctrl + F ) biar cepat mencari kode di atas, terus kalo sobat sudah mendapatkan kode tersebut, langsung di ganti saja tulisan nofollow menjadi dofollow.
Sekarang blog sobat sudah menjadi blog dofollow dan penggermar sesama blogger mungkin akan berdatangan untuk meninggalkan jejak2 mereka di blog sobat :) hehe, untuk melengkapinya, buatlah sebuah tulisan atau badge/lambang yang menyatakan dimana blog sobat mengikuti paham blog dofollow, biasanya tulisan yang biasa dilihat yaitu, "u comment I follow"....... hihii rating 5

Tips Cara Mengatasi Blogger Error bX-l4u1mh

Tips Cara Mengatasi Blogger Error bX-l4u1mh - atau Solusi Error bX-l4u1mh Pada Blogger/Blogspot, Sejak kemarin saya dipusingkan karena tidak bisa melakukan editing pada Page Element (Elemen Laman) Blogger, padahal ada widget blogger terbaru yang ingin saya coba pada salah satu blog dummy. Solusi mengatasi error galat bX-l4u1mh dengan menggunakan browser Google Chrome sudah saya coba eh ternyata masih error juga. Akhirnya iseng saya coba login ke http://draft.blogger.com/home ternyata disana saya bisa melihat tampilan lay out page element (elemen laman) tanpa ada masalah error code bX-l4u1mh. Menurut beberapa info sementara, error bX-l4u1mh pada blogspot ini disebabkan karena Blogger sedang melakukan perubahan pada halaman profil blogger yang akan dirubah menjadi seperti tampilan dynamic view atau Google Plus yang diintegrasikan dengan akun Google. Perubahan ini menyebabkan terjadi masalah pada rendering browser dan cookie. Sampai saat ini pihak Blogger/Google belum memberikan penjelasan resmi mengenai masalah ataupun solusi error bX-l4u1mh ini, namun Blogger sudah menyatakan mengetahui terjadi error bX-l4u1mh dan sedang melakukan investigasi http://knownissues.blogspot.com/2011/12/some-users-are-reporting-bx-l4u1mh-when.html.

Solusi Error bX-l4u1mh Pada Blogger/Blogspot :

1. Bersihkan dulu cache, history dan cookies yang ada pada browser anda saat ini dengan menggunakan software CCleaner.
2. Loginlah ke http://draft.blogger.com/ dengan menggunakan akun Google anda.
3. Pilih nama blog yang ingin anda edit Layout atau page element-nya dan pilih Tata Letak.

4. Sekarang anda sudah bisa melakukan perubahan atau editing pada Elemen Laman blog anda dan menyimpan perubahan yang dilakukan.

Semoga cara mengatasi error galat bX-l4u1mh di blogspot ini bisa membantu kesulitan rekan-rekan blogger yang mungkin saja masih mengalaminya. Semoga Bermanfaat rating 5