Koleksi Icon Social Bookmark

Dibawah ini ada beberapa koleksi icon-icon social bookmark dengan kualitas bagus yang bisa sobat jadikan koleksi. Icon merupakan bagian dari blog yang juga perlu kita perhatikan, selain mengundang minat pengunjung, icon juga bisa melambangkan pribadi seseorang. Buat sobat yang kehabisan ide untuk mempercantik blog, mungkin icon-icon ini bisa menjadi alternatif. Berikut icon-icon social bookmarknya.

1. http://webtreats.mysitemyway.com/simple-glossy-silver-social-media-icons

   

2. http://www.cutelittlefactory.com/freebies/furry-cushions-social-icons

   

3. http://webtreats.mysitemyway.com/108-glossy-black-comment-bubble-social-networking-icons

   

4. http://webtreats.mysitemyway.com/ultra-glossy-silver-button-social-media-icons

   

5. http://nishad2m8.deviantart.com/art/jeans-social-media-icon-pack-131069708

   

6. http://annanta.com/archive/wooden-social-media-icons

   

7. http://sixrevisions.com/freebies/free-set-of-social-media-icons-rivet-social

   

8. http://www.noupe.com/freebie/new-free-social-media-icon-set-for-your-blog.html

   

9. http://webtreatsetc.deviantart.com/art/108-Red-Pearl-Soc-Media-Icons-123745270

   

10. http://deepubalan.com/blog/2009/12/14/high-resolution-social-media-iconset-for-free-price-tag-style

    

11. http://webtoolkit4.me/2009/03/17/polaroid-icon-set

    

12. http://www.snap2objects.com/2007/11/06/free-vector-social-bookmark-icons

    

13. http://www.smashingmagazine.com/2008/09/10/cheers-a-free-social-icon-set

    

14. http://www.chethstudios.net/2009/02/wild-twist-social-media-icon-pack.html

    

15. http://blog.iampaddy.com/2008/11/12/web-20rigami

    

Download Icon Cantik dan Menarik

Untuk mempercantik tampilan blog atau desktop pada komputer sobat, dibawah ini ada beberapa icon cantik dan menarik yang dapat sobat download secara gratis. Sobat juga bisa menggunakan pada apilkasi blog atau web, dengan kualitas gambar yang bagus icon-icon ini bisa menjadi pilihan buat mengisi beberapa bagian di komputer sobat atau paling tidak sebagai koleksi.

 

1. Round theme icons

   

2. Fortune 500 Badges

   
3. Set of Social Icons

   

4. Manto Smiley Icon Set

   

5. Reality

   

6. Baggy Icon Set

   

7. Flavours Icon Set

   

8. Banking Stuff Icons

   

9. Practica Icons Set

   

10. GP Icons

    

11. Music Icons

    

12. Email Me Icons

    

13. Cemagraphics Icons

    

14. Social Media Handycons

    

15. Antique Icons

    

16. Green and Blue Icon Set

    

Selamat mendownload dan semoga bisa menambah koleksi icon sobat.

Variasi List-Style-Type

Mungkin sebagian blogger belum banyak yang mengerti fungsi dari list-style-type. List-style-type sendiri berfungsi sebagai penanda bullet icon blog, sobat bisa melihat contohnya pada icon panah warna kuning yang ada di sidebar blog saya. Beberapa pertanyaan muncul yang menanyakan cara membuat icon warna kuning seperti di blog saya.

 

Saya pernah membahas sebelumnya di postingan cara memasang icon tab di sidebar blog, namun pada saat itu contoh yang saya gunakan menggunakan image icon dengan url atau icon yang sudah di simpan sebelumnya di hosting. Saya akan berikan beberapa kode dari list-style-type yang bisa sobat gunakan.

 

list-style-type: disc;	list-style-type: lower-greek;
list-style-type: circle;	list-style-type: hewbrew;
list-style-type: square;	list-style-type: armenian;
list-style-type: decimal-leading-zero;	list-style-type: georgian;
list-style-type: lower-roman;	list-style-type: cjk-ideographic;
list-style-type: upper-roman;	list-style-type: hiragana;
list-style-type: upper-alpha;	list-style-type: katakana;
list-style-type: lower-alpha;	list-style-type: hiragana-iroha;
list-style-type: none;	list-style-type: inherit;

 

• Silahkan login ke blogger.
• Tuju Tata Letak.
• Klik Edit HTML.
• Cari kode "list-style-type", jika list-style-type tersebut terletak di bagian css sidebar, maka yang akan sobat ubah adalah icon bullet pada sidebar.
• Contohnya seperti ini :

  #sidebar ul { padding:0; margin:0; color:#FFF }
  #sidebar ul li { list-style-type:square; padding-left:5px; margin:8px 0 0 20px }

• Ubah dan sesuaikan dengan keinginan sobat, contohnya di ubah menggunakan decimal-leading-zero, maka ganti hasilnya menjadi : 

  #sidebar ul { padding:0; margin:0; color:#FFF }
  #sidebar ul li { list-style-type:decimal-leading-zero; padding-left:5px; margin:8px 0 0 20px }

• Simpan Template.

 

Untuk list-style-type: square bisa sobat lihat pada bagian bawah blog ini. sobat bisa melihat icon kotak kecil yang tampil sebelum isi dari recent post di bawah.

 

 

Semoga bermanfaat.

Memasang Icon Tab Pada Sidebar

Setelah membaca komentar beberapa sobat di postingan cara membuat tab view menu, yang menanyakan bagaimana cara membuat icon atau bullet icon pada tab view menu. Sebenarnya icon tersebut sudah ada pada template, dan tidak di tambahkan secara manual pada saat membuat tab view menu.

 

Icon tersebut akan muncul dengan sendirinya jika kita membuat daftar tulisan, link atau blogroll dengan menambahkan kode <ul><li> dan menutupnya dengan </li></ul>. Atau jika sobat membuat daftar link menggunakan fasilitas tambah gadget pada elemen halaman di blogger.

Untuk menambahkan icon yang berwarna kuning tersebut sangatlah mudah, ikuti langkah-langkahnya berikut ini :

 

• Login ke blogger dengan user ID sobat.
• Tuju Tata Letak.
• Klik tab Edit HTML.
• Kemudian tambahkan kode berikut ini diatas kode ]]></b:skin>

  #sidebar-wrapper ul {

  color:#333;

  margin:0px;

  padding:0px;

  }

  
  #sidebar-wrapper ul li {

  background:url(http://lh6.ggpht.com/_7Y9pl24WpQY/SuHhL1fZSMI/AAAAAAAAB_w/engBWuVJmlo/link_arrow_thumb%5B1%5D.png) no-repeat 0px 5px;

  margin:0px 0px 5px;

  padding:0px 0px 5px 15px;

  }

  
  #sidebar-wrapper ul li a:hover {

  margin:0px 0px 5px;

  padding:0px;

  }

• Simpan Template.

 Keterangan :

1. Kode yang berwarna merah adalah kode css untuk sidebar blog saya, sobat sesuaikan dengan kode css sidebar blog sobat, tapi umumnya sama.
2. Kode yang berwarna ungu adalah url dari icon, bisa sobat ganti sesuai keinginan sobat.

 Contoh penulisan manual :

 

<ul>

 

<li><a href="http://kutu-blogspot.blogspot.com/2009/12/mempercantik-menu-dengan-mycssmenu.html"> Mempercantik Menu Via MyCSSMenu.com</a></li>

 

<li><a href="http://kutu-blogspot.blogspot.com/2009/12/memasang-widget-sharing-is-sexy.html"> Memasang Widget Sharing is Sexy di Blog</a></li>

 

<li><a href="http://kutu-blogspot.blogspot.com/2009/12/pasang-breadcrumb-navigasi-di-blog.html"> Pasang Breadcrumb Navigasi di Blog</a></li>

 

<li><a href="http://kutu-blogspot.blogspot.com/2009/12/acak-copy-paste-artikel-via-tynt.html"> Malacak Copy Paste Artikel via Tynt Insight</a></li>

 

<li><a href="http://kutu-blogspot.blogspot.com/2010/01/mengganti-background-dengan-gradient.html"> Mengganti Background Dengan Gradien Image</a></li>

 

<li><a href="http://kutu-blogspot.blogspot.com/2010/01/cara-membuat-label-dengan-fungsi-scroll.html"> Label Dengan Fungsi Scroll</a></li>

 

<li><a href="http://kutu-blogspot.blogspot.com/2010/01/tabel-perhitungan-google-pagerank.html"> Tabel Perhitungan Google PageRank</a></li>

 

<li><a href="http://kutu-blogspot.blogspot.com/2010/01/optimalkan-feedburner-dengan-memasang.html"> Cara Memasang PageFlip</a></li>

 

<li><a href="http://kutu-blogspot.blogspot.com/2010/01/membuat-efek-tulisan-dengan-css-text.html"> Membuat Efek Tulisan Dengan CSS Text Shadow</a></li>

 

<li><a href="http://kutu-blogspot.blogspot.com/2010/03/menyimpan-file-di-google-sites.html"> Menyimpan File di Google Sites</a></li>

 

<li><a href="http://kutu-blogspot.blogspot.com/2010/03/menyembunyikan-image-pada-read-more.html"> Menyembunyikan Image Pada Read More Otomatis</a></li>

 

</ul>

Tulisan yang saya tebalkan adalah kode yang harus sobat tambahkan setiap mengisi tulisan yang didalamnya terdapat link.

 

Semoga tutorial singkat ini bisa bermanfaat.

Gratis Download Icon RSS Feed

Rasanya saya sudah kehabisan ide untuk memposting artikel tutorial blogspot, sejenak break dulu kita santai dengan artikel yang santai pula. Mungkin dengan mendownload icon rss feed secara gratis, sobat bisa menambah koleksi icon rss feed milik sobat, sekaligus mempercantik tampilan blog.

 

Icon-icon ini bisa diletakkan di samping �email subscribe� yang biasanya digunakan untuk mengundang pengunjung untuk berlangganan artikel via email. Karena dengan icon yang menarik, saya yakin pengunjung sangat berminat untuk berlangganan artikel dari blog sobat, selain tentunya blog berisi dengan postingan yang berbobot.

 

Dibawah ini ada bermacam situs yang menyediakan download icon rss feed secara gratis, silahkan sobat kreasikan blognya dengan icon-con cantik ini.  

Web 2.0 RSS Icon with PSD | Download

Acid RSS | Download

 

Alternative RSS Icons by MouseRunner | Download

 

 

BrokerScience Real Estate RSS Icons | Download

 

Cocktail Party rss feed icons | Download

 

Perishable Press Collection of Feed Icons | Download

 

Color RSS Icons by NewsNiche | Download

 

17 Multicolor RSS Icon | Download

 

RSS Feed Badge | Download

 

Grunge feed icons | Download

 

 

Hat RSS Icon | Download

 

 

Heart Shape RSS Icons | Download

 

mycircles RSS | Download

 

 

NewsFire Replacement Icon | Download

 

Orbit rss feed icons | Download

 

RSS Icon by petemh | Download

 

Feed Icons for guitarists | Download

 

Plain rss feed icons | Download

 

RSS icon (Animated) | Download

 

Shaded rss feed icons | Download

 

RSS Icons by simdes | Download

 

Smashing PNG rss feed icons | Download

 

 

Snap2Objects Vector RSS Icons | Download

 

 

Stylish RSS Icons by StylishLab | Download

 

DataMouse Web 2.0 RSS Icons | Download