Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Cara Merubah Warna Teks Saat Diblock

GeSharean Dund hehehe Artikel kali ini Wahyu mau NgeShare tentang Tutorial Blog, judulnya adalah Cara Merubah Warna Teks Saat Diblock - Tapi ini berefek pada dokumen or artikel yang kita tulis. Pada saat artikel di bloquear oleh ratón maka terjadi akan perubahan Warna di Latar (bakground) dan Warna tulisan yang bloquear. Demonya bisa anda praktekkan langsung disini dengan cara memblock tulisan ini. Efek yang muncul adalah Warna fondo nya menjadi hitam dan Warna tulisan menjadi putih. Mau tau Cara Merubah Warna Teks Saat Diblock ? ikuti langkah langkahnya gan:

  • [-] Masuk dulu ke Blogger.
  • [-] Select deh Rancangan - edición de Html - centang "Ampliar la plantilla de Widget"
  • [-] Lalu letakkan kode berikut diatas kode ]] >< / b:skin >

:: selección {background:# 000000; color:# FFFFFF}
:: selección - moz-{background:# 000000; color:# FFFFFF}
:: selección - webkit-{background:# 000000; color:# FFFFFF}

Keterangan:

Untuk kode yang berwarna merah adalah Warna fondo pada saat diblock.
Untuk kode yang berwarna Rosa adalah Warna texto pada saat diblock.
Untuk kode warna silahkan lihat disini
  • [-] Langkah terakhir adalah Guardar plantilla.

Cukup sekian dulu penjelasan tentang Cara Merubah Warna Teks Saat Diblock Di Blogger, semoga ini bisa berguna bagi sobat.

Cara membuat background blog dengan warna gradient

Pada GeSharean Blog ini Wahyu Mau NgeShare Artikel tentang Background Blog dan pada postingan sebelumnya Wahyu sudah NgeShare artikel tentang SEO judul artikel nya adalah Black Hat SEO.
Nah kenapa Saya NgeShare artikel ini! jawabannya Saya juga gak tau hehehe, yang penting NgeShare, y ngga
Eh ntar dulu kenapa saya namain blog ini GeSharean karena saya gk dapet tempat duduk buat ngantri PR wkwkwk. Dari pada berlama-lama lebih baik langsung ikutin caranya aja nyo...

  • Pertama Cari kode berikut



body {
color:#fff;
font-size:12px;
font-family:georgia;
margin:0;
}



  • Lalu tambahkan kode berikut sebelum kode }



background:#ddd -moz-linear-gradient(top,  #0ff000,  #000);background:-webkit-gradient(linear, left      top, left bottom, from(#0ff000), to(#000));



  • Jadinya seperti dibawah ini

body {background:black;
color:#fff;
font-size:12px;
font-family:georgia;
margin:0;
background:#ddd -moz-linear-gradient(top,  #000,  #00ff00);background:-webkit-gradient(linear, left      top, left bottom, from(#000), to(#00ff00));}
CATATAN: Ganti kode yang berwarna hijau dengan Kode warna pilihan sobat Klik Disini untuk melihat Kode Wana buat blog
Nah selesai deh jangan lupa simpan templatenya y, mudah dan simple kan
Selamat mencoba dan semoga berhasil.

Mengubah Ukuran Template Blog



pertama saya akan menjelaskan apa maksud dari gambar diatas?.gambar diatas adalah kerangka template blog,dalam gambar tsb sudah ada keterangan tentang bagian-bagiannya.
langsung aja saya mulai cara-caranya:

1. Login ke Blog Kamu
2. Klik tata Letak
3. Klik Edit HTML
4. Disarankan sebelum mengedit Kode Html kamu,silahkan kamu membackup Code HTML kamu, demi keamanan, jika terjadi sesuatu yang tidak di inginkan.

    * Untuk mengedit ukuran Halaman Blog

Cari kode di bawah ini:

#outer-wrapper {    width: 660px;    margin:0 auto;    padding:10px;    text-align:$startSide;    font: $bodyfont;    }

 Keterangan :
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar halaman blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.

    * Untuk mengedit ukuran Halaman Posting

Cari kode di bawah ini:

#main-wrapper {    width: 410px;    float: $startSide;    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */    overflow: hidden;/* fix for long non-text content breaking IE sidebar float */    }

 Keterangan :
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Halaman Posting, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.

    * Untuk mengedit ukuran Sidebar Blog

Cari Code di bawah ini:

#sidebar-wrapper {    width: 220px;    float: $endSide;    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */    }

 Keterangan :
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Side Bar Blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.

    * Untuk mengedit ukuran Header Blog,

Cari Code di bawah ini:

#header-wrapper {
    width:660px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;
    }

 Keterangan :
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Header Blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.

    * Untuk mengedit ukuran Footer Blog

Cari Code di bawah ini:

 #footer {    width:660px;    clear:both;    margin:0 auto;    padding-top:15px;    line-height: 1.6em;    text-transform:uppercase;    letter-spacing:.1em;    text-align: center;    }

 Keterangan :
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Footer Blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.

Catatan:
Jika lebar salah satu dari kelima elemen yang telah di sebut di atas (Halaman Blog, Halaman Posting, Side Bar Blog, Header Blog, dan Footer Blog) diubah, maka akan mempengaruhi Keserasian elemen yang lain. Oleh karena itu, jika Anda ingin merubah lebar salah satu elemen, maka anda juga harus menyesuaikan dengan lebar elemen yang lain, karena jika antara satu elemen yang satu dengan yang lain tidak serasi, maka tampilan blog anda akan menjadi kacau, anda tidak mau kan. Kalau tujuan anda yang mulanya ingin mempercantik blog anda justru ujung-ujungnya malah merusak blog anda sendiri maka dari itu. Hati-hati,,,


~Selamat mencoba,Semoga berhasil~

Kode Warna HTML Terbaru

cara pasang kode warna blog atau kode warna html blogspot
Nah Ini Dia Kode Warna Blog Tersebut udah Tinggal di Klik Aja Yah...







Apabila Anda Ingin Memasangnya Di BLog Anda Maka Copy Kode DI Bawah INi..
<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie">
<param value="High" name="quality">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="485" height="485"></embed> </object>

</div>

<div style="text-align: center;">
<object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="480" id="col" width="480"> <param value="sameDomain" name="allowScriptAccess">
<param value="http://www.2createawebsite.com/build/col.swf" name="movie">
<param value="high" name="quality">
<param value="#ffffff" name="bgcolor">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="480" align="middle" height="480"></embed> </object>
<a href="http://siptipsblog.blogspot.com/2011/08/kode-warna-html-terbaru.html">Kode Warna HTML BLogger| SipTipsBlog</a></div>
Saran Dan Kritik Anda Sangat Membantu Saya Dalam Menulis Artikel Selanjutnya Pada Blog Ini...

Tukeran Link dan Banner

-TUKERAN LINK AND BANNER-

Tukeran link and banner cukup copy kode yang sudah tersedia disini, Bila sudah di pasang diblog sobat harap beri tahu saya dengan berkomentar atau isi buku tamu yang sudah tersedia disini. Terima kasih atas kunjungan anda disini.



V-Tukeran Banner-V
<a href="http://gesharean.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh8uBYLkodsWG8yEmFi5AXtIaFF8eRSoywQbV8vX2__jJJs_KlFjYEa0rK-4hY80_bp5pTT83Abi687Ax9MBhrnm3_DxVZczeALMekidgYzbG4B035JmP9EMse9te-1AS05SzuFF0RzUBb/s1600/mybanner.jpg" alt="GeSharean" /></a>
V-Tukeran Link-V

<a href="http://gesharean.blogspot.com" title="Sip Tips Blog | Triks Blog | Tutorial Blog" target="new">GeSharean</a>

Untuk melihat Link dan Banner sobat  klik disini

Link dan Banner Sobat

Pasang Banner saya Di Blog sobat script nya klik disini


V-Banner-V

V-Link-V
|------ Link Teman ------|
|
W^Arief-13
|
6jeansi9
|
BlogNyaSiTio
|----- end Link Teman ------|

~||*||~ A ~||*||~

~||*||~ B ~||*||~

~||*||~ C ~||*||~

~||*||~ D ~||*||~

~||*||~ E ~||*||~

~||*||~ F ~||*||~

~||*||~ G ~||*||~

~||*||~ H ~||*||~

~||*||~ I ~||*||~

~||*||~ J ~||*||~

~||*||~ K ~||*||~

~||*||~ L ~||*||~

~||*||~ M ~||*||~

~||*||~ N ~||*||~

~||*||~ O ~||*||~

~||*||~ P ~||*||~

~||*||~ Q ~||*||~

~||*||~ R ~||*||~

~||*||~ S ~||*||~

~||*||~ T ~||*||~

~||*||~ V ~||*||~

~||*||~ W ~||*||~
WahyuariefT-Blog
~||*||~ X ~||*||~

~||*||~ Y ~||*||~

~||*||~ Z ~||*||~





Daftar Isi Blog GeSharean



Di sini tempatnya untuk melihat semua artikel postingan yang nama nya Daftar Isi Blog GeSharean. Anda Juga ingin memiliki daftar isi seperti ini langsung aja klik disini...
Untuk tukeran link dan banner klik disini