Tuesday, 28 January 2014

Cara Menambahkan Box Shadow Dengan Kode CSS3 Pada Elemen Blogger

Box Shadow Dengan Kode CSS3 Pada Elemen Blogger


Assalamu'alaikum Sahabat kita jumpa kembali dengan postingan hari ini yaitu Cara Menambahkan Box Shadow Dengan Kode CSS3 Pada Elemen Blogger yang sangat bermanfaat buat melengkapi halaman blog Anda dengan tampilan lebih Indah Seperti yang di inginkan oleh para pengunjung.

Box Shadow Dengan Kode CSS3 Pada Elemen Blogger Anda,bagaimana cara menambahkannya..? ini sangat mudah untuk Anda yang masih belajar termasuk Saya,karena disini Saya memberi kode CSS3 hanya cukup dengan petunjuk seperti yang tertera dibawah.

Silahkan copypaste kode CSS3 dibawah bila Anda mau menambahkannya.

ALfiyah Info Blogger

<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:300px;
height:100px;
background-color:green;
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>

<div>Artikel Anda Simpan Disini</div>

</body>
</html>


 Kode diatas menghasilkan kotak bayangan seperti gambar dibawah,yang bisa digunakan untuk melengkapi artikel blogs Anda.Untuk pemberian kode warna bisa Anda rubah sesuai dengan selera,juga untuk width:300px dan heigt:100 bisa diganti dengan keprluan.


Artikel Anda Simpan Disini



Monday, 27 January 2014

Cara Menambahkan Blog Anda Ke Networkedblogs | Alfiyah Info Blogger

Cara Menambahkan Blog Anda Ke Networkedblogs



Selamat jumpa lagi kawan dengan Alfiyah Info Blogger,hari ini kita kembali untuk membahas bagaimana cara menambahkan Blog Anda di NetworkedBlogs.Disini Anda boleh mengajukan pertanyaan mengapa kita harus menambahkan blog di Networkedblogs..? Sebagai jawabannya adalah untuk mempermudah Orang Orang mengakses blog kita dari dari halaman Facebook Anda.Juga bisa dikatan Networkedblogs adalah sebuah Direktori blogs yang bisa membantu Anda untuk mendapatkan lebih banyak ekposur blog Anda dan juga gratis untuk fitur dasar.
Sekarang apa yang harus Anda lakukan untuk mencapai tujuan, disini Saya akan menunjukan langkah lankahnya Cara Menambahkan Blog Anda Ke Networkedblogs.

Langkah 1. Masuk Ke NetworkedBlogs.com

Langkah 2. Lakukan Register a new blog

Langkah 3. Masukan link URL Blog Anda pada kotak yang tersedia misalnya http://cara-alfiyah.blogspot.com, kemudian klik Next.Seperti gambar dibawah :

register new blog in Networkedblogs


Langkah 4. Masukan informasi tentang Blog Anda sesuai dengan kolom data yang tersedia,bisa Anda lihat pada gambar dibawah.

register-a-new-blog-in-networkedblogs


Untuk Selanjutnya Ikuti Cara menambahkan blog Anda Ke Fan Page.





Friday, 24 January 2014

Mulai Panggilan Video Dan Pesan Instan Facebook Anda Langsung Dari Skype

 Panggilan Video Dan Pesan Instan Facebook  Langsung Dari Skype



Instan Facebook in Skype
 Dalam kesempatan ini Saya akan memberi sebuah artikel yang bisa digunakan untuk semua Orang,yaitu Mulai Panggilan Video Dan Pesan Instan Facebook Anda Langsung Dari Skype dengan lebih mudah untuk tetap berhubungan dengan keluarga dan teman Anda.Selain itu Anda juga bisa melihat dinding facebook,mengomentari status teman juga bisa memperbaharui status secara langsung.

Dapatkah Saya Mencapai Teman Teman Facebook Saya Dengan Menggunakan Skype ?

Sangatlah mudah untuk tetap berhubungan dengan teman-teman facebook Anda dengan Skype.Pertama ,Anda harus menghubungkan akun Skype Anda ke Facebook.Kemudian Anda dapat melihat Facebook News Feed dan menghubungi teman teman Facebook Anda

Ikuti Langkah Langkah Menghubungkan Ke Facebook

1. Masuk Ke Akun Skype
2. Di Tab kontak, klik panah bawah disamping All dan pilih Facebook
Pesan Instan Facebook in Skype

3. Klik Connect to Facebook
connect-to-skype

4. Sebuah facebook log-in halaman terbuka di Home Skype.Jika Anda bukan pengguna facebook,klik untuk daptar.
facebook-signup-to-skype

5. Masukan Facebook log-in rincian dan klik log-in untuk menghubungkan ke Facebook Anda.
Untuk melihat News Feed Facebook
Anda dapat berbagi dan melihat status,update dan komentar dari kontak Facebook Anda bisa lihat di Home Skype

Wednesday, 22 January 2014

Cara Menambahkan Statistik Facebook Pop Out Like Box Pada Blogger Dengan Hover Effect

STATISTIK FACEBOOK POP OUT PADA BLOGGER 



FACEBOOK POP OUT PADA BLOGGER
Pada kesempatan Saya akan mencoba memberi tahu kepada Anda tentang cara menambahkan statistik Facebook pop out pada Blogger dengan Hover effect.Dengan tampilan sangat keren mengambang Facebook Like Box yang slidenya sangat praktis bila tersentuh telunjuk mouse.Widget sangat penting untuk Blogger Anda agar lebih mendorong pengunjung menyukai postingan Anda, juga pada waktu yang sama bisa menyebarkan informasi keseluruh penjuru Dunia dengan drastis.Hari Saya akan memberikan langkah-langkah untuk cara membuatnya dengan sangat sederhana.


Bagaimana Cara Menambahkan Statistik Facebook Pop Out Pada Blogger Anda..?


Sekarang Ikuti langkah berikut ini



transparan mengambang bar vertikalmembuat sitemap di halaman bloggercara daftar blog di webmaster-tools

Copyright © 2014 Alfiyah Blogger


Monday, 20 January 2014

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