cara membuat Scroll Pada Archive Blog

Ok , Sahabat Kali kita akan membahas tentang bagaimana caranya membuat Scroll Pada Archive Blog ..... Mula-mula nya sih saya melihat tampilan archive blog saya kok lumayan sudah banyak yah ?? dan dari situ saya melihat tidak enak dengan tampilan tersebut terlalu panjang ke bawah .... dan saya berfikir bagaimana caranya merampingkan tampilan tersebut dan dengan tidak sengaja ada yang berbisik di telinga saya ..... hehehe katanya pake Scroll ajah .... dan saya pikir kembali gimana caranya membuat Scroll pada Archive blog ?? dengan kemampuan saya yang Minim ....dan akhirnya saya menanyakan kepada teman2 saya bagaimana cara membuat nya ? eh pada nggak tau dan akhirnya saya menemukannya di KANG GOOGLE ...... dan beginilah Isi dari yang saya Baca di KANG GOOGLE ...... Ok lanjut ke Step Pembuatan :

Bahan-bahan yang di butuhkan :

*. Minuman Dingin ( Jangan Lupa Beli 2 untuk Oriza 1 ) hehehe

*. Makanan Ringan ( janagn lupa Belinya 2 untuk Oriza 1 ) hehehe

*. Kesabaran & Ketelitian

Tutorial :

1. Log in keblogger
2. Masuk ke Rancangan / Layout
3. Edit HTML (centang kotak expand widget template)
4. Misalkan kita akan memberi fungsi scroll pada archive blog, maka sobat cari kode seperti dibawah ini Untuk Memastikan saja ..... hehehhe ..... nggak penting kok ....kalo kode di bawah ini ........ yang penting Step 5 ...

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>

Cari yang mirip dengan kode diatas
5. Setelah ketemu sobat pasang kode dibawah ini tepat diatas kode ]]>

#BlogArchive1 .widget-content{
height:400px;
width:auto;
overflow:auto;
}

5. Simpan template dan silahkan sobat lihat hasilnya

Sebagai Contoh nya lihat Blog saya

Catatan : height:400px; adalah untuk tingginya, jadi silahkan sobat sesuaikan sendiri sesuai dengan kebutuhan ..... Jangan Lupa Follow Blog Saya ...... Trimakasih ......

Salam Hangat Oriza

READ MORE >

Cara Mengkompres Code HTML,JavaScript , & CSS

ok kali ini saya akan Posting tentang cara mengkompres HTML, Java Script, & CSS

Perlu anda ketuhui kecepatan loading blog menjadi salah satu faktor SEO dan penilaian search engine kepada situs kita jika anda ingin memiliki posisi yang bagus di mesin pencari maka buanglah segala pernak-pernik yang membuat situs menjadi lama untuk di buka, seperti widget flash, atau fotodengan size yang besar dan kurangi penggunaan javascript.


Blog orizaman.co.cc ini mungkin dapat dikategorikan sebagai blog yang cukup berat, sebab banyak sekali menggunakan javascript terutama pada bagian "Halaman Home". Oleh sebab itu saya seringkali berusaha melakukan kompresi untuk sedikit mempercepat loading blog tanpa merubah tampilan blog ini. Dibawah ini ada beberapa online tools yang sering saya pakai untuk melakukan kompresi pada blog ini:


1. CSS Compessor - Situs: CSS Drive
CSS compessor adalah untuk merapihkan dan menghilangkan spasi yang tidak terpakai pada kode CSS, hal ini dilakukan agar kode CSS lebih mudah dibaca saat blog kita dibuka. Untuk lebih jelasnya silahkan baca di postingan


2. HTML Compressor - Situs: Boryi.com
Fungsi dari HTML compressor tidak jauh berbeda dari CSS compressor, HTML compressordigunakan untuk merapihkan kode HTML pada blog kita.


3. JavaScript Compressor - Situs: Dean Edwars
Memasang JavaScript pada blog seringkali membuat loading blog menjadi berat, hal ini disebabkan biasanya kode javascript di hosting di luar blogger. Tapi, salah satu faktor lain kenapa kodejavascript sering membuat loading blog menjadi berat adalah penyusunan kode javascript yang acak-acakan. Mungkin teman-teman sering memasang kode javascript dari penyedia widget seperti widget recent post, popular post dan sebagainya. Tapi pernahkah teman-teman memeriksa kode javascriptnya? coba perhatikan code javascript "menu tabview" pada sidebar blog ini sebelum di kompres:

function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);

// ----- Tabs -----

var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;

var Tab = Tabs.firstChild;
var i = 0;

do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);

// ----- Pages -----

var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;

var Page = Pages.firstChild;
var i = 0;

do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}

// ----- Functions -------------------------------------------------------------

function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }

function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
Dibawah ini kode javascript setelah di kompres:

function tabview_aux(TabViewId,id){var TabView=document.getElementById(TabViewId);var Tabs=TabView.firstChild;while(Tabs.className!="Tabs")Tabs=Tabs.nextSibling;var Tab=Tabs.firstChild;var i=0;do{if(Tab.tagName=="A"){i++;Tab.href="javascript:tabview_switch('"+TabViewId+"', "+i+");";Tab.className=(i==id)?"Active":"";Tab.blur()}}while(Tab=Tab.nextSibling);var Pages=TabView.firstChild;while(Pages.className!='Pages')Pages=Pages.nextSibling;var Page=Pages.firstChild;var i=0;do{if(Page.className=='Page'){i++;if(Pages.offsetHeight)Page.style.height=(Pages.offsetHeight-2)+"px";Page.style.overflow="auto";Page.style.display=(i==id)?'block':'none'}}while(Page=Page.nextSibling)}function tabview_switch(TabViewId,id){tabview_aux(TabViewId,id)}function tabview_initialize(TabViewId){tabview_aux(TabViewId,1)}
Hampir semua kode javascript yang ada di blog saya selain ini di compress dan saya hosting ulang agar sedikit mempercepat loading javascript yang saya pasang. Untuk tips gratis menghosting javascript akan saya bahas pada postingan berikutnya.


4. Image Compressor - Situs: Dynamic Drive
Image compressor berfungsi untuk mengkompres ukuran gambar, sebenarnya saya lebih sering menggunakan Photoshop untuk mengkompres gambar, tapi buat teman-teman yang tidak terbiasa denganPhotoshop silahkan menggunakan layanan dari Dynamic Drive.

Mudah-mudahan beberapa online tools di atas bisa bermanfaat buat teman-teman blogger semua..

di Post kan oleh : Kang Salman

Jangan Lupa Follow Blog Saya .... Trimakasih ....

Salam Hangat Oriza

READ MORE >

Cara Membuat Tanda Tangan (Signature) Online

Saya pernah melihat sebuah blog yang di setiap akhir Postingannya terdapat tanda tangan [terlihat resmi] seperti di samping,waktu itu saya kepikiran untuk membuat postingan cara membuat Tanda Tangan/Signature tersebut,tapi karna ada postingan lain yang mau di buat,jadinya cara membuat Signature Online ini belakangan aja,tapatnya pada kesempatan ini.Sudahlah kita langsung masuk aja ke topic,Tanda tangan atau Signaturebiasa kita tuliskan pada sebuah surat,Tentu tanda tangan setiap Orang berbeda,lalu bagaimana jika kita ingin menambahkan/membuat tanda tangan secara Online???

Setelah dicari-cari ternyata ada caranya lho,untuk membuatnya kita bisa mengunakan layanan darihttp://mylivesignature.com/ .Cara membuat tanda tangan di mylivesignature ini sangat mudah lho,berikut langkah-langkah untuk membuatnya.

1.Masuk pada situs tersebut dengan mengetikan http://mylivesignature.com/ pada address bar anda,jika sudah masuk,klik tab Start Now

2.Lalu pilih Create Signature

3.Lalu Pilih Using the signature creation wizard

4.Lalu masukan nama Anda pada kotak Name, Klik Next Step.

5.Pada bagian ini Anda dapat memilih bentuk(font) tanda tangan yang hendak digunakan, lalu klikNext Step.

6.Pada Bagian ini anda dapat menentukan ukuran(Size) tanda tangan yang anda buat,lalu klikNext Step.

7. Pada Bagian ini anda dapat menentukan warna(Colour) tanda tangan yang anda buat,lalu klikNext Step.

8. Pada Bagian ini anda dapat menentukan arah(Slope) tanda tangan yang anda buat,lalu klikNext Step.

9.Lalu akan tampil HTML Generating Code,Klik pada Want To Use this Signature.

10.Setelah tampil pilihan Generating signature code,anda klik yang HTML-nya atau pada linkGenerate HTML code.

11.Lalu Pada Generated HTML code pilih Generate a code for my handwritten signature.

12.Lalu Copy kode yang ada

13.Lalu masuk ke Dashboard klik Pengaturan >> Format.

14.Pada kotak Template Posting ,masukan kode dari mylivesignature

15.Klik tombol Simpan Setelan

16.Selesai

Semoga berhasil ya,udah dulu postingan kali ini,udah capek dari tadi jari tangan ketik keyboard terus,please Follow Blog saya. Trimakasih

Salam Hangat Dari Oriza

READ MORE >

Pemasangan Widget Alexa ke Blog

Hallo Semuanya , apa kabar hari ini ?? pasti baik bukan ?

kali ini saya akan membahas seputar pemasangan Widget Alexa ke Blog . Tutorial ini ditujukan kepada Blogger yang masih awam dalam dunia Blogging, bukan ditujukan kepada Anda yang sudah mahir yang menganggap tutorial ini tidak berguna sama sekali.

Memasang Widget alexa sangatlah mudah.
Tanpa Basa - basi lagi langsung ke TKP ajah

Kita langsung saja ke permasalahannya. :

1.Silahkan tuju ke situs Alexa

2.Klik For site owner untuk memulai pengambilan widget alexa.









3.Lalu pilih Site Widget untuk mengambil Widget nya.







4.Masukan alamat blog anda pada kolom yang disediakan,,lalu Klik Build Widget








5.Lalu pilih Widget mana yang Anda suka dan Ambil Kodenya.

6.Lalu masuk ke Blogger dengan Id Anda

7.Klik Layout >> Elemen Halaman >> Tambah Gadget.

8.Pilih Edit HTML








9.Pastekan Kode Alexa ke dalam kotak HTML yang disediakan

10.Save Template

Selamat Mencoba

Salam Oriza ( Ilman Hilmi Oriza )

READ MORE >

Cara Pasang Status User Online

Rasanya tidak ada henti-hentinya jika kita membahas mengenai aksesoris atau tool blog,,betapa tidak tool-tool ini selalu bermunculan di dunia maya,dalam postingan kali ini akan dibahas salah satu tool yang banyak digunakan oleh para blogger yaitu tool yang digunakan untuk melihat atau mengetahui berapa banyak penguna atau user yang sedang online pada blog kita.

Disamping berfungsi sebagai blog tools, tool ini berfungsi juga sebagai aksesori blog yaitu untuk menghiasi halaman blog milik kita agar tampak lebih cantik dan menarik untuk dilihat oleh para pengunjung. Oleh karena alasan tadi banyak penyedia tool ini yang menawarkan tampilan-tampilan yang unik serta menarik di samping fungsi utamanya yakni melacak user yang sedang online di blog kita.

Ok kita langsung saja ke topic masalah untuk mendapatkan tool ini silahkan situs penyedianya

whos.amung.us

1.Silahkan kunjungi situs http://whos.amung.us/

2.Klik pada Customize your Widget untuk mengatu warna Widget

3.Copy kode yang disediakan ke elemen halaman blog anda

4.jika anda menginkan bentuk widget yang lain klik menu SHOWCASE

Contohnya seperti ini

Whosread

1.Silahkan kunjungi situs http://whosread.com/

2.Klik pada Get your own free counter!

3.Copy kode yang disediakan ke elemen halaman blog anda.

Contohnya seperti ini


Fastonlineusers

1.Silahkan kunjungi situs http://www.fastonlineusers.com/

2.Klik menu HTML Code pada navigasinya

3.Copy kode yang disediakan ke elemen halaman blog anda.

4.Pada kata CHANGE_TO_YOUR_DOMAIN : Tukar dengan ULR anda

Contohnya seperti ini

1 online
Casino Game


Gimana mudahkan masangnya, Sebagai tambahan,Situs penyedia lainnya yang bias sobat
kunjungi

• www.geovisite.com
• www.histats.com
• http://www.neoworx.net
• http://www.webfooted.net

Jangan Lupa Follow Blog Saya Para Sobat Blogger ... Trimakasih

Salam Oriza

READ MORE >

Mengukur Kecepatan Mengakses Blog

Sobat blogger pasti menginginkan blog nya tampil sebagus,semenarik mungkin,pasang ini,pasang itu,sampai2 panjang nya udah seperti Menara Petronas(wadu tingi amat)? ngaak kok.tapi karma terlalu keasikan merias blog,Sobat blogger sampai-sampai melupakan sesuatu yang sangat penting yaitu kecepatan blog diakses dan masalah berat(Size),berapa lamanya waktu yang dibutuhkan untuk membuka Blog.

Perlu diperhatikan ,walaupun blog itu menarik atau bagus tapi jika masalah ini tidak diatasi maka akan membuat pengunjung Blog merasa jengkel karma kelamaan menunggu dan akhirnya malah menutup blog(wadu sayang amet),kamu tidak maukan jika blog mu demikian,lama,lama dan lama buaanget loadingnya.dan membuat blog mu jadi sepi pengunjung,hahaha jangan bersedih kita akan belajar sama2 untuk mengatasi hal itu.


Nha dibawah ini ada sebuah alat yang berfungsi untuk mengukur kecepatan Blog diakses atau mengukur seberapa cepat loadingnya..nha untuk menggunakannya kamu tinggal masukin aja alamat blog mu,atau alamat blog yang ingin kamu cek,lalu tekan tombol Check.kemudian hasilnya akan langsung keluar.hasil yang ditampilkan berupa Size,Load Time dan Average speed per KB,tapi yang jadi pusat perhatian adalah Size,karna Average dan Load Time dapat berubah sewaktu-waktu,jika Size menunjukan lebih dari 100KB,maka usahakanlah untuk mengurangi pernak-pernik yang tidak perlu,dengan Tool ini kamu juga bisa membandingkan blog mu dengan blog sobat blogger lainnya.

Masukan alamat Web/Blog yang ingin diuji(maksimal 10) (contoh:http://www.orizaman.co.cc)

READ MORE >