Cara Memasukkan Gambar pada Chatting Facebook

Facebook memang memiliki fitur yang menarik. Tiap waktu, jejaring sosial milik Mark Zuckerberg tersebut memiliki fitur yang semakin bertambah. Salah satunya adalah fitur Facebook Chatting.

Jika dulu chatting melalui Facebook hanya memiliki fitur yang sederhana, kini melalu fitur chatting tersebut Anda bisa menggunakan berbagai emotion. Hampir mirip dengan fasilitas yang dipunyai oleh Yahoo Messenger.

Terkadang, fitur tersebut dirasa belum cukup oleh sebagian pengguna Facebook. Emotion yang diberikan terkadang masih belum bisa mengekspresikan emosi dari penggunanya. Jika Anda adalah salah satunya, Anda bisa memasukkan sebuah gambar melalui Facebook Chatting.

Lalu bagaimana cara melakukan hal tersebut? Cukup mudah ternyata. Salah satunya adalah dengan menggunakan fasilitas Facebook Chat Codes Maker yang dipunyai oleh situs Smileyti.me. lanngsung saja buka disini.

Cara memasukkan gambar ke Facebook Chatting dengan fasilitas miliki Smileyti.me ini pun cukup mudah. Anda hanya membutuhkan tiga langkah mudah untuk mengubah gambar yang ingin Anda kirim menjadi serangkaian kode chatting Facebook.

Pertama Anda tinggal memilih gambar yang ingin dikirim. Selanjutnya, Anda bisa mengupload gambar tersebut di situs ini. Selanjutnya, akan muncul kode Chatting Facebook di halaman situs ini. Dan, kalau Anda ingin mengirim gambar tersebut, Anda cukup copy-pastekan kode tersebut di halaman chatting Facebook Anda, dan teman anda gambar tersebut akan muncul.
seperti gambar berikut :

sumber : beritateknologi.com

More about → Cara Memasukkan Gambar pada Chatting Facebook

Cara Membuat Menu bar di Blog

Berikut adalah Langkah- langkah untuk membuat Menu bar pada Blog seperti pada gambar di atas

1. Login pada blogger
   
2. masuk ke halaman Template
   
3. Edit HTML lalu Lanjutkan
   
4. Klik centang pada Expand Template Widget
   
5. Cari kode ]]></b:skin> (gunakan ctrl+f)
   
6. Copy kode dibawah ini dan paste-kan di atas kode ]]></b:skin> 
   
   #menubar{
   width:900px;
   height:32px;
   background:#de360f;
   float:center;
   margin-bottom:10px;
   }
   #menubar ul{
   float:left;
   margin:0;
   padding:0;
   }
   #menubar li{
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   }
   #menubar li a, #menubar li a:link{
   border-right:1px solid #F0512D;
   float:left;
   padding:8px 12px;
   color:#fff;
   text-decoration:none;
   font-size:13px;
   font-weight:bold;
   }
   #menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
   color:#ffa500;
   text-decoration:underline;
   }
   #menubar li li a, #menubar li li a:link, #menubar li li a:visited{
   font-size: 12px;
   background: #de360f;
   color: #fff;
   text-decoration:none;
   width: 150px;
   padding: 0px 10px;
   line-height:30px;
   }
   #menubar li li a:hover, #menubar li li a:active {
   background: #F0512D;
   color: #ffa500;
   }
   #menubar li ul{
   z-index:9999;
   position:absolute;
   left:-999em;
   height:auto;
   width:170px;
   margin-top:32px;
   border:1px solid ##F0512D;
   }
   #menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
   left:auto
   }
   #menubar li:hover, #menubar li.sfhover{
   position:static
   }
   
7. Selanjutnya cari kode <div id='content-wrapper'> 
   
8. Pasang Kode dibawah ini diatas Kode  <div id='content-wrapper'>
   
   
   <div id='menubar'>
   <ul>
   <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
   <li><a href='http://coratas.blogspot.com/'>Ganti Menu</a></li>
   <li><a href='http://coratas.blogspot.com/'>Ganti Menu</a></li>
   <li><a href='http://coratas.blogspot.com/'>Ganti Menu</a></li>
   <li><a href='http://coratas.blogspot.com/'>Ganti Menu</a></li>
   </ul>
   </div>
   
   
9. Simpan template dan lihat hasilnya...
   
   
   
   
   
   sumber :albarnation.com
   
   
   

More about → Cara Membuat Menu bar di Blog

Membuat label di Blog

Cara membuat label pada sebuah Blog merupakan tutorial dasar dalam blogger, namun ini merupakan hal penting untuk perkembangan blog kedepannya. Jika dijelaskan menurut kepentingannya sama halnya dengan sebuah buku, yang memiliki judul, daftar isi dan sub daftar isi yang membedakan antara pembahasan yang satu dengan yang lainnya. Jika dalam sebuah buku itu tidak memiliki sub-sub didalamnya maka daftar kategori akan bercampur aduk dan tidak menentu. Begitu juga dengan sebuah web/blog, yang kita ibaratkan saja dengan buku, jika tidak memiliki label blog akan carut-marut tidak menentu. Disamping itu label dalam sebuah blog dapat diklasifikasikan sesuai dengan keinginan anda.

Membuat label blog tidaklah sulit, anda cukup memperhatikan langkah-langkah yang akan saya jelaskan dibawah ini, sembari mempraktekannya kedalam blog Anda.

1. Sign in ke akun blogger Anda
2. Klik menu Layout
3. Klik menu Elemen Halaman
4. Klik tulisan Tambahkan sebuah Elemen Halaman
5. Klik tombol yang bertuliskan tambahkan ke blog yang berada di bawah tulisan Label
6. Tulisan Labels di samping tulisan Judul bisa sobat rubah menjadi Kategori jika sobat mau merubahnya
7. Pilih radio button yang sobat inginkan di samping tulisan Menyortir, Alfabetik : jika kategori ingin di tampilkan sesuai dengan abjad alfabetik ( dari A –> Z ), Berdasarkan Frekuensi : jika kategori ingin ditampilkan sesuai dengan banyaknya label (kategori)
8. Klik tombol yang bertuliskan simpan perubahan
9. Selesai.

Lihat gambar di bawah ini :

      Demikianlah cara membuat label di blog, semoga bermanfaat, sampai jumpa pada pertemuan panduan dan cara membuat blog berikutnya. Pastikan Anda selalu mengunjungi blog CORATAS untuk mendapatkan update informasi seputar tutorial blogger dan informasi lainnya.

Masukan berupa kritik dan saran sangat kami butuhkan demi untuk kemajuan blog kami Terimakasih 

Wassalam...

sumber :super-bee

More about → Membuat label di Blog

KODE WARNA PADA HTML

        Dalam mendesain sebuah website atau blog, hampir tidak bisa dilepaskan dari apa yang namanya warna, walau memang kadang kita jumpai sebuah blog / website hanya berupa putih dan hitam saja, meski dalam bahasa website HTML putih dan hitam pun juga disebut warna.
      Dalam bahasa HTML warna-warna mempunyai kode sendiri sendiri misal #FFFFFF untuk warna putih, #000000 untuk warna hitam dan masih banyak lagi lainnnya.Namun sepertinya kita mustahil untuk mengingat satu persatu kode warna HTML tersebut. Nah untuk mempermudah anda dalam mengingat kode warna, berikut saya berikan beberapa kode warna html yang sering dipakai dalam membuat website dan atau blog.
Berikut ini adalah beberapa Kode Warna  HTML untuk sebuah website atau Blog

#FFFFFF

White

#FOF8FF Aliceblue

#FAEBD7 Antiquewhite

#00FFFF Aqua

#7FFFD4 Aquamarine

#F0FFFF Azure

#F5F5DC Beige

#FFE4C4 Bisque

#000000 Black

#FFEBCD Blanchedalmond

#0000FF Blue

#8A2BE2 Blueviolet

#A52A2A Brown

#DEB887 Burlywood

#5F9EAD Cadetblue

#7FFF00 Chartreuse

#D2691E Chocolate

#FF7F50 Coral

#64950 Cornflowerblue

#FFF8DC Cornsilk

#DC143C Crimson

#00FFFF Cyan

#00008B Darkblue

#008B8B Darkcyan

#B8860B Darkgoldenrod

#A9A9A9 Darkgray

#006400 Darkgreen

#8B008B Darkmagenta

#BDB76B Darkkhaki

#556B2F Darkolivegreen

#FF8C00 Darkorange

#9932CC Darkorchid

#8B0000 Darkred

#E9967A Darksalmon

#8FBC8B Darkseagreen

#483D8B Darkslateblue

#2F4F4F Darkslategray

#00CED1 Darkturquoise

#9400D3 Darkviolet

#FF1493 Deeppink

#00BFFF Deepskyblue

#696969 Dimgray

#1E90FF Dodgerblue

#B22222 Firebrick

#FFFAF0 Floralwhite

#228B22 Forestgreen

#FF00FF Fuchsia

#DCDCDC Gainsboro

#F8F8FF Ghostwhite

#FFD700 Gold

#DAA520 Goldenrod

#808080 Gray

#008000 Green

#ADFF2F Greenyellow

#F0FFF0 Honeydew

#FF69B4 Hotpink

#CD5C5C Indianred

#4B0082 Indigo

#FFFFF0 Ivory

#F0E68C Khaki

#E6E6FA Lavender

#FFF0F5 Lavenderblush

#7CFC00 Lawngreen

#FFFACD Lemonchiffon

#ADE8E6 Lightblue

#F08080 Lightcoral

#E0FFFF Lightcyan

#FAFAD2 Lightgoldenrodyellow

#90EE90 Lightgreen

#D3D3D3 Lightgray

#FFB6C1 Lightpink

#FFA072 Lightsalmon

#20B2AA Lightseagreen

#87CEFA Lightskyblue

#778899 Lightslategray

#B0C4DE Lightsteelblue

#FFFFE0 Lightyellow

#00FF00 Lime

#32CD32 Limegreen

#FAF0E6 Linen

#FF00FF Magenta

#800000 Maroon

#66CDAA Mediumaquamarine

#0000CD Mediumblue

#BA55D3 Mediumorchid

#9370DB Mediumpurple

#3CB371 Mediumseagreen

#7B68EE Mediumslateblue

#00FA9A Mediumspringgreen

#48D1CC Mediumturquoise

#C71585 Mediumvioletred

#191970 Midnightblue

#F5FFFA Mintcream

#FFE4E1 Mistyrose

#FFE4E1 Moccasin

#FFDEAD Navajowhite

#000080 Navy

#FDF5E6 Oldlace

#808000 Olive

#6B8E23 Olivedrab

#FFA500 Orange

#FF100%0 Orangered

#DA70D6 Orchid

#EEE8AA Palegoldenrod

#98FB98 Palgreen

#AFEEEE Paleturquoise

#DB7093 Palevioletred

#FFEFD5 Papayawhip

#FFDAB9 Peachpuff

#CD853F Peru

#FFC0CB Pink

#DDA0DD Plum

#B0E0E6 Powderblue

#800080 Purple

#FF0000 Red

#BC8F8F Rosybrown

#4169E1 Royalblue

#8B4513 Saddlebrown

#FA8072 Salmon

#F4A460 Sandybrown

#2E8B57 Seagreen

#FFF5EE Seashell

#A0522D Sienna

#C0C0C0 Silver

#87CEEB Skyblue

#708090 Slategray

#FFFAFA Snow

#00FF7F Springgreen

#4682B4 Steelblue

#D2B48C Tan

#008080 Teal

#D8BFD8 Thistle

#FF6347 Tomato

#40E0D0 Turquoise

#EE82EE Violet

#F5DEB3 Wheat

#FFFFFF White

#F5F5F5 Whitesmoke

#FFFF00 Yellow

#9ACD32 Yellowgreen

More about → KODE WARNA PADA HTML