Rabu, 16 Mei 2012

0 Download icon For Blog Gratis.

Diposting oleh Unknown di Rabu, Mei 16, 2012

 

:iconjwloh:
Social.me is an icon set consisting of 30 individual icons of the popular social networks/Web 2.0 sites out there. 

The icons are iPhone-inspired and is based on the template provided by Tim (www.lostpixel.com) @ MacThemes Forum. The sites that are included in this release are - 

Feel free to use these icons anywhere on your website, blog, or even in print. I do not request that you give credits to me. However, it will be a nice gesture if you do give me a credit when these icons are used in your design(s). 

I would also be interested to see how these icons are used in your designs! So if you want to share it with me, please email me at jwloh01 [at] gmail.com

Visit my portfolio at [link]

Download :Klik di sini
Label:

0 Cara Mengganti Icon Blog Di Google Chrome

Diposting oleh Unknown di Rabu, Mei 16, 2012

Cara Mengganti Icon Blog Di Google Chrome


Hey sahabat blogger gimana? masih pengen nambah ilmu buat blog?? ini dia waktunya sekarang, Trik pertama saya dapatkan dari sahabat saya Akatsuki Blog  tentang cara mengganti icon Blog Blogspot, dan cara itu terbukti berhasil.

nah untuk di buka dengan menggunakan Chrome Browser, iconnya tidak muncul dan kembali ke icon default blogspot. mau tau solusinya ?






Cara Lama : bisa muncul tetapi hanya di Modzila Firefox :

  • Pilih gambar Icon yang sahabat uzumaki_popey inginkan lalu ukurannya diperkecil 32x32 pixel.
  • Upload gambar yang di pilih, 
  • Kalau udah di upload, copy URL gambar yang kalian upload tadi.
  • Lalu buka edit HTML, lalu klik Expand Widget.
  • Cari kode (ctrl+f) Lalu letakkan kode berikut diatasnya :


*** jangan lupa sahabat ganti tulisan warna merah dengan alamat gambar kalian
kalau suda klik Save Setting dan beres^^

Cara 2 : Untuk muncul kan icon di GOGGLE CHROME ini cara nya :
Sebenarnya caranya sama saja seperti cara yang terdahulu, namun kode untuk Shortcut Icon-nya saja yang sedikit berbeda.

Langkah-langkah :




  • Cari code "Meta Tag"- (Mempermudah pencarian Gunakan Ctrl+F) setelah ketemu copy script di bawah ini: 
  

  • setlah itu =>Copy scrip diatas dan Paste Percis dibawah "Meta Tag", (jangan lupa ganti URL icon yang berwarna merah dengan URL sobat)
  • Klik "Save Template" apabila sudah selesai
  • Lihat Blog anda dengan menggunakan ChromeBrowser, apabila semuanya sudah benar maka icon akan muncul.

Dijamin deh muncul.. kalau ga yah mesti teliti merubahnya.. gimana??jangan lupa komentarnya..okay?
Label:

0 MEMBUAT MENU NAVIGASI HORIZONTAL DROP DOWN

Diposting oleh Unknown di Rabu, Mei 16, 2012

MEMBUAT MENU NAVIGASI HORIZONTAL DROP DOWN


Memenuhi janji saya atas permintaan seorang teman, berikut ini saya coba sajikan cara membuat menu navigasi horizontal dengan tampilan drop down menu.


Langkah-langkahnya sebagai berikut :

1.Login Blogger >> Rancangan >> Edit HTML >> Copy kode dibawah ini dan taruh di atas kode mirip ]]>

/* Menu Horizontal Dropdown */
#menuwrapperpic {background:#000 ;width:980px;margin:0 auto;padding:0 auto;}
#menuwrapper {width:970px;margin:0 auto;height:34px;}
.clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}
#menubar {width:100%;}
#menubar, #menubar ul {padding: 0;margin: 0;list-style: none;font-family:'Arial', serif;}
#menubar a {display: block;text-decoration: none;padding: 9px 10px 8px 10px;font:bold 13px/15px Arial,serif; text-decoration:none;color: #fff;border-right:1px solid #444}
#menubar a.trigger {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiED4AP6fbTwyJjMMi5ciTaJp9BUQfiIL6ZC_2o0-MmI9VBs24kiYX8KBjNylvJhuvXkmOwq_HHzo0rcDk4GtWk8-Uqb-mzEc9rzvJsF5H3-APu2uWULqkfjERMe7WkSLsBl8alI7S1EKWE/ s1600/arrow_black_bottom.gif);background-repeat: no-repeat;background-position: right center; padding: 9px 20px 8px 10px;}
#menubar li {float: left;position: relative;}
/* hide from IE mac \*/
#menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */
#menubar li ul, #menubar ul li {width:170px;}
#menubar ul li a {text-align:left;color: #fff;padding: 8px 13px;font-size: 13px;font-weight:normal;text-transform:none;font-family:Arial;border:1px solid #444;}
#menubar li ul {z-index:100;position: absolute;display: none;background:#000;}
#menubar li ul {-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0 rgba(0, 0, 0, 0.6);}
#menubar li:hover a, #menubar a:active, #menubar a:focus, #menubar li.hvr a{background-color:#fff;color: #004276;text-decoration:underline;}
#menubar li:hover ul, #menubar li.hvr ul {display: block;}
#menubar li:hover ul a, #menubar li.hvr ul a {color: #edfdfd;background-color:transparent;text-decoration:none;}
#menubar li ul li.hr { display:block; font-size: 1px; height: 0px; line-height: 0px; margin:0px 0; }
#menubar ul a:hover {background-color: #fff!important;color: #004276 !important;text-decoration:none;}
#menubar li.selected a, #menubar li.selected a:visited {border-right:1px solid #444}
#menubar li.selected a:hover {background:none;color:#F7D528;}

2. Berikutnya silakan cari kode , lalu taruh kode di bwah ini tepat di atas





3. Setelah selesai kita akan menambahkan dan memunculkan navigasinya. Caranya dengan menaruh kode ini di bawah




Catatan: Silakan ganti "#" link-link di atas dengan link artikel milik anda dan nama menu di blog.
Label:

1 Cara Membuat Link Berkedip Waktu Cursor Melintas di Atasnya | Tips Blogspot | Membuat Link Berkedip

Diposting oleh Unknown di Rabu, Mei 16, 2012

Cara Membuat Link Berkedip Waktu Cursor Melintas di Atasnya | Tips Blogspot | Membuat Link Berkedip

Cara Membuat Link Berkedip Waktu Cursor Melintas  di Atasnya | Tips Blogspot | Membuat Link Berkedip >>> Posting ini saya buat karena banyak permintaan dari para sobat cewek - cewek blogger kolom blog gratis yang pastinya mereka pengen blognya jadi seindah mungkin. tapi ketika saya membuat posting ini sebenarnya bukan untuk sobat cewek - cewek blogger kolom blog gratis saja tetapi untuk semua sahabat bloggerkolom blog gratis bahkan sobat komputer maupun handphone he.. Langsung saja Berikut Cara Membuat Link Berkedip Waktu Cursor Melintas  di Atasnya :
  1. Masuk ke blogger dengan ID anda.
  2. Klik Tab Tata Letak.
  3. Klik Edit HTML.
  4. Beri tanda centang pada kotak kecil Expand Template Widget.
  5. Silakan Cari kode 
  6. Tambahkan Kode script berikut ini diatasnya kode 
    

    

    

    

    7. 

  7. Kode  warna ( red dam yellow ) diatas bisa anda ganti sesuai dengan keinginan anda, kode tersenut adalah kode warna link dan warna garis bawah.
    8. 

  8. Silahkan anda variasikan sesuai dengan warna kesukaan anda.
    9. 

  9. Klik Simpan Template.
    10. 

  10. Selesai dan lihat hasilnya.
    11. 


























































































Label:
















      

    










Langganan:
Postingan (Atom)





























 










**Blogger-Bhem™ | Copyright © 2015  | Designer Template by Adi-Maulana & Indonesian Blogger™