Page Header Blogspot

This is a simple widget with just two pieces of data. They can be referenced simply as <data:title/> and <data:description/>.

• title: The blog's title.
• description: The blog's description.

Layouts Data Tags Blogspot

As mentioned in the Widget Tags for Layouts article, there are many different tags you can use to include specific pieces of data in your template. They will all be formatted as <data:name/> or <data:name1.name2/>, where name is the name of the particular piece of data you want to use. In the name1.name2 example, name2 is a particular item within a set of data called name1, e.g. photo.url.

This is a master list of all such available data. It is divided into sections by page element, because different types of widgets use different data.

• Globally Available Data
• Page Header
• Blog Posts
• Blog Archives
• Profile
• Text / HTML / JavaScript
• Feed
• Picture
• Labels
• List
• Link List
• Logo

Globally Available Data

This information applies to the entire page, so you can use it anywhere, unlike other data which can only be used in a specific widget. These should be referenced as part of the overall "blog" data, e.g. as <data:blog.title/>, etc.

• title: The blog's title.
• pageType: The type of the current page. One of 'item', 'archive', or 'index'.
• url: The URL of the current page.
• homepageUrl: The homepage of the blog.
• pageTitle: The title of the current page. This is often the blog title, but may contain additional information on archive or post pages.
• encoding: The encoding to use for the blog, e.g. UTF-8.
• languageDirection: Either "ltr" or "rtl" for left-to-right and right-to-left languages, respectively.
• feedLinks: The autodiscovery feed links for the page header.

Webkit Announce CSS 3D Bagus Buanget

Simon Fraser mengumumkan dukungan untuk CSS tampilan 3D di Mac OSX Leopard, dengan nightlies WebKit terbaru.

Jika anda ingin menjalankan update WebKit terbaru (download dari sini), jika sekarang anda menggunakan  Mac OSX Leopard anda bisa langsung lihat contoh yang sangat bagus sekali disini.

Bagi Anda yang tidak cukup beruntung untuk memiliki akses ke MAC, lihatlah video di bawah ini untuk preview 3D Transform Action.

baguskah ??? wah wah wah, semakin lama CSS semakin siiip wae.

Cara Membuat Text Shadow CSS

Pada trik kali ini, saya akan mengajak anda untuk membuat Text Shadow / text ada bayangannya

CSS :

text-shadow :  1px 1px 1px #000000;

agak males mbahas langsung ke akar nich, saya mau nulis pemula dulu aj, ini saya lanjutkan setelah membahas pendahuluan mulai dari apa itu CSS, Macam-macam selector Dst, tapi kalau anda tidak sabar, bisa langsung buka di :

• http://www.erasparsa.com/w3/Style/Examples/007/text-shadow/
• http://webdesign.about.com/od/csstutorials/a/aa102306.htm
• http://www.css3.info/preview/box-shadow/

Apa itu Feed?

Sebuah Feed situs adalah perwakilan blog anda yang dapat mengangkat dan ditampilkan pada situs web lainnya dan juga sebagai alat agregasi informasi. 

Sebuah perangkat lunak khusus yang disebut pembaca feed, pembaca berita, atau dapat memindai agregator feed situs, dan secara otomatis membiarkan pembaca tahu ketika blog anda telah diperbarui. Contoh perangkat lunak tersebut adalah Google Reader, yang dapat anda gunakan dengan Account Google anda. Pilihan lain, termasuk berbasis web dan software pada sisi klien, yang terdaftar di AtomEnabled.org

Menambah Blogger Reading List / Follow

Dengan Blogger Reading List, Anda dapat membaca semua posting terbaru dari blog favorit anda yang berada tepat di Dashboard Blogger Anda !

kita dapat membaca posting daftar Blogger kita, dengan meletak di bawah daftar blog anda pada dashboard,  hal ini memungkinkan anda untuk berlangganan blog dengan feed. dan akan diperbaharui setiap kali teman kita posting blog baru. Sebagai tambahan, Anda dapat melihat Fitur Google yaitu berupa Goole Buzz.

Langkahnya untuk menambahkan cukup sederhana.

Pertama, klik tab "My Reading List" di bawah tab "Blogs I'm Following" pada Dashboard Blogger anda.

Setelah itu klik tombol ADD yang berwarna biru,  yang terletak di bagian kiri bawah.

kemudian akan muncul menu sebagai berikut.

Masukkan url blog teman yang ingin anda ketahui data postingnya, dan jika ingin menambahkan lebih dari satu alamat blog, anda bisa melakukan dengan klik "Add Another".

Setelah selesai memasukkan alamat URL blog teman anda, anda akan diberi pilihan provasi, mau yang umum atau yang pribadi. setelah selesai, tekan tombol orange "Follow".

 Nah, sekarang anda bisa bisa membaca postingan teman anda setiap mereka posting baru tanpa di bagian "List" Dashboard anda.

Gaya tampilan blog anggota yang berbeda

Secara default, Blogger memberikan tampilan sama pada setiap posting dalam sebuah blog. Dalam kelompok blog, Anda dapat menggunakan fitur ini untuk membuat penampilan yang berbeda untuk posting yang ditulis oleh pengguna yang berbeda. Sebagai contoh, satu user bisa posting dengan tampilan judul blog berwarna hitam, hijau atau dengan tampilan warna lainnya, dan juga posting mereka bisa memiliki warna latar belakang yang berbeda. Apa pun yang dapat Anda lakukan dalam CSS, anda dapat menentukan untuk posting dari pengguna tertentu. Berikut adalah contoh sederhana yang melibatkan warna.

Katakanlah kita memiliki dua pengguna berbagi blog dalam satu situs, dan nama-nama mereka adalah Ipoelnet dan Dicky. Biasanya ketika mereka posting, entri mereka terlihat sama, seperti dibawah ini:

11:30:00 AM
Kategori: iBlogger, iProgrammer, XML
Penulis : Dicky

3:04:00 AM
Kategori: Tugas Siswa
Penulis : Ipoelnet

Jika kita ingin membedakan agar warna postingan Ipoelnet berwarna biru dan warna postingan Dicky berwarna merah, langsung saja kita ke TKP ;)

1. Masuk ke Dasbor -> Tata Letak -> Edit HTML

2. Cari tag <$ BlogItemBody $> (untuk template classic) atau tag <data:post.body/> (untuk template Layout) yang ada pada XML script anda. Setelah ketemu, anda bisa menambahkan tag <span>, untuk menandainya dan jangan lupa beri tag span tersebut properti class atau id, mengapa demikian?? karena nantinya properti class atau id yang akan dituliskan merupakan berdasarkan nama class yang berhubungan dengan CSS, dalam contoh ini class berdasarkan nama penulis, ini cuman contoh dan andapun bisa mengganti dengan yang lain :

Untuk template classic

<span class="<$BlogItemAuthorNickname$>">
   <$BlogItemBody$>
</span>

Untuk layout

<span class="<data:post.author/>">
   <data:post.body/>
</span>

nah, sekarang kita tinggal menambahkan class CSS-nya, untuk membedakan antara milik Ipoelnet dan Dicky, contoh CSS-nya :

.Ipoelnet {color:blue;}
.Dicky {color:red;}

3. Simpan template anda dan lihat hasilnya, secara langsung akan menghasilkan seperti dibawah ini :

11:30:00 AM
Kategori: iBlogger, iProgrammer, XML
Penulis : Dicky

3:04:00 AM
Kategori: Tugas Siswa
Penulis : Ipoelnet

Selamat mencoba,