Bahrul Ulum Dot Com

Mendukung Internet Marketing Indonesia

LightBlog

Breaking

29 September 2011

22.01

Langganan Artikel Per Kategori

Cara Membuat FeedBurner Untuk Pelanggan Via EMail Per KatEgori

Tulisan “Feedburner Per Kategori” ini sekaligus dalam rangka informasi kepada pembaca blog bahrul-ulum dot com yang ,mungkin hanya mau berlangganan artikel hanya pada kategori tertentu saja.

Fasilitas feed perkategori ini saya munculkan karena timbul fikiran bahwa kemungkinan ada diantara pembaca yang memang ingin berlangganan artikel karena melihat ada artikel penting tertentu yang ada diblog ini , tapi tidak mau berlangganan artikel kategori lain.

Berikut ini daftar Feed blog Bahrul-ulum Dot Com Dengan Kategori khusus :

  1. Berlangganan Artikel Kategori : Template Blog
  2. Berlangganan Artikel Kategori : TIPS Blogger
  3. Kategori Yang lain belum sempat saya bikinkan

Jika anda mau berlangganan dengan kategoti khusus yang lain ( Yg belum saya bikinkan link nya) , anda bisa langsung membuatnya khusus dari akun google feedburner anda.Ikuti saja caranya dibawah ini ya…

Bagaimana Cara Membuat Link feedburner untuk pelanggan, dengan kategori khusus ?

1. Ketahui Label yang ingin dibuatkan link feedburner subscribe,

Untuk Label atau kategori, akan muncul jika anda memberikan label pada setiap postingan blog yang anda publish. Label yang telah anda buat bisa anda Lihat di bawah setiap postingan, atau juga di bagian widget sidebar (jika anda menampilkan widget label di sidebar) . Pilih salah satu label tsb.

Harap diperhatikan : Bahwa label yang ditulis dengan ada SPASI, maka spasinya harus diganti dgn tanda %20 . Contoh misalnya pada label : Template Blog , maka nulis labelnya :  Template%20Blog . Oleh sebab itu sebaiknya anda copy saja link masing2 label yang ingin dibuatkan feed langganan kategori khusus . Ini untuk menghindari kesalahan nama label.

Contoh pada URL blog saya yang ber label template blog sbb :

https://bahrululumdotcom.blogspot.com/search/label/Template%20Blog

Nah nama label nya = yang paling belakang ( Yang warna merah )

2. Siapkan URL Feed Blog dengan URL feed kategori Khusus

Format URL feed dgn label khusus sbb :

http://blogname.blogspot.com/feeds/posts/default/-/labelname

Ganti http://blogname.blogspot.com dgn URL blog anda, dan ganti labelname dgn dgn label khusus anda.

Contoh URL feed khusus blog saya dengan label Template Blog :

https://bahrululumdotcom.blogspot.com/feeds/posts/default/-/Template%20Blog

3. Masuk ke Akun Feedburner anda dgn akun Google lalu ikuti langkah sbb :

3.1. Masukkan Format URL feed dgn label khusus  yg tadi kita buat di langkah 2 pada kotak yang tersedia.Lalu tekan NEXT

LangganFEED-PerKategori-DEPAN

3.2. Berikan Judul FEED dan juga nama untuk URL feed agar mudah diingat,lalu tekan NEXT

LangganFEED-PerKategori-kashNama

3.3. Jika nama dan judul Feed disetujui, akan muncul jendela sbb,

LangganFEED-PerKategori-Berhasil3.4. Tekan saja NEXT, lalu tekan next lagi

3.5. Tekan Tab PUBLICIZE

3.6. Tekan Link “Email Subscriptions”

3.7. Tekan Tombol ACTIVATE

3.8. Cari dan COpy link subscription khusus tsb

LangganFEED-PerKategori-preview3.9. Tekan tombol SAVE

SELESAI

Demikianlah cara membuat link feedburner dengan kategori khusus untuk pelanggan via email.Semoga bermanfaat.

20.26

Efek Transisi Pada Elemen Blog

Bagaimana Cara Agar Sebuah ELemen Bergerak Lambat Ketika Kursor Mouse didekatkan?

Sebuah Judul Panjang yang memang sulit untuk menjelaskan sesuatu, ini karena saya mencari padanan kata yang tepat utk sebuah idiom bahasa CSS yang memang bahasa londo, yaitu efek TRANSITION.
Efek transisi ini bisa di gunakan untuk memperlambat pergerakan sebuah element yang di trigger/dipicu dengan fungsi misalnya HOVER atau funsgi FOCUS . Apa itu Hover dan fungsi FOCUS ? Hover adalah sebuah fungsi CSS untuk interaksi pergerakan MOUSE . Sedangkan Focus adalah interaksi pergerakan selain mouse,misalnya , pada layar touch screen, pada komputer yg tidak menggunakan mouse(Dengan Keyboard).
Nah setiap dua fungsi ( Hover dan Focus ) itu mendekati elemen, maka si elemen akan menampakkan sebuah pergerakan yang bisa diatur kecepatan perubahannya.
Contoh : Silahkan anda dekatkan mouse anda ke tulisan elemen berupa TULISAN dibawah ini
TULISAN INI BERGERAK MEMBESAR PERLAHAN
Bandingkan dengan tulisan dibawah ini yang tidak diatur dengan efek tranisition :
TULISAN INI BERGERAK MEMBESAR DENGAN CEPAT
Bagaimana Cara membuat Efek melambat pada tulisan itu?
Caranya sbb :
1. Anda harus tahu dulu identitas element yang akan diatur, misalnya ditulisan contoh diatas, saya telah menmbahkan identitas pada tulisan tsb, yang sebenarnya jika anda lihat dalam source code HTML, akan terlihat seperti ini :
Ini identitas untuk tulisan yang bergerak Lambat: lihat pada tulisan warna merah
<span id="contoh1" >TULISAN INI BERGERAK MEMBESAR PERLAHAN</span>



2. Setelah anda menetapkan elemen mana yang akan diatur, maka lalu tambahkan kode CSS di EDIT HTML template anda. dengan kode css dibawah ini :

#contoh1{
-webkit-transition:all 5s ease;
-moz-transition:all 5s ease;
-o-transition:all 5s ease;
transition:all 5s ease;
}
#contoh1:hover, #contoh1:focus{font-size:30px;
-webkit-transition:all 10s ease;
-moz-transition:all 10s ease;
-o-transition:all 10s ease;
transition:all 10s ease;
}

Catatan 1 : ganti tulisan merah tsb dengan identitas elemen yang ingin anda atur, misalnya anda ingin mengatur pada tulisan yang di blockquote ( Tulisan yang dalam KUTIPAN ) . Untuk blockquote, anda langsung saja tulis dengan blockquote, tanpa tanda pagar ( # )

Catatan 2 : Anda bisa juga mengatur untuk perubahan pada : warna,background,lebar dan tinggi dll, pada sebuah element .Tinggal anda tambahkan saja masing2 pengaturannya.

Catatan 3 : Efek transisi ini belum didukung oleh browser Internet Explorer, hanya didukung oleh browser besar modern. : Firefox,Opera,Safari,Chrome.

Demikian artikel Cara membuat Efek Transisi Pada Elemen Blog ini saya buat, semoga berguna untuk anda.
Tagline
  • Efek Lambat pada Tulisan
  • Cara memperlambat gerakan pada blog
  • tulisan melambat
  • Gerakan lambat saat didekati mouse
  • Css untuk memperlambat elemen
  • Kode CSS melambatkan tulisan
  • Memperlambat gerakan di blog
  • lambatin elemen di blog
  • gerakannya lambat
  • cara membuat gambar membesar dengan lambat
  • cara membuat perubahan tulisan perlahan-lahan
  • membuat background berubah perlahan
  • warna berubah pelan-pelan
  • melanin gerakan pada blog
  • perubahan pada warna tulisan dengan perlahan
  • efek pelan pada perubahan blog