Skip to main content

Cara Menyimpan kode Snippets Feed Icon Pada Blogger

Cara Menyimpan kode Snippets Feed Icon Pada Blogger


Feed Icon in Blogger
Apa yang dimaksud Feed..? Kita sering menemukan kata "RSS","XML" dan "Atom" diberbagai media artikel,tapi kita tidak tahu bagaimana cara menggunakan link ini.

Feed adalah cara untuk Website/Blog besar dan kecil untuk mendistribusikan konten mereka jauh melampoi dengan pengunjung menggunakan brower.Izin berlangganan feed update regular,dikirim secara otomatis melalui web portal,news reader,atau pembuatan email sejak lama selalu terbaik.Feed juga memungkinkan untuk konten situs yang dikemas dalam "widget, "gadget" perangkat mobile,dan tecnologi gigitan ukuran lain yang memungkinkan untuk menampilkan blog,podcast,dan major news /sport/cuaca/ apapun berita utama hanya tersedia dimana saja.

Dalam beberapa kasus Anda bisa menggunakan feed dengan men-Download icon.Tetapi kali kali Saya akan membahas cara menyimpan Kode Snippet pada Blogger,dengan menggunakan HTML dan CSS.Barangkali Anda ingin link ke feed dalam sebuah paragraf.Untuk menghilankannnya Anda harus menambahkam texs deskriftif agar pengguna mengetahui link tersebut ke feed.Anda dapat menepatkan icon sebelum texs yang terkait dengan pakan.

Live Demo



Tampilan Feed Icon Pada Blogger 


Jika WEbsite/Blog Anda memiliki lebih dari satu pakan,Anda bisa menyajikan semua feed yang ada sebagai daptar.

Contoh :
  • fed-icon All Posts
  • feed-icon Category 1
  • feed-icon Category 2
  • feed-icon Category 3
  • feed-icon-Blogger All Posts
  • feed-icon-Blogger Category 1
  • feed-icon-Blogger Category 2
  • feed-icon-blogger Category 3


Bagaimana Cara Menampilkan Kode Snippets Pada Blogger ?






  • feed-icon-blogger  Langkah 1. Anda masuk ke Blogger Account
  • feed-icon-blogger  Langkah 2. Anda klik Layout
  • feed-icon-blogger  Langkah 3. add gadget
  • feed-icon-blogger  Langkah 4. COPAS kode HTML dibawah



  • KODE HTML
    <ul class="feed-list">
      <li><a href="#">All Posts</a></li>
      <li><a href="#">Category 1</a></li>
      <li><a href="#">Category 2</a></li>
      <li><a href="#">Comments</a></li>
    </ul>


    KODE CSS
    .feed-list {
      margin: 0 0 15px 15px;
      padding: 0;
      list-style-type: none;
    }

    .feed-list li {
      margin: 0 0 10px 0;
      padding: 0;
      list-style-type: none;
    }

    .feed-list li a {
      padding: 0 0 0 19px;
      background: url("../images/feed-icon-14x14.png") no-repeat 0 50%;
      list-style-type: none;
    }

    Akhir Kata

    Demikian Tutorial Menyimpan kode Snippets Feed Icon Pada Blogger Semoga bermanfaat untuk lebih jelas silahkan Anda mengunjungi www.feed.com


    Comments

    Popular posts from this blog

    [5.0.2] Iky Os Sm-G530h Fortunave3g

            Di postingan kali ini saya akan share [5.0.2] Iky OS sm-g530h fortunave3g, rom ini base stock rom lolipop sm-g530h instal via twrp, pribadi saja Note:fortunave3g Link rom: https://drive.google.com/open?id=1fbvi56Gi2Ezt2WbZscZJbEJnvKClA2Vj Link fix contacts: https://drive.google.com/open?id=1J7QLccyprHhHvpreVIXDVwJmu_PlRCHw Cara instal rom - lakukan 3 wipe, wipe data, dalvic, cache - Instal rom [5.0.2] Iky OS sm-g530h fortunave3g - Instak fix contacts - Tunggu sampai selesai - Reboot system Kelebihan - Root - Smooth - Full deodex - Tweak - Multi user - Like Grace ux - dan lainya Bug -----------   Feature Iky OS 5.0.2  Status kafetaria - Battery style - Battery bar   - Carrier label - Carrier logo - Network traffic - Gradient status bar - Mini calendar ( Show hidden ) - Digital clock ( Show hidden ) - Default clock ( Show hidden ) Qs panel - Header bann...

    Catatan: Fitur TabunganKu dan Pilihan Netizen

    Penggemar tabungan tanpa biaya administrasi bulanan boleh berterima kasih pada presiden ke-enam Susilo Bambang Yudhoyono (SBY). Tanpa ide dan pencanangan Gerakan Indonesia Menabung  oleh beliau, boleh jadi produk ini tidak pernah ada. Kalau yang sekarang ……… ( Gak usah di lanjut deh…. No comment aja…. Dari pada kebablasan bisa repot…  cos, saya bisa nulis setajam silet, silet nya Feny Rose tapi

    mengamati kedatangan pengunjung dengan feedjit

    Apakah kegunaan widget yang satu ini ( live traffic feedjit ) ..? jadi dengan widget ini anda bisa mengetahui darimana pengunjung blog anda datang, dari blog orang lain atau dari hasil pencarian pencarian search engine semacam google, yahoo, msn livesearch dan lain lain. Dengan widget ini pula anda juga dapat membantu menaikkan SEO blog anda dengan cara menelusuri dan membuka dari site serach referer ( website pencarian yang sudah menjadi media pengantar kedatangan pengunjung anda ) tapi akan saya bahas tutorial nya di lain session, karena tidak sesuai dengan topik judul yang dibahas sekarang, tapi jika anda merikuesnya pasti akan segera saya posting untuk anda.. dijamin dech.. hehehe.. Oke sekarang kita kembali ketopik pembahasan yaitu " mengamati kedatangan pengunjung blog dengan feedjit ". Apa itu feedjit ..? adalah sutu website penyedia widget counter yang berfungsi untuk merekam kedatangan pengunjung suatu blog atau web ( live traffic feed ). Nah untuk mendapatka...