Kode Warna Html

Mungkin anda Tidak Mengetahui kode-kode Html Untuk warna, maka disini anda dapat melihat kode-kode warna yang anda pilih.

Kode Warna yg dipilih:

Read More

Cara Memasang Widget Blogger Kerinci

Cara memasang Widget Blogger Indonesia Di Blog. Saya mencoba untuk membuat gambar untuk para blogger Kerinci, di samping kita meletakan widget Blogger Indonesia tidak ada salahnya kita memperkenalkan daerah kita sendiri tampa maksud untuk memecah belahkan rasa persatuan dan kesatuan bangsa akan tetapi lebih memperkuat dan memperkenalkan kita atau daerah kita pada sesama blogger Indonesia dari berbagai daerah. 

Cara pasang widget ini juga begitu mudah. Pada dasboard blog kamu pilih Design > Page Element > Add Gadget dan pilih JavaScript/HTML. Kemudian pastekan kode yang kamu pilih.

Berikut kode widget Blogger kerinci:

SUDUT KIRI ATAS <script language="JavaScript" src="http://project-tanahsakti.googlecode.com/files/kerinci_Kiri_Atas.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript">  cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqcpErdje4c3YhPmS_f73WUvK8xrgXPbacbta1JEoo6y5IMsCvB8phG2BAUlSNf1ewBtNZhLBfatWC2hwpdvIiOR9pt7pqUthf2R3v5smpQTwCpzMAeZoUbafgMIMiwx1Rc369jTi5Sw/s1600/blogger+kerinci1.png ") </script>

SUDUT KANAN ATAS <script language="JavaScript" src="http://project-tanahsakti.googlecode.com/files/kerinci_kanan_atas.js" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqcpErdje4c3YhPmS_f73WUvK8xrgXPbacbta1JEoo6y5IMsCvB8phG2BAUlSNf1ewBtNZhLBfatWC2hwpdvIiOR9pt7pqUthf2R3v5smpQTwCpzMAeZoUbafgMIMiwx1Rc369jTi5Sw/s1600/blogger+kerinci1.png") </script>

SUDUT KIRI BAWAH <script language="JavaScript" src="http://project-tanahsakti.googlecode.com/files/tanahsakti_kiri_bawah.js" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqcpErdje4c3YhPmS_f73WUvK8xrgXPbacbta1JEoo6y5IMsCvB8phG2BAUlSNf1ewBtNZhLBfatWC2hwpdvIiOR9pt7pqUthf2R3v5smpQTwCpzMAeZoUbafgMIMiwx1Rc369jTi5Sw/s1600/blogger+kerinci1.png") </script>

SUDUT KANAN BAWAH <script language="JavaScript" src="http://project-tanahsakti.googlecode.com/files/kerinci_kanan_Bawah.js" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqcpErdje4c3YhPmS_f73WUvK8xrgXPbacbta1JEoo6y5IMsCvB8phG2BAUlSNf1ewBtNZhLBfatWC2hwpdvIiOR9pt7pqUthf2R3v5smpQTwCpzMAeZoUbafgMIMiwx1Rc369jTi5Sw/s1600/blogger+kerinci1.png") </script>

Kamu juga bisa menggunakan gambar kreasi kamu sendiri dengan dengan cara menganti Tulisan Berwarna merah dengan url Gambar kamu..

Note: Semoga Dengan adanya widget ini dapat menjalin ke bersamaan dan kesatuan bagi para Blogger Kerinci

Read More

Cara Merubah Layout Facebook

Cara mengganti background facebook sangat beragam. Tampilan facebook yang cenderung monoton dan seragam yaitu biru itu membuat kita gatal ingin mengganti bacgroundnya. Sudah menjadi kodratnya bahwa manusia ingin tampil berbeda dan unik, begitupun dalam tampilan background facebook. JAdi gimanapun harus berusaha tampil beda dan dengan mengikuti beberapa petunjuk penggantian tampilan dan bacground facebook tersebut. Salah satunya coba ikuti langkah2 berikut :

Langkah 1
Untuk mengubah background facebook agar lebih fresh dibandingkan sebelumnya,sebaiknya anda menggunakan browser Mozilla Firefox. Kemudian arahkan ke alamat https://addons.mozilla.org/en-US/firefox/ untuk mencari add-on Stylish.

Langkah 2
Setelah anda mendapatkan hasil pencarian untuk add-on Stylish, klik [Download Now]

Langkah 3
Akan muncul window baru untuk melakukan instalasi add-on stylish ini. Klik [Install Now]

Langkah 4
Tunggu beberapa saat hingga proses download selesai. Karena ukuran file add-on ini relatif kecil, maka waktu yang dibutuhkan juga tak akan lama.

Langkah 5
Proses download akan selesai dengan ditandainya perintah untuk melakukan restart pada Firefox. Klik [Restart Firefox]

Langkah 6
Setelah Firefox melakukan restart, maka akan muncul di daftar Add-ons bahwa stylish telah selesai terpasang

Langkah 7
Arahkan wen browser ke alamat http://userstyles.org/styles/site/facebook.com Pilih salah satu link yang akan membawa anda pada link untuk instalasi skin. Atau http://userstyles.org cari facebook di serach for mereka.

Langkah 8
Pada link skin yang telah anda pilih nantinya akan terdapat gambar preview dari hasil yang akan anda dapatkan. Untuk menginstallnya, klik [load into stylish

Langkah 9
Kemudian akan muncul lagi pop up window untuk memasang stylish. klik [save]


SELAMAT MENCOBA-COBA..

Source : http://islam-download.net/cara-mudah-cepat/cara-ganti-background-facebook.html

Adapun persyaratan sebelum mengganti background layout facebook, diantaranya :

- Komputer/laptop yang digunakan harus milik sendiri.
- Browser yang digunakan yaitu Mozilla Firefox atau Wyzo.
- Sudah terinstal add-ons Stylish di web browser anda.
- Sudah terpasang layout facebook.
Untuk cara ganti background :
1. Siapkan gambar/foto di PC anda.
2. Buka gambar/foto anda lewat browser anda. Caranya klik kanan gambar anda terus pilih Open With > Mozilla Firefox.
3. Copy URL gambar anda.
4. Masuk ke profil facebook anda. Klik menu Tools > Add-ons. Terus klik User Stylish > Nama Layout Anda > Edit.
5. Cari / temukan kode CSS yang mirip seperti ini :
body, .photo, #nonfooter, #booklet { background: url("http://i598.photobucket.com/albums/tt66/mascrisna/poster.jpg") #000000 fixed no-repeat center center!important; color:#ffffff !important; }
6. Paste URL gambar kamu di kode CSS di atas yang berwarna biru . Kalau sudah, klik Save .

Selamat Mencoba!

Source : http://islam-download.net/cara-mudah-cepat/cara-ganti-background-facebook.html

Adapun persyaratan sebelum mengganti background layout facebook, diantaranya :

- Komputer/laptop yang digunakan harus milik sendiri.
- Browser yang digunakan yaitu Mozilla Firefox atau Wyzo.
- Sudah terinstal add-ons Stylish di web browser anda.
- Sudah terpasang layout facebook.
Untuk cara ganti background :
1. Siapkan gambar/foto di PC anda.
2. Buka gambar/foto anda lewat browser anda. Caranya klik kanan gambar anda terus pilih Open With > Mozilla Firefox.
3. Copy URL gambar anda.
4. Masuk ke profil facebook anda. Klik menu Tools > Add-ons. Terus klik User Stylish > Nama Layout Anda > Edit.
5. Cari / temukan kode CSS yang mirip seperti ini :
body, .photo, #nonfooter, #booklet { background: url("http://i598.photobucket.com/albums/tt66/mascrisna/poster.jpg") #000000 fixed no-repeat center center!important; color:#ffffff !important; }
6. Paste URL gambar kamu di kode CSS di atas yang berwarna biru . Kalau sudah, klik Save .

Selamat Mencoba!

Source : http://islam-download.net/cara-mudah-cepat/cara-ganti-background-facebook.html

Read More

Cara membuat Kolom Komentar

Rasa tidak puas akan tampilan blog selalu menghingapi yang punya blog nah kali ini kita akan membuat kolom komentar di blog, Untuk apa kita membuat kolom komentar lagi..?? maka pasti timbul pertanyaan seperti itu. Bukan sudah ada kolom komentar dari bawaan Blogger..?? memang sudah ada kolom komentar yang disediakan oleh Blogger, Mungkin sudah sifatnya manusia selalu merasa tidak puas makan selalu saja inovasi/kreativitas untuk tampil beda, Nah sekarang kita akan membuat kolom komentar seperti gambar di bawah ini:



1. Login ke Account Blogger sobat. masuk ke Tab Rancangan/Design , kemudian pilih Edit HTML.
2. Beri tanda centang pada Expand Template Widget.
3. Cari kode ]]></b:skin>
4. Ganti kode tersebut dengan kode berikut ini :

#bg_commentblock{width:678px;background:#fff;border:1px solid #91bde6;float:left;padding:10px;margin:0px;-moz-border-radius:10px;}
#bg_commentblock li{list-style:none}
.comment-body{background:#eee;padding:5px 10px;-moz-border-radius:10px;margin:30px 0px 0px 10px;border:1px solid #aaa;}
.comment-body .sg1{position:relative;top:-29px;left:5px;border-color: transparent transparent #aaa transparent;border-style:solid;border-width:12px;height:0;width:0;}
.comment-body .sg2{position:relative;top:0px;left:5px;border-color: transparent transparent #eee transparent;border-style:solid;border-width:12px;height:0;width:0;margin-top:-52px;}
.avatar-image-container{float:left;width:40px;height:40px;background:#fff;padding:1px;border:1px solid #ccc;margin:0px 10px 0px 0px;}
.avatar-image-container img { width:40px; height:40px;}
]]></b:skin>

--> Ubah teks berwarna biru diatas sesuai dengan kalkulasi berikut :
Lebar main-wrapper dikurangi 22px.
--> Contoh, Jika lebar main wrapper anda adalah 410px, maka sesuai dengan kalkulasi diatas, lebar tersebut kemudian dikurangi sebesar 22px.
410px – 22px = 388px
Hasil tersebut lah yang kemudian harus di gantikan pada teks berwarna biru diatas.
--> Ganti kode berwarna merah dengan kode warna background yang anda inginkan.
--> Ganti kode berwarna hijau dengan kode warna border/garis pinggir yang anda inginkan.

• Simpan Dulu

5. Selanjutnya,cari kode :

<dl class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
          <span><dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName' style='display:inline'>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
            </b:if>
          </dt>pada hari&#160;<dd class='comment-footer' style='display:inline; margin:0px'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd></span>
          <dd class='commenttext'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
        </b:loop>
      </dl>

6. Ganti kode diatas dengan kode berikut ini :

<dl class='commentlist'><b:loop values='data:post.comments' var='comment'>
<li class='comment' id='li-comment'><div id='commentblock'><div class='comment-author vcard'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/></b:if>
<a expr:name='data:comment.anchorName'/><b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/></b:if><div class='author-name'> 
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><b:else/> 
<data:comment.author/></b:if></div></div><div class='comment-meta'>               
<a expr:href='data:comment.url' title='comment permalink'><data:comment.timestamp/></a> 
<b:include data='comment' name='commentDeleteIcon'/></div><div class='comment-body'>
<div class='sg1'/><div class='sg2'/><b:if cond='data:comment.isDeleted'> 
<span class='deleted-comment'><data:comment.body/></span><b:else/><p><data:comment.body/>
<span class='interaction-iframe-guide'/></p></b:if></div></div></li></b:loop></dl>

7. Simpan hasil kerja anda. Lihat hasilnya

Read More

Username:

Password: (?)

Read More

forum

Read More