Tampilkan postingan dengan label Bloger. Tampilkan semua postingan
Tampilkan postingan dengan label Bloger. Tampilkan semua postingan

Jumat, 03 Februari 2012

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.

Senin, 30 Januari 2012

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

Rabu, 25 Januari 2012

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 »