Awal Mula Terciptanya Komputer, Sejarah Jaringan Komputer, dan Over The Top Computing

Nama : I Komang Adyanata

NIM : 1404505037

Jurusan : Teknologi Informasi, F.Teknik, Univ.Udayana

Mata kuliah : E - Application

Dosen : I Putu Agus Eka Pratama, S.T., M.T.

Awal Mula Terciptanya Komputer

Komputer adalah alat yang dipakai untuk mengolah data menurut perintah yang telah dirumuskan. Kata komputer semula dipergunakan untuk menggambarkan orang yang perkerjaannya melakukan perhitungan aritmatika, dengan atau tanpa alat bantu, tetapi arti kata ini kemudian dipindahkan kepada mesin itu sendiri. Saat ini, komputer sudah semakin canggih. Tetapi, sebelumnya komputer tidak sekecil, secanggih, sekeren dan seringan sekarang. Dalam sejarah komputer, ada 5 generasi dalam sejarah komputer :

Museum Komputer di California

- Komputer generasi pertama ( 1940-1959 ).

     Komputer generasi pertama ini menggunakan tabung vakum untuk memproses dan menyimpan data. Ia menjadi cepat panas dan mudah terbakar, oleh karena itu beribu-ribu tabung vakum diperlukan untuk menjalankan operasi keseluruhan komputer. Ia juga memerlukan banyak tenaga elektrik yang menyebabkan gangguan elektrik di kawasan sekitarnya. Beberapa komputer generasi pertama :

• ENIAC (Electronic Numerical Integrator And Calculator ), dirancang oleh Dr John Mauchly dan Presper Eckert pada tahun 1946. Komputer generasi ini sudah mulai menyimpan data yang dikenal sebagai konsep penyimpanan data (stored program concept) yang dikemukakan oleh John Von Neuman.
• EDVAC Computer (Electronic Discrete Variable Automatic Computer), Penggunaan tabung vakum juga telah dikurangi di dalam perancangan komputer EDVAC (Electronic Discrete Variable Automatic Computer) di mana proses perhitungan menjadi lebih cepat dibandingkan ENIAC.
• EDSAC COMPUTER ( Electonic Delay Storage Automatic Calculator ), EDSAC (Electonic Delay Storage Automatic Calculator) memperkenalkan penggunaan raksa (merkuri) dalam tabung untuk menyimpan data.
• UNIVAC 1 Computer, Pada tahun 1951 Dr Mauchly dan Eckert menciptakan UNIVAC 1 (Universal Automatic Calculator ) komputer pertama yang digunakan untuk memproses data perdagangan.

- Komputer generasi kedua ( 1959 -1964 )

    Pada tahun 1948, penemuan transistor sangat mempengaruhi perkembangan komputer. Transistor menggantikan tabung vakum di televisi, radio, dan komputer. Akibatnya, ukuran mesin-mesin elektrik berkurang drastis. Transistor mulai digunakan di dalam komputer mulai pada tahun 1956. Penemuan lain yang berupa pengembangan memori inti-magnetik membantu pengembangan komputer generasi kedua yang lebih kecil, lebih cepat, lebih dapat diandalkan, dan lebih hemat energi dibanding para pendahulunya. Mesin pertama yang memanfaatkan teknologi baru ini adalah superkomputer. IBM membuat superkomputer bernama Stretch, dan Sprery-Rand membuat komputer bernama LARC. Salah satu contoh penting komputer pada masa ini adalah IBM 1401 yang diterima secaa luas di kalangan industri. Pada tahun 1965, hampir seluruh bisnis-bisnis besar menggunakan komputer generasi kedua untuk memproses informasi keuangan. 

- Komputer generasi ketiga (1964 - awal 80 an)

      Walaupun transistor dalam banyak hal mengungguli tube vakum, namun transistor menghasilkan panas yang cukup besar, yang dapat berpotensi merusak bagian-bagian internal komputer. Batu kuarsa (quartz rock) menghilangkan masalah ini. Jack kilby, seorang insinyur di Texas Instrument, mengembangkan sirkuit terintegrasi (IC : Integrated Circuit) di tahun 1958. IC mengkombinasikan tiga komponen elektronik dalam sebuah piringan silikon kecil yang terbuat dari pasir kuarsa. Pada ilmuwan kemudian berhasil memasukkan lebih banyak komponen-komponen kedalam suatu chip tunggal yang disebut semikonduktor. Hasilnya, komputer menjadi semakin kecil karena komponen–komponen dapat di padatkan dalam chip. Kemajuan komputer generasi ketiga lainnya adalah penggunaan sistem operasi (operating system) yang memungkinkan mesin untuk menjalankan berbagai program yang berbeda secara serentak dengan sebuah program utama yang memonitor dan mengkoordinasi memori komputer.

- Komputer generasi keempat ( awal 80an – Sekarang )

      Setelah IC, tujuan pengembangan menjadi lebih jelas: mengecilkan ukuran sirkuit dan komponen komponen elektrik. Large Scale Integration (LSI) dapat memuat ratusan komponen dalam sebuah chip. Pada tahun 1980-an, Very Large Scale Integration (VLSI) memuat ribuan komponen dalam sebuah chip tunggal. Ultra-Large Scale Integration (ULSI) meningkatkan jumlah tersebut menjadi jutaan. Kemampuan untuk memasang sedemikian banyak komponen dalam suatu keping yang berukurang setengah keping uang logam mendorong turunnya harga dan ukuran komputer. Hal tersebut juga meningkatkan daya kerja, efisiensi dan keterandalan komputer. Chip Intel 4004 yang dibuat pada tahun 1971 membawa kemajuan pada IC dengan meletakkan seluruh komponen dari sebuah komputer (central processing unit, memori, dan kendali input/output) dalam sebuah chip yang sangat kecil. Sebelumnya, IC dibuat untuk mengerjakan suatu tugas tertentu yang spesifik. Sekarang, sebuah mikroprosesor dapat diproduksi dan kemudian diprogram untuk memenuhi seluruh kebutuhan yang diinginkan. Tidak lama kemudian, setiap perangkat rumah tangga seperti microwave oven, televisi, dn mobil dengan electronic fuel injection dilengkapi dengan mikroprosesor.

- Komputer generasi kelima ( masa depan )

     Banyak kemajuan di bidang desain komputer dan teknologi semakin memungkinkan pembuatan komputer generasi kelima. Dua kemajuan rekayasa yang terutama adalah kemampuan pemrosesan paralel, yang akan menggantikan model non Neumann. Model non Neumann akan digantikan dengan sistem yang mampu mengkoordinasikan banyak CPU untuk bekerja secara serempak. Kemajuan lain adalah teknologi superkonduktor yang memungkinkan aliran elektrik tanpa ada hambatan apapun, yang nantinya dapat mempercepat kecepatan informasi. Jepang adalah negara yang terkenal dalam sosialisasi jargon dan proyek komputer generasi kelima. Lembaga ICOT (Institute for new Computer Technology) juga dibentuk untuk merealisasikannya. 

Sejarah Jaringan Komputer

Jaringan Komputer

      Tahun 1957 Uni Soviet (sekarang Rusia) meluncurkan wahana luar angkasa, Sputnik. Sebagai buntut dari “kekalahan” Amerika Serikat dalam meluncurkan wahana luar angkasa, Tahun 1958 dibentuklah sebuah badan di dalam Departemen Pertahanan Amerika Serikat, Advanced Research Projects Agency (ARPA), yang bertujuan agar Amerika Serikat mampu meningkatkan ilmu pengetahuan dan teknologi negara tersebut. Salah satu sasarannya adalah teknologi komputer. 1962 J.C.R. Licklider menulis sebuah tulisan mengenai sebuah visi di mana komputer-komputer dapat saling dihubungkan antara satu dengan lainnya secara global agar setiap komputer tersebut mampu menawarkan akses terhadap program dan juga data. Di tahun ini juga RAND Corporation memulai riset terhadap ide ini (jaringan komputer terdistribusi), yang ditujukan untuk tujuan militer. Awal 1960-an Teori mengenai packet-switching dapat diimplementasikan dalam dunia nyata. Pertengahan 1960-an ARPA mengembangkan ARPANET untuk mempromosikan “Cooperative Networking of Time-sharing Computers“, dengan hanya empat buah host komputer yang dapat dihubungkan hingga tahun 1969, yakni Stanford Research Institute, University of California, Los Angeles, University of California, Santa Barbara, dan University of Utah. 1965 Istilah “Hypertext” dikeluarkan oleh Ted Nelson. 1968 Jaringan Tymnet dibuat. 

      Tahun 1971 Anggota jaringan ARPANET bertambah menjadi 23 buah node komputer, yang terdiri atas komputer-komputer untuk riset milik pemerintah Amerika Serikat dan universitas. 1972 Sebuah kelompok kerja yang disebut dengan International Network Working Group (INWG) dibuat untuk meningkatkan teknologi jaringan komputer dan juga membuat standar-standar untuk jaringan komputer, termasuk di antaranya adalah Internet. Pembicara pertama dari organisasi ini adalah Vint Cerf, yang kemudian disebut sebagai “Bapak Internet“ 1972-1974 Beberapa layanan basis data komersial seperti Dialog, SDC Orbit, Lexis, The New York Times DataBank, dan lainnya, mendaftarkan dirinya ke ARPANET melalui jaringan dial-up. 

Over The Top

OTT Service

    Layanan Over-The-Top (disingkat OTT) adalah layanan dengan konten berupa data, informasi atau multimedia yang berjalan melalui jaringan internet. Bisa dikatakan juga layanan OTT adalah “menumpang” karena sifatnya yang beroperasi di atas jaringan internet milik sebuah operator telekomunikasi. Beberapa contoh perusahaan yang beroperasi di layanan OTT adalah Facebook, Twitter, Youtube, Viber, dan lain-lain. Perusahaan-perusahaan layanan OTT seperti Whatsapp dan lainnya umumnya tidak memiliki bentuk kerjasama resmi dengan para penyelenggara telekomunikasi. OTT sama sekali tidak bertanggungjawab terhadap kemampuan bandwidth, hak cipta /copyrights maupun redistribusi konten. Sebaliknya mereka bisa mengiklankan atau memperoleh pendapatan berdasarkan iklan atau sisipan iklan terhadap layanan mereka. Inilah yang menyebabkan ketimpangan pendatan antara OTT dan Operator Telekomunikasi.Bisnis OTT dan digital services diprediksi akan menjadi bisnis masa depan. Saat ini bukan lagi memperdebatkan jaringan telekomunikasi apa yang dipergunakan. Akan ada suatu masa, dimana semua orang sudah terhubung dengan jaringan telekomunikasi, dan akan mencapai titik jenuh. Salah satu bukti adalah jenuhnya profit dari SMS dan telepon yang merupakan layanan dasar telekomunikasi. Disaat kondisi tersebut, bisnis OTT akan sangat mengambil peranan.

Baca Selengkapnya »

E-Commerce,Mobile Commerce, dan E-Business

Nama : I Komang Adyanata

NIM : 1404505037

Jurusan : Teknologi Informasi, F.Teknik, Univ.Udayana

Mata kuliah : E - Application

Dosen : I Putu Agus Eka Pratama, S.T., M.T.

E-Commerce

E-Commerce

Menurut Laudon & Laudon (1998), E-Commerce adalah suatu proses membeli dan menjual produk-produk secara elektronik oleh konsumen dan dari perusahaan ke perusahaan dengan komputer sebagai perantara transaksi bisnis. E-Commerce atau yang biasa disebut juga dengan istilah Ecom atau Emmerce atau EC merupakan pertukaran bisnis yang rutin dengan menggunakan transmisi Electronic Data Interchange (EDI), email, electronic bulletin boards, mesin faxmail, dan Electronic Funds Transfer yang berkenaan dengan transaksi-transaksi belanja di internet, surat obligasi online, download dan penjualan software, dokumen, grafik, musik, dan lainnya. Untuk membedakannya E-Commerce dibedakan menjadi 2 berdasarkan karakteristiknya:
1. Business to Business, karakteristiknya:

• Trading partners yang sudah saling mengetahui dan antara mereka sudah terjalin hubungan yang berlangsung cukup lama. 
• Pertukaran data dilakukan secara berulang-ulang dan berkala dengan format data yang telah disepakati bersama. 
• Salah satu pelaku tidak harus menunggu rekan mereka lainnya untuk mengirimkan data. 
• Model yang umum digunakan adalah peer to peer. 

2. Business to Consumer, karakteristiknya:

• Terbuka untuk umum, di mana informasi disebarkan secra umum pula. 
• Servis yang digunakan juga bersifat umum dan berdasarkan permintaan, sehingga dapat digunakan oleh orang banyak. 
• Sering dilakukan sistem client-server.

Mobile Commerce

  M-Commerce/Mobile-Commerce/mCommerce adalah sistem perdagangan elektronik (E-Commerce) dengan menggunakan peralatan portabel/mobile seperti:telepon genggam, telepon pintar, PDA, notebook, dan lain lain. Pada saat pengguna komputer berpindah dari satu tempat ke tempat lain pengguna komputer tersebut dapat melakukan transaksi jual beli produk di Internet dengan menggunakan sistem m-commerce ini. Selain m-commerce, istilah lain yang sering dipakai adalah m-bisnis (Mobile Business atau m-business). m-commerce merupakan gabungan dari perdagangan elektronik (e-commerce) dengan mobile computing. Bisa dikatakan bahwa m-commerce ini adalah e-commerce yang berada dalam lingkungan nirkabel. Seperti halnya e-commerce pada umumnya, penggunaan m-commerce bisa ditransaksikan melalui Internet, jaringan komunikasi pribadi, kartu pintar, dan infrastruktur lainnya.

E-Business

     E-Business atau electronic business dapat didefinisikan sebagai aktivitas yang berkaitan secara langsung maupun tidak langsung dengan proses pertukaran barang dan/atau jasa dengan memanfaatkan internet sebagai media komunikasi dan transaksi. Salah satu aplikasi teknologi internet yang merambah dunia bisnis internal, melingkupi sistem, pendidikan pelanggan, pengembangan produk, dan pengembangan usaha. Pada masa sekarang, hal ini dilakukan sebagian besar melalui teknologi berbasis web memanfaatkan jasa internet dan ini pertama kali dikemukakan oleh Lou Gerstner, CEO dari IBM. Ruang lingkup E-business lebih mengenai pembuatan produk besar, ide kreatif dan pemberian layanan yang bermutu, perencanaan pemasaran produk dan pelaksanaannya. E-commerce merupakan bagian tak terpisahkan dari proses e-business, namun dalam kerangka terbatas, e-commerce berbeda karena hanya sebatas kegiatan menjual dan membeli produk dalam internet shopping.

Baca Selengkapnya »

Ternyata Ini Arti Dari "Lorem Ipsum"

Bagi anda yang sering membaca buku, berselancar diinternet ataupun hanya sekedar belajar blogging tentunya pernah membaca sederetan kata-kata yang diawali dengan kata Lorem Ipsum seperti paragraf dibawah ini:

“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.”

Lorem Ipsum Text tersebut kerap ditemui. Dalam dunia internet Lorem Ipsum Text seringkali ditemui sebagai pengganti halaman kosong website yang bersangkutan. Dalam dunia nyata pun teks tersebut kerap ditemui baik dibuku, majalah, dsb.

Lorem Ipsum Text

Text pada Lorem Ipsum telah dikenal selama lebih dari 500 tahun yang lalu. Bagi sebagian orang mungkin berpikiran bahwa kata tersebut hanyalah kata-kata tak bermakna yang kerap dimasukkan kedalam halaman kosong (pengganti) ketimbang halaman tersebut harus kosong sama sekali. Dibalik kenyataan itu, ternyata Lorem Ipsum Text sama sekali bukanlah paragraf yang tidak memiliki makna.

Lorem Ipsum Text Dan Sejarahnya

Kata-kata dalam Lorem Ipsum Text diperkirakan telah berumur lebih dari 2000 tahun dari sebuah sastra latin klasik. Bahkan kata-kata yang tertulis didalam paragraf tersebut masih sulit diartikan oleh orang modern saat ini. Seorang profesor Sastra Latin dari Virginia, Richard McClintock mencoba untuk menggali arti dari kata-kata dalam Lorem Ipsum tersebut yang dianggap paling tidak jelas yaitu pada kata consectetur.

Melewati penelitiannya, Prof. Richard McClintock menemukan sebuah naskah yang dijadikan sumber dari kata-kata dalam Lorem Ipsum yang terdapat pada bagian 1.10.32 dan 1.10.33 dari naskah de Finibus Bonorum et Malorum karya Cicero (45SM). de Finibus Bonorum et Malorum (Sisi Ekstrim dari Kebaikan dan Kejahatan) adalah naskah klasik yang memuat konteks dan isi-isi mengenai teori etika yang sangat terkenal pada masa Renaissance. Naskah ini di terbitkan kembali pada era modern ini sebagai buku untuk khalayak umum. Versi bahasa inggris teks ini diterbitkan pertama kali pada tahun 1914 oleh penulis bernama H. Rackham.

Lorem Ipsum Text Dan Arti Di Baliknya

Menggali arti dari Text Lorem Ipsum, berikut adalah teks naskah asli yang kerap dijumpai sejak tahun 1500-an:

“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.”

Paragraf lanjutan dibawah ini adalah teks yang ditulis pada bagian 1.10.32 dari naskah karya Cicero tersebut:

“Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?”

Berikut adalah hasil terjemahan ke dalam bahasa inggris oleh penulis H. Rackham pada tahun 1914:

“Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?”

Paragraf lanjutan dalam bahasa inggris:

“But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?”

Yang kemudian dapat diterjemahkan kedalam Bahasa Indonesia sebagai:

“Demikian pula, tidak adakah orang yang mencintai, mengejar atau ingin mengalami penderitaan, bukan semata-mata karena penderitaan itu sendiri, tetapi karena sesekali terjadi keadaan di mana keadaan yang susah berikut penderitaan dapat memberikan kepadanya kesenangan yang besar. Sebagai contoh sederhana, siapakah di antara kita yang pernah melakukan pekerjaan fisik yang berat, selain untuk memperoleh manfaat daripadanya? Tetapi siapakah yang berhak untuk mencari kesalahan pada diri orang yang memilih untuk menikmati kesenangan yang tidak menimbulkan akibat-akibat yang mengganggu, atau orang yang menghindari penderitaan yang tidak menghasilkan kesenangan?”

Terjemahan pada paragraf berikutnya:

Namun perlu kujelaskan bagaimana ide yang keliru atas penolakan akan kesenangan dan rasa sakit diciptakan, dan aku akan memberikan anda sebuah sistematis cara yang lengkap yang menjelaskan ajaran yang sebenarnya dari penyelam sesungguhnya dari inti kebenaran, pencipta kebahagiaan manusia. Tak seorang pun yang menolak, tak menyukai ataupun menghindar dari kebahagiaan / kenikmatan. Namun disebabkan oleh mereka yang tidak memahami tentang bagaimana mereka mengejar kebahagian secara rasional menyebabkan mereka menghadapi akibat yang sangat menyakitkan. Demikian pula, tak ada pula dari mereka yang mencintai, mengejar atau bernafsu mengejar kesakitan, karena itu adalah penderitaan. Namun ada kalanya sesekali terjadi keadaan dimana kerja keras dan rasa sakit dapat memberinya kebahagiaan yang besar. Sebagai contoh sederhana, siapakah dari kita yang pernah melakukan latihan fisik yang berat selain bertujuan untuk memperoleh manfaat daripadanya? Namun siapakah berhak untuk mencari kesalahan dari seseorang yang memilih untuk menikmati kesenangan mereka yang tidak berakibat, ataupun orang yang menghindari rasa sakit yang tidak menimbulkan kebahagiaan?

Karya sastra klasik dari Cicero tersebut, terutama arti pada bagian Lorem Ipsum Text adalah menekankan tentang ajaran etika, tentang hak kebahagian dan penderitaan. Karya cicero secara keseluruhan dalam naskah de Finibus Bonorum et Malorum tersebut sangat dekat dengan dunia hukum dan seni. Sastra klasik ini sangat terkenal karena mengingatkan pada Cicero yang menuntut Cerres, gubernur Sicily pada masa itu atas tuduhan korupsi, penyerangan dan pembunuhan. Namun herannya, sebagianbesar naskah yang ditujukan kepada gubernur Verres beserta dengan tuduhan-tuduhannya merupakan kejahatan serta penjarahan pada karya-karya seni. Hal tersebut membuat nama Cicero dikenal hingga saat ini sebagai salah satu seniman terbesar.

Demikianlah informasi mengenai Lorem Ipsum Text. Semoga bermanfaat.

sumber: disini

Baca Selengkapnya »

Cara Menambahkan Scroll Bar dalam Entri Blog

Sedikit penjelasan dan pengetahuan untuk sobat tentang definisi serta fungsi dan kegunaanya Scroll Bar adalah untuk memudahkan kita apabila ada kode atau tulisan yang sangat panjang agar tidak memakan terlalu banyak tempat atau bisa juga dibilang untuk mengefisienkan tempat atau halaman blog sehingga tidak terlalu panjang kebawah. Intinya tampilan posting blog kita jadi singkat dan dinamis.


Cara Membuat scroll bar di posting blog sangatlah mudah, Caranya hampir sama seperti saat kita menulis postingan blog. Namun yang paling penting adalah jangan lupa untuk copy/paste atau Tulis Kode script di bawah ini pada mode Edit HTML di bagian posting blog.


Jika sobat tertarik menggunakannya silahkan copy/paste scrip dibawah ini pada Halaman Edit HTML ,Bukan pada Halaman Compose.

 

<div style="border: 1px solid #eee; height: 100px; overflow: auto; padding: 10px; width:400px;">

Letakan Tulisan / Kode HTML Sobat Disini

</div>

Contoh Scroll Bar Pada Postingan Blog :

Cara Membuat Scroll Bar di Postingan Blog - Kali ini saya akan share artikel mengenai Cara Membuat Scroll Bar Pada Postingan Blog. Sedikit penjelasan dan pengetahuan untuk sobat tentang definisi serta fungsi dan kegunaanya Scroll Bar adalah untuk memudahkan kita apabila ada kode atau tulisan yang sangat panjang agar tidak memakan terlalu banyak tempat atau bisa juga dibilang untuk mengefisienkan tempat atau halaman blog sehingga tidak terlalu panjang kebawah. Intinya tampilan posting blog kita jadi singkat dan dinamis

Setelah meletakan kode HTML di atas pada halaman edit HTML, sobat bisa melakukan pengecekan pada halaman Compose.

Keterangan :
100px : Kode untuk mengatur tinggi pada kolom scroll.
400px : Kode untuk mengatur lebar pada kolom scroll.

Demikian artikel tentang Cara Membuat Scroll Bar Di Postingan Blog. Semoga artikel yang saya buat ini dapat berguna dan bermanfaat bagi sobat blogger. Jika ada yang kurang jelas silahkan berkomentar di kolom komentar dibawah. Salam Blogger!


sumber: disini

Baca Selengkapnya »

Cara Menambahkan Read More Pada Entri Blog

Berikut langkah-langkah Cara Membuat Auto Read More Otomatis Di Blog. Perhatian: bagi yang sudah memasang read more otomatis yang ada sebelumnya harus dihapus terlebih dahulu. 

1. Login Ke Blogger.

2. Klik Template, Backup template untuk jaga2 bila diperlukan,

atau langkah berikut bisa di uji coba menggunakan Blog percobaan yang lain.

3. Klik Edit HTML.

4. Klik Kiri 1 x Dimana saja dalam kotak template.

5. Klik Ctrl+F (Supaya mempercepat pencarian kode),Dan cari kode berikut </head>

Masukan kode tersebut dalam kotak pencarian, kemudian enter untuk mencari.

6. Masukan Kode berikut diatas </head>

12345678910111213141516171819202122232425262728<!--Auto Read More Mulai-->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post-body{text-align:justify;}
.post-body img{max-width:none;width:auto;}
.read-more{float:left; padding-top: 10px;}
.read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9;  text-decoration:none;font:bold 13px Arial;padding:5px;}
.read-more a:hover{text-decoration:none;background:#666;}
.pic{border: 10px solid #fff;float:left;height:165px;width:280px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}
.grow img{height:165px;width:280px;transition: all 2s ease;}
.grow img:hover{width:400px;height:250px;}
</style>
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes -dengan gambar, no -tanpa gambar
summary_noimg = 300; //banyaknya huruf jika tidak ada gambar
summary_img = 250; //banyaknya huruf jika ada gambar
img_thumb_height = 165;
img_thumb_width = 280;
</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(thumbnail_mode == "yes"){if(img.length>=1){imgtag = '<div class="grow pic"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';summ = summary_img;}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}
//]]></script>
</b:if>
</b:if>

<!--Auto Read More Akhir-->

Perhatian: Cobalah terlebih dahulu tanpa diedit.
Warna Biru untuk mengatur banyaknya kutipan dari artikel.
Warna Hijau adalah Pengaturan Lebar dan tinggi gambar

7. Kemudian Cari Kode <data:post.body/>
Kode tersebut diatas jumlahnya biasanya ada 2, Cari yang versi web, biasanya yang kedua (ke-2) dengan enter 2x pada kotak pencarian.

8. Hapus Kode <data:post.body/> yang ke-2 dan Ganti dengan kode dibawah ini.

12345678910111213141516<!-- Auto read more Mulai -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
      <div class='read-more'>
      <a expr:href='data:post.url'>Baca Selengkapnya &#187;</a>
      </div>
</b:if>
</b:if>
<!-- Auto read more Akhir -->

Warna Biru Muda boleh dihapus boleh tidak, bedakan saja.
"Baca Selengkapnya" juga bisa diganti bebas.

Perhatian: Jika sudah menggunakan fitur read more otomatis sebelumnya, maka harus dihapus yang versi sebelumnya, dan mungkin jumlah pada langkah 7 bukan 2 tp mungkin 3 (mungkin juga script diatas pada langkah 6 berbeda.. ya harus dihapus jg script versi sebelumnya), anda harus dapat memperkirakan dari mana ke mana yang harus di hapus, contoh pada langkah 8 (petunjuknya warna Oranye - ini petunjuk bagi yg sdh pake versi lain)

9. Preview terlebih dahulu, kalo bagus ya terus Save Template, dan lihat hasilnya.

Demikian Tutorial Cara Membuat Auto Read More Otomatis Artikel Di Blog, mudah-mudahan bisa bermanfaat.

sumber : disini

Baca Selengkapnya »