Mittwoch, 10. Juni 2015

Ein Löwe für´s Kinderzimmer.


Huch, ja ihr habt richtig gelesen!
Ein wilder Löwe treibt seit gestern sein Unwesen in unserem Kinderzimmer. Nur der Hinweis auf seine blaue Mähne verrät wohl, wie handzahm er wirklich ist. ;-)
Denn der majestätische Löwenkopf, den sich meine Tochter für ihr Zimmer ausgesucht hat, ist zur Gänze aus stabilem Papier und lässt sich mit etwas Geschick und Geduld ganz einfach zusammensetzen.

Entworfen wurde der dreidimensionale Löwenkopf* von der kreativen Anastasia, die 2014 das Label PaperShape gründete und seither verschiedene Origami Tierköpfe in Bastelsets vertreibt.



Auf Großwildjagd mit Schere und Papier




So einfach wie Malen nach Zahlen.
Das verspricht Anastasia auf ihrer Seite und das ist es tatsächlich, auch wenn es auf den ersten Blick vielleicht etwas komplex und sehr kompliziert aussehen mag.
Im Lieferumfang der Bastelsets enthalten sind die verschiedenen Bastelbögen aus hochwertigem Papier, doppelseitige Klebepads und eine verständliche Schritt für Schritt Anleitung. Was man noch bereit halten sollte um gleich loslegen zu können ist ein Lineal, Schere sowie ein Buttermesser zum Falzen. Etwas Geduld wäre wohl auch nicht schlecht, denn zusammengefasst haben wir ca. 5-6 Stunden für den Kopf benötigt. Belohnt wird man aber anschließend mit einem neuen tierischen (und stubenreinen) Mitbewohner, der gleich seinen neuen Platz im Kinderzimmer über den Schreibtisch bekam.





Ausschneiden, falten, kleben und sich in Geduld üben.

Etwas kleiner und damit auch deutlich schneller fertiggestellt ist das süße Origami Herz*.
Davon zeige ich euch demnächst aber bestimmt mehr, denn ich habe mir extra eines in schlichtem Weiß ausgesucht, da ich es später gerne selber noch mit etwas Farbe verzieren möchte.




Fazit:
Ich möcht gern nochmal!
Vielleicht dieses mal ja der Pferdekopf oder doch lieber ein zweites Herz dazu? Das wäre auf jeden Fall ein sehr schönes Geschenk... ;-)

Alles Liebe,
Rebecca


* freundlicherweise zur Verfügung gestellt bekommen von PaperShape.



Blogger İçin Google Çeviri Eklentisi

İletişim formundan bana ulaşan bir okuyucum bloguna çeviri eklentisi eklemek istediğini ve bu konuda yardımcı olup olamayacağımı sordu. Kendisine Google çeviri eklentisini bloguna nasıl ekleyeceğini kısaca anlattım ama başka bloggerların da işine yarayabileceğini düşündüğüm için burada aha detaylı anlatmak istedim.

Google Çeviri Eklentisi Nedir? Ne İşe Yarar?

Google çeviri eklentisi blogunuzu bir şekilde ziyaret eden yabancı kullanıcılar için siteyi onların diline çevirerek blogu rahatça okumalarını sağlar. 

Bazı terimler global olduğu için her ülkeden kullanıcı bu terimleri Google’da arayabiliyor. Örneğin BH’ye FeedBurner ve Google Analytics ile  ilgili aramalardan pek çok yabancı misafir gelebiliyor. Onları blogda tutmak Google çeviri eklentisini bloga eklemek iyi bir çözüm olabilir.Siz de blogunuza her dilde çeviri yapabilen bir çevirmen eklentisi eklemek isterseniz aşağıdaki adımları takip edin.


1. https://translate.google.com/manager/website/ adresine giderek “Hemen şimdi web sitenize ekleyin” butonuna basın.


blogger çeviri eklentisi


2.Web Sitesi URL’si” kısmına blogunuzun adresini yazın ve “Web sitesinin dili” kısmından Türkçe’yi seçerek “Sonraki” butonuna basın.

google çeviri eklentisi


3. Çeviri dilleri olarak tüm dilleri veya listeden istediğiniz dilleri seçebilirsiniz. Görüntüleme modu olarak istediğiniz eklenti modunu seçtikten sonra Gelişmiş seçeneklerden ilk kutucuğu işaretlemenizi öneririm. Eklenti ayarlarını tamamladıktan sonra Kodu Al butonuna basın.

bloggera çeviri ekleme



4. Eklentinin kodları hazır. Kutu içerisindeki kodları kopyalayın ve Blogger kumanda panelinden Yerleşim > Gadget Ekle > HTML/JavaScript Gadget yolunu takip ederek yapıştırın.

google translate widget


Tebrikler! Çeviri eklentiniz hazır.

Montag, 8. Juni 2015

Kayısılı Puff Tartlar (Milföy Tartları)



Bir süredir ara ara yaptığım bir tarif bu. Hem çok lezzetli oluyor hem de pratik bir tarif. Milföy hamuru, pastacı kreması ve biraz meyve ile harika bir sonuç çıkıyor.



Ben pastacı kremasını ya bi gün önceden yapıyorum ya da sabahtan. Tereyağı da sıcakken eklemek yerine ayrı çırpıp, daha sonra karıştırıyorum. Buttercream gibi oluyor biraz. Tereyağ kullanmak istemezseniz tamamen çıkarabilirsiniz tariften.

Eğer pastacı kreması yapmaya üşenirseniz ve hazır krema kullanmak isterseniz kremşanti falan yerine Dr. Oetker'in dolgu kremasını kullanabilirsiniz. 1 paketinden sanırım 6 tanesini dolduracak kadar çıkar. Sadece pakette yazan 250 ml süt yerine 200 ml süt ile yaparsanız daha iyi olur.

Meyve olarak ben en son çilek bulamadığım için kayısı ve kirazla yaptım ama bizde en çok çilekle seviliyor. Yine de kayısılı olana da herkes bayıldı. Siz de istediğiniz meyveyi kullanabilirsiniz.

Pastacı kremasından kalan yumurta aklarını, kapalı bir kapta 3 gün dolapta saklayabilirsiniz. Ben bu yumurta beyazları ile mereng/beze yapıyorum genelde.

Kremadan biraz artıyor ama ben bol doldurduğum için artmadı :)

Bu tarif için ihtiyacınız olacaklar:
Pastacı kreması
Milföy hamuru (6-8 tane kare, yani 3-4 ane dikdörtgen/uzun olanlardan)
Dilediğiniz meyvelerden
Ballı şurup
Üzerine serpmek isterseniz fıstık


Meyveli Puff Tartlar



Önce pastacı kremasını yapın ve soğutun. Daha sonra tart tabanlarını hazırlayın.

Pastacı Kreması

6-8 tane tart için

750ml süt
75 gr mısır nişastası
150 gr şeker
100 gr tereyağ (oda sıcaklığında)(tercihen)
5 yumurta sarısı
1 çay kaşığı vanilya ekstratı


750 ml sütü küçük bir tencereye alıp, orta hararetteki ocakta ısınmaya bırakın.

Ayrı bir tencerede yumurta sarıları, vanilya ve şekeri 1 dakika boyunca çırpın ve nişastayı ekleyip 1 dakika daha topaksız homojen bir karışım olana kadar karıtırın.

Süt kaynamaya başlar başlamaz altını kapatın. Yumurtalı karışımı karıştırmaya devam ederek sıcak sütün 1/4'ünü kaşık kaşık ekleyin. (Veya çok ince bir şekilde akıtarak da bu işlemi yapabilirsiniz.) Sütün kalanını da 3 seferde ekleyin ve bu sırada  iyice karıştırdığınızdan emin olun. Daha sonra ocağa alıp 5-6 dakika pişirin. Tereyağ eklemek isterseniz, ocaktan alınca sıcakken ekleyin ve eriyene kadar karıştırın. Kremayı bir süzgeçten geçirerek içerisinde topak kalmadığından emin olun. Oda sıcaklığına gelene kadar ara ara karıştırarak yüzünün kaymak tutmasını engelleyin.

Soğuyunca kullanmadan önce 2-3 dakika çırpın.

Milföy Tabanlar

6-8 tane kare şeklinde milföy hamuru
1 yumurta sarısı +1 yemek kaşığı süt kreması veya zeytinyağı
2-3 yemek kaşığı toz şeker

Milföy hamurlarını dondurucudan alın ve jelatinlerinden ayırın. Her dikdörtgen parçayı ortadan ikiye bölerek kareler elde edin.

Pişirme kağıdı serilmiş tepsiye milföy hamurlarını dizin ve bıçakla kenarlardan 1 cm kalacak şekilde içlerine kareler çizin. Hamuru tamamen kesmeyeceksiniz, sadece biraz bastırarak çizeceksiniz.

Yumurta sarısını ve yağı çatalla çırpın. Hamurlara çizdiğiniz kare çerçevenin dışarıda kalan kısmına yumurta sürün. Toz şekeri yumurtalı kısma serpiştirin. Dondurucuya tekrar alıp 10 dakika kadar bekletin. Daha sonra 200C fırında 10 dakika kadar pişirin. Hamur kızaracak ve şişecek. Kızaran hamurları fırından alıp oda sıcaklığına gelene kadar bekleyin.

Hamurlar ılıyınca, ortadaki kareleri içe doğru bastırıp alın.

Çizdiğiniz karelerin içine bastırınca üsttekiler gibi oluyor, bu içleri çıkarıncaysa alttaki gibi içi boş tabanlar elde ediyorsunuz.

Ballı şurup

1 yemek kaşığı bal ve 1 yemek kaşığı suyu iyice karıştırın.

Tartların yapılışı

Hamurlar ılıyınca, ortadaki kareleri içe doğru bastırıp alın.

Milföy tartlarınızın içini, çırptığınız pasta kreması ile doldurun. Üzerine meyveleri dizin ve bir fırça ile ballı şurupla kaplayın. Dilerseniz üstüne fıstık, hindistancevizi vs serpebilirsiniz.



Düşük Bütçeyle Hit Arttırmanın Yolu

Blogunu yeni kuran veya bir süredir blog yazmasına rağmen istediği hite ve takipçi sayısına ulaşamayan bloggerlar kısa sürede bu sayıyı yükseltmek istiyorlarsa ellerini ceplerine atarak popüler sitelerde tanıtımlarını yapmalı veya Google AdWords’ü kullanarak reklam vermeliler. Fakat ne yazık ki bu iki yöntem oldukça maliyetli olabilir. Peki benzer etkiyi benzer sürede daha düşük maliyetle elde etmenin yolu var mı? Kesinlikle evet! Çekiliş düzenlemek…

hediye


Çekiliş Düzenleyerek Neler Kazanırsınız?

- Çekilişe katılan bloglardan backlink kazanacaksınız. Bu sizin arama sonuçlarındaki performansınızı olumlu etkiler.

- Sosyal medyada bol bol tweet ve like kazanacaksınız, hesaplarınızın takipçi sayıları artacak.

- Çekilişe katılan bloglarda blogunuzun tanıtımı yapılmış olacak. Kısa sürede çok fazla hit alacak, takipçi kazanacaksınız.

Peki Tüm Bunlar Nasıl Olacak?

Yukarıda bahsettiğim şeyleri kazanmak için dikkat etmeniz gereken 2 husus var. Birincisi çekilişe katılım şartları, ikincisi ise dağıtılacak hediyeler.

Çekilişe katılım şartlarını zorlaştırmamalısınız ki katılım yükse olsun. Eğer bu çekilişi backlink, hit ve takipçi kazanmak için yapıyorsanız katılım şartlarını şöyle belirleyebilirsiniz:

* Katılım için blogda çekiliş duyurusu yayınlamayı zorunlu kılarsınız. Duyuru metnini de siz yazarsınız. Böylece katılımcı bloglardan backlink almış olursunuz ve duyuru metninin yayınandığı her blogun takipçileri blogunudan ve çekilişten haberdar olur.

* Sosyal medya blogunuzdan daha çok bahsedilmesini ve takipçi sayınızı arttırmak istiyorsanız hesabınızı takip edip çekiliş postunu beğenen ya da tweetleyen kişilere ekstra +1 çekiliş hakkı verirsiniz.

Çekiliş süresince göreceksiniz ki kısa sürede ziyaretçi sayınızda büyük bir artış olacak.

Çekilişte Ödül Olarak Ne Verilebilir?

Çekilişe her yaştan, meslekten ve sosyal statüden insanın katılabileceğini göz önünde bulundurduğumuzda en uygun ödüllerin hediyelik eşyalar olduğunu söyleyebilirim. Bunun için pek çok seçeneği uygun fiyata bulabileceğiniz  bir hediyelik eşya sitesi olan hediyesepeti.com’u öneririm. hediyesepeti.com’da herkese hitap eden ürünler olduğu gibi özel bir kitle veya gün için yapacağınız çekilişlerde verebileceğiniz ürünler de mevcut. Örneğin;

- Yılbaşlarında veya blogunuzun yıl dönümlerde düzenleyeceğiniz çekilişler için Yılbaşı hediyeleri,
- Blogunuzun okuyucu kitlesi anneler ise bebek hediyeleri,
- Blogunuz yemek blogu ise mutfak hediyeleri,
- Blogunuzun okuyucu kitlesi bayanlar ise bayan hediyeleri

ödül olarak verilebilir. Böylece düşük bir bütçeyle kısa sürede blogunuzu tanıtabilir, hitinizi ve takipçi sayınızı arttırabilirsiniz.

Raus auf den Balkon!



Gerade mal  6qm Fläche hat er zu bieten und dennoch liebe ich ihn heiß und innig - meinen kleinen Mini Balkon.

Er ist im Sommer meine Wohnraumerweiterung ins Freie, wo ich auch am liebsten lese und mir die Sonne ins Gesicht scheinen lasse, wo ich an einem lauen Sommerabend gerne grille und ein Gläschen Wein genieße und sonntags gerne ausgiebig frühstücke.

Die letzten sonnigen Tage hab ich nun dazu genutzt, mich meinem grünen Wohnzimmer zu widmen und es etwas auf Vordermann zu bringen. Der Platz mag zwar begrenzt sein, die Gestaltungsmöglichkeiten sind es keineswegs.




Bei der Umgestaltung ganz vorne mit dabei - natürlich Pflanzen. Ich genieße es dort inmitten blühender Blumen, grüner Kletterpflanzen und duftender Kräuter zu sitzen. Und zwischendurch mal was Essbares von den Sträuchern zu naschen (vorausgesetzt die Vögel waren da nicht wieder schneller). Alleine dadurch sind die vorhandenen 6qm um beinahe die Hälfte geschrumpft. ;-)
Ein kleiner Tisch und Stühle oder auch einfach nur bequeme Kissen, falls der Platz nicht mehr hergibt, ein bunter Kunststoffteppich, Kerzen und Laternen für die gemütliche Stimmung am Abend, formschöne Terrarien, die an der Wand Platz finden und im Winter auch in die Wohnung dürfen und schon hat man sich ein kleines Paradies geschaffen.


Meine Wunschliste für den Sommer und die schönsten Accessoires für die Balkonverschönerung habe ich daher für euch zusammengestellt:
  1. Ampel mit Glaseinsatz von H&M
  2. Topf aus Metall von H&M
  3. Sitzkissen von H&M
  4. Kerzenhalter* von Urban Outfitters
  5. Klappliegestuhl von Maisons du Monde
  6. Übertopf aus Holz von H&M
  7. Kleines Terrarium* von Urban Outfitters
  8. Pyramidenförmiges Terrarium* von Urban Outfitters
  9. Outdoor Teppich von Maisons du Monde
  10. Kerze* von Urban Outfitters

* Die Wunschliste enthält Affiliate Links. ( Mehr Informationen.)



Und was macht euren Balkon oder Terrasse zur Wohlfühloase? 
Sonnige Grüße,
Rebecca



Samstag, 6. Juni 2015

Gül Kokulu Detaylar..


Prensesimizin okul öncesini bitirişini dualarla tamamladık çok şükür.. Okul döneminde de Allah yardımcımız olsun..






Bu mevlana şekerleri bildiğiniz mevlana şekerlerinden çok daha güzel.. 







Bu çikolataların tadını bilen biliyodur zaten.. 







Misafirlerimizin hediyesi gül suyu.. Kokusu o kadar hafif ki.. Gidip fabrikadan almama değdi doğrusu..  















Gül sularımızın

Freitag, 5. Juni 2015

Blogger Jquery Açılır/Kapanır Panel Eklentisi

Blogunuza görsellik ve işlevsellik katacak yeni bir Blogger eklentisi daha paylaşmak istiyorum. Aşağıda detaylarını bulabileceğiniz Jquery Sliding Panel yani açılır kapanır panel eklentisi ile ziyaretçilerinize güzel bir kullanıcı deneyimi sunacak, aynı zamanda blogunuza çeşitli faydalar sağlayacaksınız.

Eklentinin nasıl ekleneceğine geçmeden önce özelliklerinden ve ne işe yaradığından bahsetmek isterim.

jquery blogger panel


Blogger Jquery Açılır/Kapanır Panel Eklentisinin Özellikleri

Eklentiyi ekledikten sonra bloga girdiğinizde sayfanın en üstünde bir bar gözükecek ve üzerinde “Merhaba” karşılama mesajı ile paneli açıp kapayan bir buton olacak. Bu butona tıklayarak paneli atığınızda pek çok özellik barındıran harika bir menü göreceksiniz. 3 sütuna bölünmüş bu menüde şunlar var:

- “Hoşgeldiniz” mesajı, profil resmi, yazar hakkında kısa bilgi ve blog içi arama yapılmasını sağlayan bir arama kutusu.

- Ziyaretçileri İitediğiniz yazı veya sayfalara yönlendireceğinz linkler bölümü.

- Blogunuzu e-mail, Rss, Facebook, Twitter ve Google+ ile takip etmelerini sağlayacak bir abonelik bölümü.




Blogger Jquery Açılır/Kapanır Panel Eklentisini Bloga Ekleme
Bu harika eklentiyi blogunuza eklemek için şu adımları takip etmelisiniz:

1. Adım: Blogger kumanda panelinde Şablon > HTML’yi Düzenle yolunu takip edin ve </head> kodunun üzerine şu kodları yapıştırın.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {

$(&quot;#open&quot;).click(function(){
$(&quot;div#panel&quot;).slideDown(&quot;slow&quot;);
});

$(&quot;#close&quot;).click(function(){
$(&quot;div#panel&quot;).slideUp(&quot;slow&quot;);
});

$(&quot;#toggle a&quot;).click(function () {
$(&quot;#toggle a&quot;).toggle();
});

});</script>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
body#layout #slide-top-panel {display:none !important;}
</style>
</b:if>

2. Adım: ]]></b:skin> kodunun üzerine aşağıdaki kodları yapıştırın.

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix {height: 1%;}
.clearfix {display: block;}

.tab {
background: url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNj27fLHVgus3NVp6p82DySW8PEG_2tgT0IvahA17QmkEYzXDtnjJyJGRZ2LkRxxfIpmSHag1eCSyiACHEPJXRhosc46ogVKNx13IF2DOK5I_IgQZDk_uD7h_2MUKgTYCsVSXJ_KgGuoUh/s1600/sliding-panel-tab-0.png) repeat-x 0 0;
height: 42px;
position: relative;
top: 0;
z-index: 999;
}
.tab ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 42px;
width: auto;
font-weight: bold;
line-height: 42px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
}
.tab ul.login li.left {
background: url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibtm1HTyoQOy62djPw2lloAF2AXgPsKOIisycc_5HZ-hQ-EZFkGyQXwZvfnZe8dkFYKv34cnPo5EOnJvu19Jr2RwvM6PlykdNnS21tmmFOu5ekg3jmmsDFvMGjaTmk-i54CSeLY_Q0R2LA/s1600/sliding-panel-tab-left.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}
.tab ul.login li.right {
background: url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7VEVDfY99IMXrWHNJcu6KeftW7OMBgJn7pRsy7ApVmgEBJ3TBXYlA31DmmdCl9rtJGeAH6Ww18tAisheXx_EgplxMAWWaAsBsizUMdQK9uKa8nMEcSGKzON30XRwxd2FTuYVD-xx50S92/s1600/sliding-panel-tab-right.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}
.tab ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 42px;
background: url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaKQ2CirOTNT4K_qON9Bj4wGkRL6iOGjiZmQCmRGETHLRWn4iSSGvkFhq-A-RVOdBRlzEhWGcWDicQ4N_RBNdKEt-KvR8i7viuvhjDaTffnqYXRZ6onRgwOelQmKIKl31N2SvGwHAlMM-Z/s1600/sliding-panel-tab.png) repeat-x 0 0;
}

.tab ul.login li a {color: #15ADFF;}
.tab ul.login li a:hover {color: #FFFFFF;}
.tab .sep {color:#414141}

.tab a.open, .tab a.close {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 100px;
position: relative;
top: 11px;
}

.tab a.open {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkyXV6rnR-8UBBQ-CQaS_5ZRyhgg0lf2UM_K3QgspLoI1aRBBHOj1JVug-jxvSzVFnjjRXYoPYPqySNGkt_JWAUHBzHx79sRiemtpzaBHeoATfFZXLwsU5HRz4Xi9b0-ZLeLbVotBkOQQh/s1600/button-open.png) no-repeat left 0;}
.tab a.close {background: url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6kcDuiPG05F3xP7XyrTGU0PnMCAQgQb0hZIpavHOu_R6euZo1_q_9Iir5xEwRV8i78sCX8bc76S2WRxuiRosi7QW_5JEIV-U2NXG8YKotcBpqiyYp361Ht0bKBhw4IIhUqL7yXbGjEfem/s1600/button-close.png) no-repeat left 0;}
.tab a:hover.open {background: url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkyXV6rnR-8UBBQ-CQaS_5ZRyhgg0lf2UM_K3QgspLoI1aRBBHOj1JVug-jxvSzVFnjjRXYoPYPqySNGkt_JWAUHBzHx79sRiemtpzaBHeoATfFZXLwsU5HRz4Xi9b0-ZLeLbVotBkOQQh/s1600/button-open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6kcDuiPG05F3xP7XyrTGU0PnMCAQgQb0hZIpavHOu_R6euZo1_q_9Iir5xEwRV8i78sCX8bc76S2WRxuiRosi7QW_5JEIV-U2NXG8YKotcBpqiyYp361Ht0bKBhw4IIhUqL7yXbGjEfem/s1600/button-close.png) no-repeat left -19px;}
#slide-top-panel {
position: absolute;
top: 0;
width: 100%;
z-index: 999;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#panel {
width: 100%;
height: 230px;
color: #fff;
background: #272727;
overflow: hidden;
position: relative;
z-index: 3;
display: none;
}
#panel h4 {
font-size: 18px;
color: #cc3333;
text-align: center;
padding: 5px 0 10px;
margin: 0;
}
#panel p {
margin: 5px 0;
padding: 0px;
}
#panel a {
text-decoration: none;
color: #15ADFF;
}
#panel a:hover {
color: white;
}
#panel .content {
width: 960px;
margin: 0 auto;
padding-top: 15px;
text-align: left;
font-size: 0.85em;
}
#panel .content .left {
width: 280px;
float: left;
padding: 0 15px;
border-left: 1px solid #333;
}
#panel .content .right {
border-right: 1px solid #333;
}
#panel .content form {
margin: 0 0 10px 0;
}
#panel .content label {
float: left;
padding-top: 8px;
clear: both;
width: 280px;
display: block;
}
#panel .content input.field {
border: 1px #1A1A1A solid;
background: #545454;
border-radius: 10px;
margin-right: 5px;
margin-top: 4px;
width: 200px;
color: white;
height: 18px;
}
#panel .content input:focus.field {
background: #7F7F7F;
}
#panel .content input.button-register {
display: block;
clear: both;
height: 24px;
width: 94px;
color: white;
background: #F1921A;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
text-align: center;
cursor: pointer;
border: 1px solid #fff;
font-weight: bold;
margin: 10px auto;
}
#sliding-panel {
width: 160px;
float: left;
}
#sliding-panel2 {
width: 160px;
float: right;
}
#sliding-panel ul, #sliding-panel2 ul{
font-family: Arial, Helvetica, sans-serif;
list-style-type:none;
margin:0;
padding:0;
}
#sliding-panel ul li a, #sliding-panel2 ul li a {
background:url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyOLrkxYMZN0AJ9LH9IRP3AfhKc_H9FaI9yCN7PeJQstdwv6YxXe5Kchee4lliublRuQtI7xZgHXexNZ8GpqpyR9go2FtQBA71C2OMwhRgD8-uhNA6CeBgkeQs09HbOceb7AxCX2Csk3Pm/s24/bullet-star-icon.png) center left no-repeat;
margin:0;
padding:3px 3px 3px 18px;
}
#sliding-panel li, #sliding-panel2 li {
display: inline;
}
#sliding-panel a, #sliding-panel2 a{
color: #999999;
text-decoration: none;
font-size: 11px;
display: block;
padding: 3px;
width: 160px;
}
#sliding-panel a:link, #sliding-panel a:visited, #sliding-panel2 a:link, #sliding-panel2 a:visited {
color: #999999;
text-decoration: none;
}
#sliding-panel a:hover, #sliding-panel2 a:hover {
color: #FFFFFF;
}

#search-box22{
margin-top: 20px;
}

#search-box22 input[type="text"] {
float: right;
background: 10px 6px #444;
border: 0 none;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #777;
width: 160px;
padding: 6px 15px 6px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}

#search-box22 input[type="text"]:focus {
width: 190px;
}

.about-author {
width: 100%;
text-transform: none;
margin-top: 15px;
}
.authorbox {
overflow: hidden;
padding: 0;
width: 100%;
}
.authorbox .authorinfo {
}
.authorbox .authorinfo img {
float: left;
margin: 4px 10px 4px 5px;
border-radius: 100%;
width: 20%;
background: #222;
padding: 5px;
}
.authorbox .authorinfo p {
margin: 0;
padding: 0 5px;
text-align: left;
}
.authorinfo p a {
text-decoration:none;
}
.authorbox h3 {
margin: 0;
display: inline-block;
}
h3.boxtitle {
font-size: 14px;
}

3. Adım: Şablonda <body> veya <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> kodlarından hangisi varsa onun altına aşağıdaki kodları yapıştırın. Kendinize göre düzenlemeniz gereken yerleri kırmızı renkle gösterdim.

<div id='slide-top-panel'>
<div id='panel'>
<div class='content clearfix'>

<div class='left' style='width:240px !important'>
<h4>Blog Hocam’a Hoşgeldiniz!</h4>
<div class='about-author'>
<div class='authorbox'>
  <div class='authorinfo'>
<img src='http://lh5.googleusercontent.com/-kdgXVUeKv8o/AAAAAAAAAAI/AAAAAAAAGKo/To7qbwbiwKo/s80-c/photo.jpg'/>
<h3 class='boxtitle'>Ben Serdar</h3>
<p>Blog Hocam’ın kurucusu ve tek yazarıyım. Blog yazarlığı, SEO, sosyal medya, dijital pazarlama, girişimcilik ve kişisel gelişim konularıyla ilgileniyor ve bu konularda yazılar yazıyorum.</p>
</div>
</div>
</div>
<p align='right' style='margin-top: 10px;'>Aradığınız birşey mi var?</p>
<form action='/search' id='search-box22' method='get'>
  <input name='q' placeholder='Ara...' size='40' type='text'/>
</form>
</div>

<div class='left' style='width:320px !important'>
<h4>Öne Çıkan Yazılar</h4>
<div id='sliding-panel'>
<ul>
<li><a href='http://bloghocam.blogspot.com/2012/06/acemiler-icin-google-analytics-rehberi.html'>Google Analytics Rehberi</a></li>
<li><a href='http://bloghocam.blogspot.com/2014/03/15-ucretsiz-online-fotograf-editoru.html'>Fotoğraf Editörleri</a></li>
<li><a href='http://bloghocam.blogspot.com/2013/03/adm-adm-iyi-bir-blog-sitesi-kurmak.html'>Adım Adım Blog Kurmak</a></li>
<li><a href='http://bloghocam.blogspot.com/2013/12/az-zamanda-cok-ziyaretci-getiren-siteler.html'>Hit Getiren Siteler</a></li>
<li><a href='http://bloghocam.blogspot.com/2013/09/affiliate-marketing-nedir.html'>Affiliate Marketing</a></li>
<li><a href='http://bloghocam.blogspot.com/2014/03/blog-yazarak-para-kazanmak-mumkun-mu.html'>Blogdan Para Kazanmak</a></li>
<li><a href='http://bloghocam.blogspot.com/2013/01/bloglar-icin-ziyaretci-trafigi-rehberi.html'>Ziyaretçi Trafiği Rehberi</a></li>
</ul>
</div>

<div id='sliding-panel2'>
<ul>
<li><a href='http://bloghocam.blogspot.com/2013/08/google-adsense-reklamlar-icin-baslangc.html'>Google AdSense Rehberi</a></li>
<li><a href='http://bloghocam.blogspot.com/2014/01/blog-yazarlar-icin-swot-analizi.html'>SWOT Analizi</a></li>
<li><a href='http://bloghocam.blogspot.com/2013/07/link-insaas-calsmalarnda-dikkat-edimesi.html'>Link İnşası</a></li>
<li><a href='http://bloghocam.blogspot.com/2012/11/analiz-icin-kullandgm-seo-araclar.html'>SEO Araçları</a></li>
<li><a href='http://hur.so/dbzjxe'>Trafik Hayattır</a></li>
<li><a href='http://hur.so/dbznw7'>Galaxy S6</a></li>
<li><a href='http://hur.so/dbzvke'>LG G4</a></li>
</ul>
</div>
</div>

<div align='center' class='left right'>
<h4>Blog Hocam’ı Takip Edin!</h4>
<p style='padding:0px 30px;'>Yeni yazıların e-mail adresinize gelmesini istiyorsanız kutuya mail adresinizi yazıp abone olun.</p>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=BlogHocam' method='post' target='_blank'>
<input class='field' name='email' type='text/' value=''/>
<input name='uri' type='hidden' value='Feed-Name'/>
<input name='lang' type='hidden' value='tr_TR'/>
<input class='button-register' type='submit' value='Abone Ol'/></form>

<div align='center' style='clear: both;'>
<a href='http://feeds.feedburner.com/BlogHocam'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVllB_stALlzyz2iFEiiLoBdEMD0fqXjHHEnTuPltzaFChRMzWvo-QAyOIJxt97MxNQ_17CiIxaG5YDEAutgYKaTCjt9-E4sX1QiyTaKgLZrzeLG2OxnSzjOsFqY831XGBeEaiXArfu2eA/s48/RSS-icon.png' style='padding:5px;' title='RSS Beslemeleri' width='32'/></a>
<a href='http://www.facebook.com/bloghocam'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinOB_T9LLHQJCaQwqNCRZrqMBFfa1oMPR17_NaP28POwnPu-AcoVw6Bzl55f5c70GLP_9GRdQEKuoq_QTzdEcBdGyiqsyFU_3948fTw2qtYWxDBzu9-Om56AMIcRp8_Hcc41VEvP-GtC8/s48/Facebook-icon.png' style='padding:5px;' title='Facebook Beğen' width='32'/></a>
<a href='http://twitter.com/bloghocam'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY5AoSvWxCHqxSLlQ_ayBpQI25IkDWlMZyuSZ0Efm1OiqxduGGfpWiGBsIB9rxwojdbQk79UkBa0CIz0PwmKuORhbcKRTPnpxFZbWNfH3Vt7parly5E8fAipzQ_31X2ncHLuiD6aZGjRb1/s48/Twitter-icon.png' style='padding:5px;' title='Twitter Takip' width='32'/></a>
<a href='https://google.com/+BloghocamBlogspot'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_I1HkG_MbTCeXxb6VXnNQ53shvUBbRJ1TJaUMRcFDlH5P3EBd-03RtWQoWU9v9jnOGrVbDGRTWYgrGPqMaHvDTzvoatFea19i78QCBocM6yeTQascmo-0KrgjCpMHljSH01gRyZx6TRub/s48/Google-plus-icon.png' style='padding:5px;' title='Google+ Takip' width='32'/></a>
</div>

</div>
</div>
</div>

<div class='tab'>
<ul class='login'>
<li class='left'/>
<li>Merhaba!</li>
<li class='sep'>|</li>
<li id='toggle'>
<a class='open' href='#' id='open'>Menüyü Aç</a>
<a class='close' href='#' id='close' style='display: none;'>Menüyü Kapat</a>
</li>
<li class='right'/>
</ul>
</div>
</div>

Şablonu önizleme yapın, eğer bir sorun veya hata mesajı yoksa kaydedin ve blogunuzu tekrar ziyaret edin.

Kodları bloga ekleme, düzenleme veya eklentiyi çalıştırma ile ilgil sorunlar yaşrsanız yorum bölümünden sorabilirsiniz.