Membuat Backgroun dan Fungsi Sebuah Scroll pada Tulisan

Dalam tips kali ini saya ingin berbagi dengan sobat blogger untuk membuat backgroun suatu tulisan. Lebih tepatnya kita akan membuat tulisan kita mempunyai latar yang berbeda dari tulisan lain. Selain itu juga kita akan membuat fungsi scroll pada tulisan yang terlalu panjang dalam suatu blog.
Jika sobat blog ingin membuatnya, silahkan ikuti tips ini.



I Membuat Backgroun Suatu Tulisan.

Anda hanya butuh kode nerikut ini.

<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;">

TULISAN ANDA DI SINI

</div>

Tulisan Auto di atas adalah ukuran dari Backgroundnya. Maksudnya tinggi maupun lebar backgroundnya adalah otomatis sesuai dengan leabar maupun tinggi teks anda.
Warna latarnya dapat anda ganti dengan warna lain. Lihat kode warna DISINI.

II Membuat Fungsi Scroll pada Tulisan yang Panjang

Anda hanya butuh kode berikut ini.

<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: 150px; margin: 7px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">

TULISAN ANDA DI SINI

</div>

Ganti tulisan yang berwarna merah dengan keinginan anda.
Untuk melihat kode warna, silahkan lihat DISINI.

READ MORE »»  

Cara Membuat Auto Readmore pada Blog

Hai sobat t'Net! gimna kabarnya?, yang pasti pada sehat semua nih. Apalagi saat ini saya akan memberikan sebuah trik yang akan membuat blog anda kelihatan lebih menarik dan tidak terlalu ribet. Adapun trik yang akan saya bagikan yaitu gimana caranya suapaya  setiapkali kita melakukan posting tulisan  kita tidak usah melakukan pemotonga teks. Akan tetapi secara otomatis  teks kita akan terpotong  pada halaman blog kita. Dan untuk lebih jelasnya tampilan dari datanya akan tampak sperti gambar di bawah ini:

Maka tampilan postingan anda akan tampak seperti gamabar di atas. Oke, sekarang kita langsung ke topik pembicaraan yah. Kita tidak usah berpanjang cerita.
Nah sekarang untuk menampilkannya pada blog kita, kita harus menjalankan langkah- langkah di bawah ini.

• Jika blog anda telah terpasang sistem Read More silahkan anda hilangkan kodenya, sperti kode di bawah ini:

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

Silahkan anda tendang kode di atah dari blog anda, dan jika anda tidak dapat menemukannya, tidak apa-apa kalau itu tetap ada di dalam blog anda.

• Nah setelah itu silahkan anda cari kode  seperti berikut  </head> kemudian letakkan kode HTML di bawah ini tepat di atas kode tersebut

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

• Kemudian silahkan anda temukan kode seperti ini <data:post.body/> dan ganti kode tersebut dengan kode di bawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

• Kemudian Simpan Template

Catatan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Selamat mencoba.

READ MORE »»  

Membuat Text Berjalan Pada Title Bar

Mungkin sobat bertanya-tanya tentang tutorial kali ini. Tetapi tenang, saya akan kasih tahu pada sobat t'Net apa tujuan yang akan kita capai dengan tutorial ini.

Pada tutorial ini kita akan mengubah tulisan yang ada pada title bar blog kita berjalan dalam bentuk fungsi marquee. Nah untuk itu kita akan mengubahnya dengan langkah2 yg akan saya berikan. Tetapi sebelum mungkin ada teman2 yang belum paham yang mana title bar?

Nah supaya lebih jelas lagi teman -teman dapat mengerti lewat gambar ini:

Oke..mungkin sudah jelas sekarang yah!

Kita Langsung saja pada Langkah-langkahnya:

• Masuk ke Blogger  dengan ID saudara
• Pada dasbor blog saudara, silahkan anda pilih Pengaturan
• Kemudian pilih Add a Gadget
• Pilih HTML/Java Script
• Kemudian Kopi dan Paste kode di bawah ini

<script language='javascript'>
message = "Arif Prihandoko Web^"

scrollSpeed = 100
lineDelay = 0

txt2 = ""

function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt2 = txt2 + message.charAt(pos)
document.title = txt2
prt = scrollSpeed
}
else {
prt = lineDelay
txt2 = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",prt)
}

scrollText(0)
</script> 

Keterangan:

Tulisan yang berwarna BIRU silahkan anda ganti dengan kalimat yang anda inginkan.

• Kemudian Simpan

Selesai deh...

READ MORE »»  

APRI SERVICE CENTRE

"APRI SERVICE CENTRE " Menerima Service Hp & Computer(software & Hardware) tersedia juga Reload All Op.  Alamat : Jl. Rajawali No04 Tulungbalak Ko-Ga Lam-Tim ( Apri Cellular ) Cp. 085789680417/087798771800

	Hubungi pengiklan		Vocuss: 087798771800/085789680417
	Facebook share		Tweet this
	Simpan iklan

READ MORE »»  

Artikel Teknologi Komputer

Postingan kali ini membahas seputar Artikel Teknologi Komputer, apa saja itu? silahkan disimak.

Kita tahu bahwa komputer bukan lagi sebuah barang mewah melainkan sudah menjadi kebutuhan  dalam mempercepat dan mempermudah pekerjaan kita. Bagi sebagian besar dari kita bahkan telah menjadikan komputer sebagai sahabat yang akan ditemui di tempat kerja setiap hari. Tentu saja seiring berjalannya waktu, teknologi komputer pun dirancang semakin canggih.

Selain mengikuti perkembangan teknologi komputer, Sobat juga bisa memperdalam ilmu komputer dengan membaca berbagai artikel teknologi komputer baik dari buku, majalah maupun literatur dari hasil berselancar di internet. 

Komputer telah berkembang dengan sangat pesatnya. Pada dasarnya ada beberapa bidang dari perkembangan teknologi ini. Berikut ini adalah beberapa bidang dari artikel teknologi komputer yang bisa Sobat temukan antara lain:

• Software komputer

Tentu perkembangan software juga tidak kalah dengan perkembangan software komputer. Berbagai kebutuhan menuntut semakin kreatifnya para pengembang dalam membuat berbagai software komputer. Perkembangan software ini bisa Sobat temukan dan baca di artikel teknologi komputer yang bertebaran di berbagai komunitas yang ada di internet. 

• Hardware komputer

Perangkat keras komputer atau yang sering disebut dengan hardware adalah bagian komputer yang terus berkembang. Semakin lama, hardware komputer yang dikembangkan semakin canggih dengan berbagai kemampuan yang lebih baik. Beberapa hardware yang mengalami perkembangan cukup signifikan adalah kecepatan prosesor, teknologi memori komputer, kapasitas harddisk yang semakin lama semakin besar, dan teknologi lainnya.

• Bahasa Pemrograman

Bagi Sobat yang tertarik dengan pembuatan program-program komputer, tentu artikel teknologi komputer yang terkait akan menarik minat Sobat. Ada banyak bahasa pemrograman yang bisa dipakai dalam membuat berbagai aplikasi. Di dalam artikel-artikel tersebut, Sobat bisa menimba berbagai ilmu terkait bahasa pemrograman yang bersangkutan.

• Keamanan data

Keamanan data merupakan hal yang sangat penting di dalam dunia komputer. Begitu luas dan cepatnya perkembangan jaringan, terutama jaringan komputer membuat faktor keamanan menjadi hal yang tidak dapat dilepaskan dari perhatian. Dari berbagai artikel teknologi komputer seputar keamanan data dan sistem serta jaringan, Sobat dapat memahami lebih mendalam apa saja yang harus dilakukan demi keamanan komputer yang Sobat miliki.

• Teknologi terbaru

Di berbagai artikel teknologi komputer, Sobat juga bisa menemukan bagaimana peranan komputer yang semakin meluas di berbagai bidang. Sobat akan menemukan begitu canggihnya komputer di dalam bidang-bidang tersebut. Hampir seluruh kehidupan manusia bisa dibantu dengan kehadiran teknologi komputer ini.

Demikian beberapa bidang komputer yang dapat sobat pelajari. Smoga dengan adanya Artikel Teknologi Komputer ini sobat dapat memahami beberapa bidang dalam dunia komputer, sobat dapat lebih menambah wawasan serta dapat mengamalkannya.

READ MORE »»  

Membuat Bootable CD/DVD Windows XP/Vista/7 dengan Nero

    

Untuk cara membakar atau burning windows XP/7/Vista anda memerlukan sebuah software burning rom dan saya rekomendasikan untuk memakai Nero Burning Rom karena dengan Nero anda dapat lebih mudah untuk pemakaiannya, Segera persiapkan peralatannya terlebih dulu dibawah ini
1. Download Nero

2. a. Download Boot.ima Untuk Windows XP
 b. Download etfsboot Untuk Windows 7 dan Vista

3. Tentunya anda sekarang sudah mempunyai windows XP/Vista/7 apabila demikian silahkan anda ektrak terlebih dahulu dengan winrar atau 7-zip atau apapun software kompresi lainnya

 4. Buatlah folder di drve C:\ dengan nama ISO dan didalam folder ISO anda buat lagi 2 folder baru dengan nama BOOT dan ROOT seperti gambar dibawah 

5. Sekarang anda copy file windows 7/XP/Vista yang telah anda ektrak tadi (Poin Nomor 3) dan paste pada folder ROOT
6. Jalankan Nero Anda sekarang dan untuk demo membuat bootable saya akan menggunakan Nero 8 Ultra Edition
7. Sekarang klik start -> All Programe -> Nero -> Nero Burning ROM
 8. Pada new Compilation pilih CD/DVD sesuai keinginan Anda dan saya akan memakai CD selanjutnya anda pilih CD-ROM (Boot) lalu pada menu Boot pilih image file kemudian anda browse dan cari file boot.ima yang anda download tadi (Poin nomor 2) kemudian pada Advanced beri tanda ceklis di Enabled expert setting (for advanced users only) a. Beri nilai pada Kind of emulation: dengan No emulation b. Untuk Boot message: biarkan saja jangan di ubah c. Pada Load segment of sector (hex!): berilah nilai dengan 0000 (nol nol nol nol) 4. Pada Number of loader sectors: beri nilai 4 (empat)
 9. a. Pilihlah menu ISO pada file system jangan anda ubah dan biarkan saja, b. Pada File name length (ISO) ganti dengan Max. of 31 chars (Level 2) c. Pada Character set (ISO) ganti dengan ISO 9660 (standar ISO CD-ROM) d. Beri ceklis semua pada Relax Restrictions
 10. Pilih menu Label pilih Automatic disk name dan silahkan anda beri nama disk anda sesuai keinginan anda
 11. Pilih menu Burn -> Action, beri tanda ceklis pada write dan untuk write speed pilih maximum kemudian tekan tombol New
12. Pada kotak nomor 3 pilih Local disk C:\ISO\ROOT 13. Sekarang anda drag atau copy file yang berada di kotak nomor 4 ke nomor 2 14. Kemudian sekarang klik Burn 15. Silahkan anda cek kembali barangkali ada tahapan yang terlewati 16. Apabila sudah yakin langkah-langkahnya benar silahkan klik tombol Burn 17. Tunggu hingga proses pembakaran disk sukses

READ MORE »»  

Harga Dan Spesifikasi Laptop ASUS

spesifikasi laptop asus LAPTOP ASUS K40IJ – VX146

harga laptop asus * Intel Dual Core T4400 – 2.2 Ghz * 2GB DDR2 Memory; 320GB HDD * 14″ HD Color Shine (LED) * Intel GMA 4500 MHD * DVD Super Multi;Fast Ethernet; WiFi 802.11bgn; Webcam 1.3Mpx; 4x USB 2.0; 4-in-1 Card Reader * DOS * Black Chassis; 2.36kg * 2 Years Int’l Warranty, 1 Year Battery & Adaptor * Harga Laptop ASUS Kisaran US$ 499 * Cari daftar harga laptop lainnya, harga laptop terbaru atau harga laptop dell mini terbaru Harga dan Spesifikasi ASUS Lain Bisa di Liad disini

READ MORE »»