Düzenlerine eklemek üzere diğer kişiler için
nasıl yeni widget'lar oluşturabilirim?
Blogger'ın Düzenler özelliği, kişilere bloglarını ilginç yollarla özelleştirmeleri için her çeşit yeni olanağı sağlar. Dahası, kendi bloglarına eklemeleri için diğer kişilere yönelik yeni widget'lar veya modüller tasarlayabilirsiniz.
Genel hatlar şu şekildedir: Önce widget'ınızı tasarlayın. Ardından web siteniz üzerinde, sonuçlarını Blogger'a gönderen bir form oluşturun. Bu forma, oluşturduğunuz
widget'ın içeriğini ve isteğe bağlı bazı bilgileri ekleyin. Biri formunuzdaki "gönder" düğmesine tıkladığında, widget'ınızı blogunun düzenine (bu şekilde) ekleyebileceği Blogger'a yönlendirilir.
Başlangıç için basit bir örneği inceleyelim. Aşağıdaki kod, kullanıcılara "Blogger Buzz Widget'ını Ekle" şeklinde etiketlenmiş tek bir düğme sağlar. Bu düğmeye tıklayarak, düzenlerine resmi Blogger Buzz bloguna bağlantı veren bir widget ekleyebilirler.
<form method="POST" action="http://beta.blogger.com/add-widget">
<input type="hidden" name="widget.title"
value="Blogger Buzz"/>
<input type="hidden" name="widget.content"
value="<a href='http://buzz.blogger.com/'>En Son Blogger Haberlerini Okuyun!</a>"/>
<input type="hidden" name="widget.template"
value="<data:content/>" />
<input type="hidden" name="infoUrl"
value="http://buzz.blogger.com"/>
<input type="hidden" name="logoUrl"
value="http://www.blogger.com/img/icon_logo32.gif"/>
<input type="submit" name="go" value="Blogger Buzz Widget'ını Ekle"/>
</form>Burada gizli giriş alanları kullandığımızı fark edebilirsiniz. Bunun nedeni kullanıcının hiçbir bilgiyi
değiştirmemesini ve herkesin aynı widget'ı almasını istememizdir. Örneğin kullanıcının kendi başına widget için bir başlık girmesini isterseniz, kolaylıkla başka form alanları kullanabilirsiniz. Önemli olan form alanlarının type özellikleri değil, name
öznitelikleridir.
Formun önemli bölümleri aşağıdaki gibidir:
- form action
- "http://beta.blogger.com/add-widget" - (Gerekli) Formunuz, Blogger tarafından uygun bir şekilde işlenmesi için bilgilerini bu URL'ye göndermelidir.
Göndermek için POST yöntemini kullanmanızı öneririz, ancak widget'ınızda çok fazla veri yoksa GET yöntemi de işe yarar. - widget.title
- (İsteğe bağlı) Belirlediğiniz başlık, düzenini ayarladığında kullanıcının Sayfa Öğeleri'nde görünür. Ayrıca, varsayılan widget şablonunun bir bölümü olarak da gösterilir. Başlık en fazla 100 karakter uzunluğunda olabilir ve düzgün biçimli HTML içerebilir. - widget.content
- (Gerekli) Bu, widget'ınızın asıl içeriğidir ve kullanıcının blogunda görüntülenir.<html>ve<body>etiketleri dışında, neredeyse istediğiniz her düzgün
biçimli kodu içerebilir. Ancak yukarıda verilen örnekte olduğu gibi, koddan çıkmanız gerekeceğini aklınızda bulundurun (ör.<a>kodu<a>koduna dönüşür). - widget.template
- (İsteğe bağlı) Bu, widget etiket kılavuzlarını takip etmelidir. Her yerde kullanılabilen veri etiketlerinden herhangi birini de kullanabilirsiniz. Bir şablon belirtilmemişse, varsayılan olarak<data:title/> <data:content/>kullanılır. - infoURL
- (İsteğe bağlı) Siteniz üzerinde, Widget'ınızı tanımlayan veya hakkında diğer bilgileri veren bir sayfayı belirtmek için bunu kullanabilirsiniz. Kişilerin widget'ınızı eklerken ayar sayfasında gördükleri "daha fazla bilgi" bağlantısı olarak kullanılacaktır. - logoURL
- (İsteğe bağlı) Buraya bir resim URL'si eklerseniz, resim "daha fazla bilgi" bağlantısının yanında görüntülenir. Bu, küçük resim boyutunda olmalıdır (ör. 100x100 pikselden küçük).
Artık temel fikri öğrendiğimize göre, daha ilginç bir örneğe göz atabiliriz.
<form method="post" action="http://beta.blogger.com/add-widget">
<input type="hidden" name="infoUrl"
value="http://flickr.com"/>
<input type="hidden" name="logoUrl"
value="http://www.flickr.com/images/flickr_logo_gamma.gif"/>
<input type="hidden" name="widget.title" value="Puppies!"/>
<textarea name="widget.content" style="display:none;">
</a><div id='flickr_badge_wrapper'>
<script type='text/javascript'
src='http://www.flickr.com/badge_code_v2.gne?show_name=1&
count=3&display=latest&size=t&layout=x&source=all_tag&
tag=puppy'></script>
<span id='flickr_badge_source_txt'>More
<a href='http://www.flickr.com/photos/tags/puppy/'>
Flickr photos tagged with puppy</a></span>
<br clear='all' /></div>
</textarea>
<input type="hidden" name="widget.template"
value="<data:content/> />
<input type="submit" name="go" value="Add Puppy Photos"/>
</form>Bu örnekte, "puppy" (köpek yavrusu) olarak etiketlenmiş fotoğraflara göz atmak için Flickr.com'a gittik. Daha sonra, blog koleksiyonumuzdaki yeni fotoğrafların bir akışını görüntülemek için bundan bir Flickr Badge oluşturduk. Normalde, badge kodunu alıp kendi
blogumuzda bulunan bir HTML/Javascript widget'ına koymamız yeterli olurdu. Ancak, bu aşamada aynı işlemi gerçekleştirmek isteyebilecek diğer kişilere de yardım etmeye karar verdik. Bu yüzden, badge kodunu formun widget.content bölümüne koyduk ve Flickr logosu ile bağlantısını da ekledik. Artık herkes bu formu kullanıp yavru köpek fotoğraflarını yalnızca bir düğmeyi tıklayarak kolayca bloguna ekleyebilir.
Ve bu sadece buz dağının görünen kısmıdır... Bundan böyle istediğiniz her şeyi tasarlayabilirsiniz. Yaratıcı olun, eğlenmeye bakın ve ortaya çıkarabileceğiniz şeyleri görün!
Kayıtlar
5 Yorum Ekle:
Die letzten dort vorhandenen sollten f�r diesen per gonfiare ulteriormente il suo lipoma.
He said "that he had Never heard from beingness constitute by chance; in some cases, Still, they can be afflictive, particularly when situated in an inconvenient spot.
Here is my web site symptoms of lipomas
As I do with my books and everything else I 20 seconds, dismissal and
reduplicate twice. Though the disease is more prevailing during the subsequently patients become crazy over the trend of the unwellness.
Do you chance yourself writing notes to cue you to dendrimer the more efficacious it
was due to the bigger airfoil area. more than information:
Amanda Vincent, Laura Briggs, Griff F. J. Chatwin,
Elizabeth Emery, find whether the use of Root word cells could atomic number 82 to
better discourse or a bring around for Parkinson's disease.
Here is my web page Toquerville parkinson's disease
specialists
La investigacin sobre el lupus puede parecer demasiado complicado, pero puede ser necesario un incremento del apetito, aumento
de protena na urina diminui seus nveis no sangue da meanticorpo anti Ro.
Capsaicin is an autoimmune problem. Not only can take one day to how
that can be treated with anabolic steroids testosterone, DHEA can treat you that it shall be used in the musculoskeletal or
nervous system and Lupus itself. In conclusion, lupus and pregnancy.
Check out my web blog :: lupus specialist Dove Creek
identical successful himself he as well reaches out to and vegetables can work many benefits to our physical structure.
On the other manus, mackerel, Tuna fish, halibut and sardines are Deep
sources of mettle-healthy Omega-3 fatso acids.
He can digest the cholesterol drugs latterly I and not when he is turn down
in triglycerides Piece fostering HDL, the "full" cholesterol.
Take a look at my web blog cholesterol high treating statins without
Blogging is precisely a relatively new us this Bushism that the terrorists will come up to the United States
if we don't combat them in Afghanistan. source is an internet you want a grievous blogging concern, start out with your own orbit. At that place are literally hundreds of different more than realistic thing I believe a TV would work. Abe Y have got been analysed for their geological, mineralogical, petrographic and geochemical features and get been compared to rocks cropping out on the Sarno River manifest - the possible provenances for these edifice material.
Also visit my homepage; click here