Ana içeriğe atla

Blogger Standart Şablonlarda Ürün Pazarlama

Blogger standart şablonlarını kullanarak ürünlerinizi satabileceğiniz yada göze hoş gelebilecek bir şekilde sergileyebileceğiniz bir kodu sizlere sunacağız.Bu kodu ile sergilediğiniz ürünün resmini,fiyatını,kısa açıklamasını düzenli bir şekilde ve net olarak ziyaretçilerinize sunabilirsiniz.Eğer daha profesyonel bir şablon isterseniz de bizim daha önce yayınladığımız blogger alışveriş şablonunu kullanabilirsiniz.
Blogger standart şablonlarında ürün pazarlamak için hazırladığımız kodu sizlere iki şekilde vereceğiz.
1-Bahsettiğimiz Gibi Ürün Pazarlamak için
2-Yemek Blogu yazan blogger arkadaşlar için.
Yemek blogu yazanlarda da yine yemeklerde kullandıkları malzemeler,tarifi ve bir resmi düzenli olarak ziyaretçilerinize sunma imkanı verecek bir kodu paylaşacağız.
Blogger standart şablonlarında ürün pazarlamak için hazırladığımız koduyapılışı kodunu blogunuza eklemek için yapmanız gereken aşağıdaki kodu kopyalayıp Normal yazı yayınladığınız alanda HTML modundayken sayfanıza yapıştırmak.Ardından kod içerisinde gerekli düzenlemeleri yaptıktan sonra ürünümüzü yayınlamak.
1- Ürün Pazarlamada kullanacağınız kod.
<center><table border="1" style="width: 500px;"><tbody>
<tr><th class="item_thumb" id="thumb" width="40%"><a href="http://www.blogger.com/Your-Image-URL">
<img alt="Resmin Açıklaması" border="0" src="Resim URL Adresi Buraya" style="cursor: move; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></a></th><td style="text-align: justify;">Detaylı Bilgiyi Buraya Yazın</td></tr>
<tr><th>ÜRÜN ADI</th><td class="item_name">Ürün Adını Burya Yazın</td></tr>
<tr><th>FİYATI</th><td class="item_price">Ürün Fiyatını Buraya Yazın</td></tr>
<tr><th>ÜRÜN AÇIKLAMASI</th><td class="item_Description">Ürün Kısa Açıklamayı Buraya Yazın</td></tr>
<tr><th>SİPARİŞ TELEFON</th><td class="item_Description">Sipariş Telefonunu Buraya Yazın</td></tr>
<tr><th>SİPARİŞ MAİL ADRESİ</th><td class="item_Description">Sipariş Mail Adresinizi Buraya Yazın</td></tr>
</tbody></table></center>
Kod içeriisnde renkli olarak verdiğimiz alanları kendinize göre düzenleyin.
Örnek olarak Aşağıda hazırladığımız örnek tasrıma bakabilirsiniz.Kodu HTML modundayken ekleyip Oluştur modunda istediğiniz gibi rahatlıkla düzenleyebilirsiniz.(Not:Aşağıdaki çanta ve özelliklertamamen bir örnek olarak verilmiştir)

Pembe Örgü Çanta
Tamamen el işi Göz nuru olan uzun uğraşlar sonunda makrome ipi ile falanca örgü tipi kullanılarak pembe iplikle ördüğüm ve sizlerinde beğenisine sunmak istediğim pembe örgülü çanta karşınızda.
ÜRÜN ADIPembe Örgülü Çanta
FİYATI00.00TL
ÜRÜN AÇIKLAMASIPembe Örgülü Çanta Makrome ipi ile tığ kullanılarak yapılmıştır.
SİPARİŞ TELEFON0530 123 45 67
SİPARİŞ E-MAİLblogokulu@blogokulu.org
2-Blogger Yemek Tarifi Blogları için Tablo Kodu:
<center><table border="1" style="width: 500px;"><tbody>
<tr><td style="text-align: left;"><h2 style="text-align: center;">
<i><span style="color: #660000;"><u><b>Malzeme Listesi</b></u></span></i></h2>
<div>
<table><tbody>
<tr><td><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2AXaoL4JntKE1MSXoNxXEvMdhyphenhyphenk5R2N-gngr75fdSvIK3PrOw7P59II7MU2MTdDIwobvvcPD51pcUAYN8SLQQNQQmeqEa3-4SEZG5vn0kyBJIgmunE_EWzIcSWZPeuT9Hnj1e8-jb6r_/s320/havuc+kopya.png" width="27" /></td><td>Malzeme</td></tr>
<tr><td><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2AXaoL4JntKE1MSXoNxXEvMdhyphenhyphenk5R2N-gngr75fdSvIK3PrOw7P59II7MU2MTdDIwobvvcPD51pcUAYN8SLQQNQQmeqEa3-4SEZG5vn0kyBJIgmunE_EWzIcSWZPeuT9Hnj1e8-jb6r_/s320/havuc+kopya.png" width="27" /></td><td>Malzeme</td></tr>
<tr><td><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2AXaoL4JntKE1MSXoNxXEvMdhyphenhyphenk5R2N-gngr75fdSvIK3PrOw7P59II7MU2MTdDIwobvvcPD51pcUAYN8SLQQNQQmeqEa3-4SEZG5vn0kyBJIgmunE_EWzIcSWZPeuT9Hnj1e8-jb6r_/s320/havuc+kopya.png" width="27" /></td><td>Malzeme</td></tr>
<tr><td><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2AXaoL4JntKE1MSXoNxXEvMdhyphenhyphenk5R2N-gngr75fdSvIK3PrOw7P59II7MU2MTdDIwobvvcPD51pcUAYN8SLQQNQQmeqEa3-4SEZG5vn0kyBJIgmunE_EWzIcSWZPeuT9Hnj1e8-jb6r_/s320/havuc+kopya.png" width="27" /></td><td>Malzeme</td></tr>
<tr><td><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2AXaoL4JntKE1MSXoNxXEvMdhyphenhyphenk5R2N-gngr75fdSvIK3PrOw7P59II7MU2MTdDIwobvvcPD51pcUAYN8SLQQNQQmeqEa3-4SEZG5vn0kyBJIgmunE_EWzIcSWZPeuT9Hnj1e8-jb6r_/s320/havuc+kopya.png" width="27" /></td><td>Malzeme</td></tr>
<tr><td><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2AXaoL4JntKE1MSXoNxXEvMdhyphenhyphenk5R2N-gngr75fdSvIK3PrOw7P59II7MU2MTdDIwobvvcPD51pcUAYN8SLQQNQQmeqEa3-4SEZG5vn0kyBJIgmunE_EWzIcSWZPeuT9Hnj1e8-jb6r_/s320/havuc+kopya.png" width="27" /></td><td>Malzeme</td></tr>
<tr><td><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2AXaoL4JntKE1MSXoNxXEvMdhyphenhyphenk5R2N-gngr75fdSvIK3PrOw7P59II7MU2MTdDIwobvvcPD51pcUAYN8SLQQNQQmeqEa3-4SEZG5vn0kyBJIgmunE_EWzIcSWZPeuT9Hnj1e8-jb6r_/s320/havuc+kopya.png" width="27" /></td><td>Malzeme</td></tr>
</tbody></table>
</div>
</td><th class="item_thumb" id="thumb" width="40%"><a href="http://www.blogger.com/Your-Image-URL">
<img alt="Resmin Açıklaması" border="0" src="Resim URL Adresi Buraya" style="cursor: move; display: block; height: 300px; margin: 0px auto 10px; text-align: center; width: 300px;" /></a></th></tr>
<tr><th style="text-align: left;"><div style="text-align: center;">
<i><span style="color: #660000;"><u>HAZIRLANIŞI</u></span></i></div>
<div style="text-align: center;">
<img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzBNxXTXG_YB5fGpZ-KmWFY-JhhY3y0kFBeHXCxvyBPbDWPNfz21RbmqAg5dffgimubX8zcTqfFVxuh3Mssa22F4MTn2lR6cgoldMt7aI9-jxPommvXLUaeMtD7fO4btznZ6dfKsaJU54V/s200/cooker.gif" width="70" /></div>
</th><td class="item_name">Yemeğinizin,tarifini bu kısımda anlatabilirsiniz.</td></tr>
<tr><th style="text-align: left;"><i><span style="color: #660000;">PİŞİRME SÜRESİ</span></i></th><td class="item_price">Pişirme Süresini yazın</td></tr>
<tr><th style="text-align: left;"><i><span style="color: #660000;">TAVSİYELER</span></i></th><td class="item_Description">Özel Tavsiyeleri bu kısma yazabilirsiniz.</td></tr>
</tbody></table></center>
Kodu blogunuza html modundayken ekledikten sonra gerekli düzenlemeleri oluştur modundayken yaparsanız daha kolay içini doldurabilirsiniz.height:300px ve width:300px değerlerini değiştirerek resim boyutunu değiştirebilirsiniz.
Örnek Görünüm:

Malzeme Listesi

Yarım Kilo Kıyma
2 Adet Soğan
1Tatlı Kaşığı Tuz
1Tatlı Kaşığı Karabibe
1 Kaşık Sıvı Yağ
Yarım Bardak Etsuyu


Resmin Açıklaması
HAZIRLANIŞI
1 kabın içinde rendelemiş olduğunuz soğanları, kıymayı, tuzu, karabiberi et suyu ile beraber elinizle güzelce 5-10 dakika yoğurun. Yoğurma işleminden sonra köftelere istediğiniz şekli verip hazırlayın. 
Kızgın ateş üzerinde yağlanmış ızgarada pişirin. Pişirdikten sonra servis tabaklarına alın.
PİŞİRME SÜRESİ20 dk yada Köfteler Kızarıncaya kadar
TAVSİYELER
İsteğe göre yanına, maydanoz ve domates ile süslendirebilirsiniz. Afiyet olsun:)

Yorumlar

Kamil dedi ki…
oluştura geldiğimizde mause imleci hareket ettikçe çerçeveler oynuyor bi acaip

Bu blogdaki popüler yayınlar

Blogger Arama Kutusu Ekle (Renkli)

Blogunuzdaki içerik sayınız arttıkça zamanla siz bile yazdığınız şeyi blogunuzda bulmak için baya bir vakit harcarsınız, birde blogunuza gelen ziyaretçileri düşünün, bu yüzden blogunuza gelen ziyaretçilerin aradığını rahatlıkla bulabilmesi için blogunuza mutlaka arama kutusu eklemelisiniz.Blogger kullanıcıları blogunuza özel entegrasyonu yapılmış ve temanızın rengine uygun arama kutusunu blogunuza basit bir yöntemle ekleyip ziyaretçilerinizin blogunuzda aradığını anında bulmalarına yardımcı olabilirsiniz. Arama kutularını blogunuza eklemek için: Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javasript yolunu takip edip hangi arama kutusunu blogumuza eklemek istiyorsak aşşağıdaki kodlardan ona ait olan kodu kopyalıyoruz, açılan gadgetimizin içine yapıştırıp kaydediyoruz. 1.Arama Kutusu Stili: <style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL2qoP6OS9Baq9nf_keINdlxQLx8Nw07fwr-YowYEuE_tFmMaDVXELtSsqyZuM...

Bayraklı Google Translete Kodu-Sitene Dil Kodu

Blogumuza farklı ülkelerden ziyaretçiler gelebilir.Hepimiz dünyanın tüm dillerini okuyup anlayamayız.Yabancı bir blogu ziyaret ettiğimde sayfa linkini kopyalıyorum daha sonra google çevri bölümünden sitenin çevrisini yapıyorum.Fakat her defasında bu işlemi yapmak angarya geliyor kopyala-yapıştır-bekle, bu angaryadan yabancı ziyaretçilerininizi kurtarmanın vakti geldi artık.Sitenize ekleyeceğiniz bayraklı, flash ile yapılmış google translete kodunu sitenize ekleyip gelen ziyaretçilerin  ülkelerinin bayraklarının üzerine tıklayarak sitenizin bütün içeriklerini kendi dillerine çevirebilecekler.Eklentiyi blogubuza eklemek isterseniz. Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip aşşağıdaki kodu açılan gadgetimizin içine yapıştırıp kaydediyoruz.Ardından bayrakların, blogumuzda görünmesini istediğimiz yerine sürükleyip bırakıyoruz. <style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;...

Son Yorumlar Eklentisi-Blogger Son Yorumlar Eklentisi

Bloğunuza yapılan  Son Yorumlar ın bir köşede liste halinde görünmesini sağlayan "Son Yorumlar" Eklentisini  eklemenin çeşitli yöntemleri var.Bugün sizlere "Son Yorumlar" eklentisini bloğunuza nasıl ekliyebileceğinizi  iki yöntemle anlatacağız; 1.Yöntem: Bloğunuzun yönetim panelindeki Tasarım sayfasından "Son Yorumları" Gadget olarak ekleme yöntemi.  2.Yöntem: Bloggerde bulunan bir eklenti üzerinde yapacağımız ufak bir hile ile bloğumuza "son yorumlar" eklentisi ekliyeceğiz. 1.Yöntem: Bloğunuzun yönetim panelindeki Tasarım sayfasından "Son Yorumları" Gadget olarak ekleme yöntemi: Tasarım>Gadget Ekle>Html/Javascript Gadgetini seçiyoruz.Başlık olarak "Son Yorumlar" yada isteğinize göre bir başlık yazabilirsiniz.Başlığımızı yazdıktan sonra aşşağıdaki kodu kopyalayıp gadgete yapıştırıyoruz.Burda dikkat etmemiz gereken nokta kırmızıyla yazdığımız yere kendi site adresinizi yazmanız. <script style="text/javascrip...