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



Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 5:40 PM

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.





Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 5:12 PM

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

Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 3:23 PM

Kode Warna JQuery Pada Blogger

Kode Warna JQuery Pada Blogger


Untuk melengkapi Blogger Anda terutama dalam mencanangkan berbagai corak warna untuk dikembangkan disuatu posting seperti widget yang membutuhkan dengan imbuhan warna Anda bisa mengambil kode yang diinginkan.

Menuju Situs Aslinya


Delicious Save this on Delicious


Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 9:18 AM

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


Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:42 PM

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


    Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:28 PM

    Cara Menambahkan Dengan Gaya Berbeda Recent Post Widget Pada Blogger

    Cara Menambahkan Dengan Gaya Berbeda Recent Post Widget Pada Blogger


     Recent Post Widget Pada Blogger
    Cara meningkatkan tampilan dihalaman Blog Anda atau Website dengan menambahkan recent post gaya baru untuk mempermudah pengunjung dalam pencarian artikel yang terkait di suatu halaman Blog.Juga sangat bagus untuk mengurangi Bounce Rate Blog/Website Anda.Pada hari Saya akan menunjukan Cara Menambahkan Dengan Gaya Berbeda Recent Post Widget Pada Blogger Anda dengan tampilan yang lebih indah dan lebih menarik bagi pengunjung Blog Anda.Harapan Saya Anda menikmati tampilan yang multi warna Widget Recent Post dengan CSS dan jQuery dalam meningkatkan Page views pengunjung Anda.Semoga Blog/Website Anda lebih top dalam peringkat Google, Yahoo dan Bing.


    Bagaimana Cara Menyipan Widget Recent Post Pada Blogger...?


    Langkah 1. Anda Ligin Blogger Account
    Langkah 2. Pilih Layout dan langsug klik
    Langkah 3. Pilih Gadget dan klik tambah gadget
    Langkah 4. Copypaste kode HTML dan simpan kolom popup HTML/JavaScript
    Langkah 5. Sudah menyimpan kodenya lalu klik Save
    Langkah 6. Selesai dan lihat hasilnya


     Anda ikuti langkah-selanjutnya cara menambahkan widget pada Blogger Anda


    Live Demo


    Silahkan Anda Sekarang Copypaste Kode HTML Ini
     <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">


    home_page = "http://cara-alfiyah.blogspot.com/";
    numposts = 7;

    imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor
     = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor
    = "#666";aBold = true;icon = " ";text = false;showPostDate
    = false;summaryPost = 0;summaryFontsize = 10;summaryColor
    = "#666";icon2 = " ";</script><script
     src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js"
     type="text/javascript"/><a href="http://cara-alfiyah.blogspot.com/"
    rel="dofollow" target="_blank" title=""><img alt="" border="0"
     src="http://i1341.photobucket.com/albums/o741/bujangarab1/56bbf131-f319-4643-8c54-4ae97111d956_zps5c4c7e72.gif" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/>
    </a><a href="http://cara-alfiyah.blogspot.com/" rel="dofollow" target="_blank"
     title="ALfiyah Info Blogger"><img alt="ALfiyah Info Blogger" border="0"
     src="http://i1341.photobucket.com/albums/o741/bujangarab1/56bbf131-f319-4643-8c54-4ae97111d956_zps5c4c7e72.gif" style="position: fixed; bottom: 10%; right: 0%;"/>
    </a><a href="http://cara-alfiyah.blogspot.com/" rel="dofollow" target="_blank" title="ALfiyah Info Blogger">
    <img alt="ALfiyah Info Blogger" border="0" src="http://i1341.photobucket.com/albums/o741/bujangarab1/56bbf131-f319-4643-8c54-4ae97111d956_zps5c4c7e72.gif" style="position:
     fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/ecikvgo68yrfgps/recent-posts-min-1.css" /></script
    ></div>

    Catatan : Kode HTML yang bertanda merah diganti dengan alamat Blogger Anda,Sedangkan warna biru bisa Anda rubah sesuai dengan selera yang Anda mau.Misalkan dirubah dengan 5,6,7 dan selanjutnya.

    Demikian tutorial cara menambahkan widget semoga bermanfaat. Anda juga mungkin meminati Cara Memasang Auto Scroll Widget Pada Blogger



    Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 5:02 PM
    Related Posts Plugin for WordPress, Blogger...
    cara-alfiyah.blogspot.com Real PageRank cara-alfiyah.blogspot.com Alexa/PR cara-alfiyah.blogspot.com trustrank cara-alfiyah.blogspot.com value Trust Directory Project