Tutorial Blog

Cara membuat daftar isi otomatis dng scroll

Silahkan login ke blogger dengan ID anda
Klik Tata Letak
Klik tab Elemen Halaman
Klik Tambah Gadget

<div style="border: 1px solid #000; overflow: auto; height: 250px;">
<script style="text/javascript" src="https://sites.google.com/site/bloggermyblog/TableOfContents.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
var shownumposts = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>
<div align="right" style="padding:16px 5px 5px 5px;font-size:11px">
<a href="http://edo240.blogspot.com/2010/11/cara-membuat-widget-daftar-isi-otomatis.html" target="_blank" style="color:#000">Powered By Blogger</a>
</div>

5.paste kan kode tersebut ke kolom tersedia

6.kemudian simpan

Hasil nya akan seperti daftar isi di atas

Cara Pasang Windget ayat-ayat alqur'an

Silahkan login ke blogger dengan ID anda
Klik Tata Letak
Klik tab Elemen Halaman
Klik Tambah Gadget

5.paste kode script ke dalam kolom yang tersedia
6.simpan

Cara Mengetahui Harga Situs Web Anda

1.masuk ke sini
2.Tulis Url website anda "http://rendyriansyah.blogspot.com"
3.langsung aja copy script nya

Silahkan login ke blogger dengan ID anda
Klik Tata Letak
Klik tab Elemen Halaman
Klik Tambah Gadget
Klik tanda plus (+) untuk HTML/Javascript
paste kode script ke dalam kolom yang tersedia
simpan

"Semoga Bermanfaat"

Pasang Google Translate di Blog dgn Bendera

Berikut cara memasang widget Google Translate di blogger seperti gambar di atas

Silahkan login ke blogger dengan ID anda
Klik Tata Letak
Klik tab Elemen Halaman
Klik Tambah Gadget
Klik tanda plus (+) untuk HTML/Javascript
Copy paste kode di bawah ini ke dalam kolom yang tersedia
Lalu klik tombol simpan

Cara Memasang Musik Di Blog dng fungsi Aoto play

1.masuk ke sini
2.pilih arasement yang kalian inginkan misal nya "pop"
3.pilih band yang misal nya "Blink -182"
4.pilih lagunya lalu copy kode HTML NYA

Berikut cara memasang widget MUSIC di blogger

Silahkan login ke blogger dengan ID anda
Klik Tata Letak
Klik tab Elemen Halaman
Klik Tambah Gadget
Klik tanda plus (+) untuk HTML/Javascript
Copy paste kode Html td atau yang seperti di bawah ini ke dalam kolom yang tersedia

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/blink182-allthesmallthings.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

7.tekan tombol simpan

"Selesai Semoga bermanfaat "

Cara Membuat Iklan Melayang dng Auto Close

Membuat iklan melayang merupakan salah satu cara menghemat ruang diblog anda. Selain itu, cara ini merupakan suatu strategi untuk mengiklankan sebuah iklan di blog anda. Dimana kemungkinan mengkilik iklan yang ada diblog anda semakin besar karena kesalahan klik terjadi. Namun penempatanya pun harus memikirkan pertimbangan agar hal tersebut terjadi. Ikuti langkah2nya dibawah ini ;

1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
2. Masuk ke Tab Tata Letak
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Dan Copy kode di bawah ini kedalamnya yah

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtcI_IVq1T_Jwc2AxWJ2ko_37O2_k2GxZ57BM-SOiXKpA8DTP2o0iuid87lfJQUOpNsstIQszWm9Pysdao9GZdAYydKmNf7j9ac1LknF97Yps1w5AJlj_DWnc6qnZsVyEBvCN4XhOTPgE/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtcI_IVq1T_Jwc2AxWJ2ko_37O2_k2GxZ57BM-SOiXKpA8DTP2o0iuid87lfJQUOpNsstIQszWm9Pysdao9GZdAYydKmNf7j9ac1LknF97Yps1w5AJlj_DWnc6qnZsVyEBvCN4XhOTPgE/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

Cara pasang Image / banner di sudut Blog

Salah satu trik blogger agar blog kelihatan tambah menarik adalah memasang image di sudut blog. Pemasangan image bisa di atas kiri, atas kanan, bawah kiri, dan bawah kanan. Selain itu trik ini juga dapat dimanfaatkan untuk fungsi yang lain, sesuai dengan apa yang kamu inginkan. langsung kita mulai trik memasang image di sudut blog :

* Login ke account blogger kamu.
* Pilih Tata Letak --> Edit HTML.

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.

* Tambahkan kode berikut di atas kode ]]></b:skin>

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

* Text yang berwarna biru adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".

* Kemudian tambahkan kode ini di atas kode </body>

<div id="trik_pojok">
<a href="http://echabintangtimur.blogspot.com">
<img src="http://i727.photobucket.com/albums/ww278/echabintangtimur/gambaranimasi.gif" border="0" /></a>
</div>

* Ganti kode yang berwarna merah dengan alamat blog kamu dan alamat penyimpanan image kamu.
* Jangan lupa disimpan

Selamat mencoba pasang image di sudut blog...

Cara memasang user online pada blog

Widget user online diperlukan oleh sebuah blog untuk mengetahui jumlah pengunjung yang sedang bertamu pada suatu blog. Tentu kita akan merasa bangga jika angka pada user online, angkanya menunjukan lebih dari 1 apalagi jika jumlahnya banyak. Angka tersebut menunjukan kedudukan blog kita dari pengguna internet yang sedang online.
Banyak situs yang menyiapkan widget user online secara gratis, diantaranya whos.amung.us , histats.com dan shynistat.com. Dari ketiga situs itu kita bisa memasang widget yang menunjukan jumlah pengunjung yang sedang online pada blog kita.

Berikut ini akan dipaparkan langkah-langkah menambah widget user online dari ketiga situs diatas.
A. Widget User Online dari whos.amung.com

1. Klik link http://whos.amung.com
2. Kita langsung dibawa pada halaman yang menampilkan widget berwarna hitam dengan tulisan putih (widget klasik).
3. Jika belum puas dengan penampilan widget tersebut, klik Customize your widget!
4. Pilihlah warna yang sesuai dengan blog anda, baik untuk warna widget maupun warna font.
5. setelah pewarnaan selesai, lihat ke bagian bawah. Disitu ada kode HTML (bisa dicopy) dan dibawahnya lagi ada button Blooger dan Typepad. Klik button Blogger.
6. Setelah di situs blogger kita diarahkan untuk menambah elemen halaman. Anda tinggal mengisi kotak-kotak isian dengan nama blog anda dan judul dari widget yang akan ditambahkan.
7. Klik menambah widget.
8. Selesai.

B. Widget User Online dari histats.com

1. Klik link http://www.histats.com
2. Daftarkan diri anda dengan memilih register pada tab menu di bagian atas.
3. Isilah kotak-kotak pendaftaran dengan data anda.
4. Setelah data anda diisi dengan lengkap, jangan lupa beri tanda centang pada I have read and agree Publisher Agreement Terms, kemudian klik continue.
5. Langkah berikutnya adalah memilih sebuah kategori : Animated Counters, counter 1lines, Counter 2 lines dst. Klik yang anda pilih.
6. Pada halaman berikutnya ditampilkan contoh-contoh dari pilihan anda tadi. Klik pada bulatan dibawah contoh kemudian klik Continue (dibagian bawah).
7. Pada bagian Value are sorted by server anda dapat memilih apa saja yang ingin ditampilkan dengan kilk tanda panah kemudian pilih salah satunya atau pilih empty jika tidak ingin ditampilkan. Klik Continue.
8. Tunggu sekitar 20 detik. Widget anda telah selesai, tinggal copy kode HTML dan simpan ada notepad. Jangan lupa lihat juga contoh widget histats yang kita pilih dibawah kode HTML
9. Selesai.

Langkah-langkah memasukkan widget ke Blog

1. Login ke blogger dengan ID anda

2. Klik Tata Letak

3. Klik menu Elemen Halaman

4. Klik Tambah Gadget

5. Klik tanda tambah ( + ) pada HTML/Java Sricpt

6. Copy kode HTML tadi yang ada pada notepad lalu paste pada kolom yang disediakan.

7. Klik tombol simpan

8. Selesai

Memasang Widget Daftar Isi Blog

Salah satu cara untuk menampilkan semua daftar postingan adalah dengan cara membuat daftar isi. Dengan adanya daftar isi tentu akan memudahkan pengunjung (visitor) blog untuk mencari artikel di blog kita berdasarkan judul postingan selain menggunakan page number dan tombol search. Banyak cara dan plugin yang digunakan untuk menampilkan daftar isi blog,

Berikut ini langkah-langkahnya :

* Login di blogger, lalu masuk ke page element.

* Klik add page element (Terserah anda mau disimpan dimana. Baik di sidebar atau di bagian footer)

* Pilih html / javascript .

*Selanjutnya, copy paste kode di bawah :

<div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script style="text/javascript" src="http://mizwar.blog.googlepages.com/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://www.echabintangtimur.co.cc/feeds/posts/default?
orderby=published&alt=json-in-script&max-results=999
&callback=showrecentposts"></script></div>

Silahkan ganti text yang berwarna merah dengan nama blog anda.

Catatan,Widget tersebut, akan hanya akan menampilkan judul blog nya saja. Jika anda ingin memodifikasinya, silahkan ganti kata false dengan true atau sebaliknya. lihat text berikut :

var numposts = 1000;
var showpostdate = false; / untuk menampilkan tanggal postingan
var showpostsummary = false; / untuk menampilkan ringkasan postingan
var numchars = 100;
var standardstyling = true;

UPDATE.....
Selain cara diatas ada cara kedua yaitu pilih Klik add page element ,Pilih html / javascript Selanjutnya, copy paste kode di bawah :

Selamat mencoba, semoga bermanfaat dan jangan lupa berikan komentar.

CPU-Z Terbaru

CPU-Z adalah freeware gratis untuk mendeteksi spesifikasi komputer. Bagi netter yang sudah sering memakai freeware, tentu software yang satu ini tidak asing lagi.
Informasi yang dihasilkan antara lain nama processor, VGA, memori, mainboard, BIOS, cache dan informasi sisetm operasi. Informasi yang dihasilkan cukup detil, seperti nama mainboard, model, revisi ke berapa, pabrik pembuatnya, tanggal pembuatnya.

CPU-Z adalah sebuah freeware yang dapat digunakan untuk mengetahui informasi tentang CPU dan Hardware yang kita gunakan. CPU-Z tidak perlu untuk diinstall, cukup diekstrak dan langsung dijalankan pada file cpuz.exe. Untuk remove program ini cukup menghapus file programnya saja. Dan CPU-Z hanya dapat dijalankan pada Microsoft Windows operating systems.

CPU-Z is a freeware utility that provides some information on your CPU :

* Processor name and vendor
* Core stepping and process
* Processor package
* Processor current core voltage
* Internal and external clocks, clock multiplier
* Partial overclock detection
* Processor features, including supported instructions sets.
* L1 and L2 cache informations : location, size, speed, technology.
* Motherboard informations : BIOS, chipset, memory, AGP.

Change Log :

* AMD Phenom II processor.
* New Intel Core 2 models.
* Improved loading time.
* New online validation process.
* New Hall of Fame.
Supported Hardware - Our kit supports the following hardware :

Processors

* Intel® Pentium™, Pentium™ MMX, Pentium™ Pro, Pentium™ II, Pentium™ !!!, Pentium™ !!!-M, Pentium™ 4, Pentium™ 4-M, Pentium™ M, Pentium™ D, Pentium™ XE, Pentium™ Dual Core, Core™ Solo, Core™ Duo, Core™ 2 Duo, Core™ 2 Quad, Core™ 2 Extreme, Celeron™ (P2/P3/P4/PM/CL) and Xeon™ (P2/P3/P4/C2D/C2Q) ; Core™ i7 ; Itanium™, Itanium™ ;

* AMD® Am5×86, K5™, Geode LX, K6™, K6™-2, K6™-III, K6™-2+, K6™-III+, Athlon™ (4, XP, MP), Duron™, Sempron™ (K7/K8), Athlon™ 64, Athlon™ 64 X2, Turion™, Opteron™, Athlon™ FX, Phenom™ ;

* VIA® C3™ (Samuel, Samuel2, Ezra, Ezra-T, Nehemiah), C7™, C7™-M, Nano™ ;

* Transmeta® Crusoë™ TM3200, TM5400, TM5500, TM5600, TM5800 ;

Chipsets

* Intel® i430TX, i440LX, i440FX, i440BX/ZX, i810/E, i815/E/EP/EM, i840, i845, i845E, i845G, i850/E, i845PE/GE, E7205, E7500, E7520, i852, i855, i865P/PE/G, i875P, i915P/G, i915PM/GM, i925X/XE, i945P/PL/G/GZ, i945PM/GM/GT, i955X/XE, P965, Q965, G965, GL960/GM965/PM965, i975X, P35, G33, G31, Q35, Q33, X38, X48, P45, X58 ;

* VIA® Apollo VP3, Apollo Pro, Apollo Pro +, Apollo Pro 266, KX133, KT133(&A), KT266(&A), KT400(&A), KT600, P4X266(&A), PT880, PT880 Pro, K8T800, K8T890, K8T900, P4M800CE, P4M890, P4M900, CX700/VX700 ;

* NVIDIA® nForce, nForce2, nForce3, nForce4, nForce4 SLI Intel Edition, GeForce 6100/6150 (nForce 410/430), nForce 520/550/560/570/590, GeForce 7050/7100/7150, 650i, 680i, 750a/780a, 750i, 780i, 790i ;

* ATi® RS350, RS400, RS480/RX480, RS482, RD580/RX580, RS600/RD600, RS690, RS700, RD790 ;

* SiS® 645, 645DX, 648, 648FX, 649, 655FX, 655TX, 656, 662, 735, 756, 761GX, 760, 760GX, 755, 755FX, 741, 741GX, 671/FX/DX/MX ;

* AMD® AM-751, AM-761, AM-762 (760MP) ;

Memory Technologies

* SDR, DDR, DDR2, FB-DDR2, DDR3, RDRAM (Rambus®) ;
* EPP and XMP extended profiles ;

Jadi dengan freeware ini kita bisa mengetahui spesifikasi yang dimiliki oleh sebuah PC/NoteBook. Sehingga kita tidak salah memilih jika ingin membeli sebuah PC/NoteBook second. Untuk download freeware ini ada pada link download dibawah ini.

Rendi-xp

Feedjit