2017'de ��kacak 10 Muhte�em FPS Oyunu!

2016 neredeyse geride kald� ve t�m �nemli FPS oyunlar� piyasaya ��kt�. Gelin bir de 2017'de ��kacak olan FPS oyunlar�na bakal�m.

Hala Overwatch, Battlefield 1 veya Titanfall 2'yi oynuyor olsan�z bile 2017'ye say�l� g�nler kala 2017'de ��kacak oyunlara bir g�z gezdirebilirsiniz ve be�endiklerinizi k�t�phanenize eklemek i�in g�n saymaya ba�layabilirsiniz.

10. Quake Champions

Yay�nc�: Bethesda

Geli�tirici: id Software, Saber Interactive

Yay�n tarihi: 2017

Platform: PC

id Software'in, 2010'daki Quake Live'den bu yana Quake serisinin ilk oyunu ve 2005'teki Quake 4'ten bu yana ilk ana oyunu. ��tay� y�kseltmeye �al��an ki�ileri g�rmek her zaman g�zel. Oyun ilk ��kt���nda FPS t�r�n�n temelini att� ve �imdi hala kral oldu�unu herkese g�stermek i�in geri d�n�yor, en az�ndan plan bu. 

9. Dead Island 2

Yay�nc�: Deep Silver

Geli�tirici: Sumo Digital

Yay�n tarihi: 2017

Platform: PC, PS4, Xbox One

2011 k�lt hitinin devam oyunu, bir s�redir geli�im s�recinde s�k��m�� durumdayd� ancak sonunda geliyor.

8. Get Even

Yay�nc�: Bandai Namco

Geli�tirici: The Farm 51

Yay�n tarihi: Bahar 2017

Platform: PC, PS4, Xbox One

Farm 51, y�llard�r Get Even �zerinde �al��makta olan bir st�dyo. Get Even, hayatta kalma korku unsurlar�na sahip, psikolojik bir gerilim oyunu.

7. Prey

Yay�nc�: BethesdaGeli�tirici: Arkane StudiosYay�n tarihi: 2017Platform: PC, PS4, Xbox OnePrey, asl�nda uzayl� bir ka��rmaya kar�� ailesini kurtarmaya �al��an bir adam olarak oynad���n�z ayn� ad� ta��yan 2006 oyununun devam� niteli�inde olacakt�. Oyunda ger�ekten benzersiz baz� unsurlar vard� ve ilkini ka��rd�ysan�z kesinlikle kontrol etmeye de�er.

6. Insurgency: Sandstorm

Yay�nc�: Focus Home Interactive

Geli�tirici: New World Interactive

Yay�n tarihi: 2017

Platforms: PC, PS4, Xbox One

2014'teki Insurgency'nin yeniden yap�m� olan oyun Unreal Engine 4 kullan�larak olu�turulmu�tur. �ok say�da co-op moduna sahip bir taktik FPS'den ho�lan�yorsan�z, k�t�phanenizde olmas�n� �iddetle �neririz.

5. Resident Evil 7 Biohazard

Yay�nc�: Capcom

Geli�tirici: Capcom

Yay�n tarihi: 24 Ocak 2017

Platform: PC, PS4, Xbox One

Resident Evil 7, birinci �ah�s perspektifini uyarlayan ana serideki ilk oyun.

4. Batallion 1944

Yay�nc�: Bulkhead Interactive

Geli�tirici: Bulkhead Interactive

Yay�n tarihi: May�s 2017

Platform: PC, PS4, Xbox One

FPS oyunlar�n�n �nceki nesillerin sihrini yakalamak, 2017'de fark edece�iniz bir tema olacak.

3. Rising Storm 2: Vietnam

Yay�nc�: Tripwire Interactive

Geli�tirici: Tripwire Interactive, Antimatter Games
Yay�n tarihi: 2017
Platform: PC
Vietnam sava�� s�ras�nda yer alan Rising Storm 2, 2013 oyununun devam� niteli�indedir. Oyun ger�ek�ili�e b�y�k �nem veriyor, �ok k���k detaylar� ile Vietnam sava��n�n deh�etiyle otantikli�ini g�zler �n�ne seriyor.

2. Strafe 

Yay�nc�: Devolver Digital

Geli�tirici: Pixel Titans

Yay�n Tarihi: Early 2017

Platform: PC, OS X, PS4

Strafe, 1990'lar i�in bir a�k mektubu. Rastgele olu�turulan seviyelerin, sonsuza kadar devam eden h�zl� tempolu hareket ve kendinizi tamamen rahatlatmak i�in VR deste�i olacak.

1. Destiny 2 

Yay�nc�: Activision
Geli�tirici: Bungie
Yay�n tarihi: 2017
Platform: Xbox One, PS4, PC
�u anda Destiny 2 hakk�nda s�ylentiler ve s�z�nt�lar d���nda �ok �ey bilinmiyor. 2017 sonbahar�nda yay�nlanmas� bekleniyor. Ayr�ca Destiny 2'nin tamamen yenilenmi� bir ilerleme sistemi, devasa bir a��k d�nya ve baz� hayranlar�n ilk oyunda g�rmek istedi�i RPG ��elerine sahip olaca�� s�yleniyor.

Yeni Y�l ��in Facebook'tan Yeni �zellik!

Facebook, yeni y�l i�in kullan�c�lar�na k���k bir s�rpriz haz�rlad�. ��te Facebook'un yeni y�l i�in haz�rlad��� anlaml� yenilik!

Facebook�un yapt��� a��klamaya g�re Yeni Y�l arifesinde y�l�n geri kalan�na k�yasla y�zde 70 daha fazla payla��m yap�l�yor. 31 Aral�k 2015�te 182 milyon insan, 370 milyon foto�raf ve video payla�arak Facebook �zerinden birbirlerine �mutlu y�llar� diledi. O gece d�nyada en �ok yer bildirimi yap�lan �ehirler ise Bangkok, Londra, New York, Hanoi ve �stanbul oldu.

Bu y�l 31 Aral�k ve 1 Ocak�ta payla��m yapanlar, �Mutlu Y�llar,� �Yeni Y�l�n�z Kutlu Olsun� veya ��yi Seneler� gibi Yeni Y�la �zel t�mceleri kulland�klar�nda haber kaynaklar�n�n havai fi�eklerle doldu�unu g�rd�. Bunun yan� s�ra, Facebook�tan bir mesaj da d�nyan�n d�rt bir yan�ndaki insanlar�n haber kaynaklar�n�n en �st�nde yer ald�.

Yeni Y�l kutlamalar�n�, dileklerini ve d���ncelerini Facebook Live �zerinden yay�nlayanlar da Yeni Y�l i�in �zel haz�rlanm�� maskeleri kulland�.

TeknoWin olarak 2017'nin sa�l�k ve huzur getirmesini dileriz. �yi y�llar.

Ak�nc�lar, Redhack'i Hackledi!

Pop�ler hacker grubu Ak�nc�lar, hacker grubu RedHack'� hackledi.

Genelde hacker�lar ve hacker gruplar�, belli kurumlara ait siteleri ve di�er �lkelerin �nemli kurumlar�na ait siteleri hacklemesi ile haber konusu olurlar. Ancak yeni gelen bir habere g�re, pop�ler T�rk hacker grubu pop�ler ba�ka bir hacker grubunu hackledi.


Ak�nc�lar isimli �nl� T�rk hacker grubu, Redhack grubunun kurucular�ndan Taylan Kula�o�lu�nun sosyal medya hesab�n� hackledi. Son y�llarda hack sald�r�lar� ile ad�ndan s�k�a s�z ettiren Ak�nc�lar, y�r�tt�kleri faaliyetler ile g�ndeme gelen Redhack grubuna bir siber sald�r� d�zenledi.

Ak�nc�lar, Redhack grubunun kurucular�ndan Taylan Kula�o�lu�nun twitter hesab�n� hackledi.
Konu ile ilgili bir a��klama yapan Ak�nc�lar grubu, "Siber sald�r� d�zenledi�imiz ki�inin b�t�n yaz��malar� elimizde, �nemli olan yaz��malar devletimizin ilgili makamlar�na teslim edildi" dedi.

YouTuber Art�k Ger�ek Bir Kelime!

YouTuber, bu ay Oxford English Dictionary'ye eklenen 500 kelime aras�ndaki yerini ald�.

Teknoloji ilerledik�e hayat�m�za yeni yeni kelimeler giriyor. YouTuber da bunlardan biri. Hen�z T�rk�e bir kar��l��� olmasa da en prestijli �ngilizce s�zl�k olan Oxford English Dictionary bu kelimeyi ger�ek bir kelime olarak kabul edip s�zl���ne ekledi.

S�zl�k kelimeyi, video payla��m web sitesi YouTube'u s�k kullanan �zellikle de video �reten ve videolarda g�r�nen ki�ilere verilen isim olarak tan�ml�yor.

S�zc�k 2006 y�l�na dayan�yor ve video payla��m web sitesinin tescilli ad�, di�er ad�yla Google'a ait video platformu YouTube'tan kaynaklan�yor.

A�a��daki �rneklerde YouTuber kelimesinin farkl� kullan�mlar�n� �ngilizce olarak bulabilirsiniz.

2016'da En �ok Hangi T�rk Filmi �zlendi?

2016�da salonlarda yerli film f�rt�nas� ya�and�. En �ok hangi film izlendi?

T�rk Sinemas�nda 2016 y�l� boyunca 169 yerli film izleyici ile bulu�urken, y�l�n son aylar�nda g�sterime giren �Da� 2� hem izleyici say�s�nda hemde yaz�l� bas�n da zirveye yerle�ti.

Medya Takip Ajans� Interpress�in yapm�� oldu�u ara�t�rmaya g�re, yaz�l� bas�nda ge�ti�imiz y�l boyunca sinemalarda g�sterilen yerli filmler hakk�nda 30 binden fazla haberin yer ald��� tespit edildi.

Interpress�in �� bine yak�n ulusal, b�lgesel ve yerel gazete ile dergiyi kapsayan incelemesine g�re, 2016 y�l�nda vizyona giren �Da� 2� ve �Karde�im Benim� in gi�ede g�sterdi�i performansla bas�nda da �ok konu�ulmay� ba�ard�klar� ortaya ��kt�.

Geride b�rakmak �zere oldu�umuz y�l boyunca vizyona giren 15 yerli filmin izleyici ve haber say�lar� ��yle;

Android'de Super Mario Run Vir�s�ne Dikkat

Super Mario Run'�n Android i�in duyurulmas�ndan k�sa s�re sonra Super Mario Run Beta s�r�m� gibi g�r�nen vir�s ortaya ��kt�.

Nintendo, d�n Android i�in Super Mario Run oyununu duyurmu�tu. Firman�n, Super Mario Run i�in Google Play Store'de �n kay�t talebi toplamaya ba�lamas�ndan sonra Android kullan�c�lar�n� hedef alan k�t�c�l yaz�l�m i�eren uygulama ortaya ��kt�. Super Mario Run Beta gibi g�r�nen bu yaz�l�m tamamen hackerlar�n paketledi�i ve vir�s i�eren bir APK. dosyas�ndan hi� bir fark� yok.

Super Mario Run gibi g�r�nen ve uygulama simgesine kadar ayn� olan bu APK. dosyas�n� y�klemeye kalkt���n�zda; k�t�c�l yaz�l�m sistem servislerine eri�im izni istiyor. Hi� bir oyunun sistem servislerine eri�im izni istemedi�ini belirtelim.

E�er bu izin iste�ine evet derseniz; hackerlar�n cihaz�n�z� ele ge�irebilir. Hackerlar; �ifrelerinizi g�rebilir, ekran kilit �ifrenizi de�i�tirebilir, ki�isel verilerinize ula�abilir ve �ifreyi ��zmek i�in sizden fidye isteyebilir.

Super Mario Run i�in bir beta s�recinin olmayaca��n� ve oyunun resmi olarak sadece Google Play Store'da yay�nlanaca�� konusunda sizleri uyaral�m. Farkl� sitelerden Super Mario Run APK. gibi g�r�nen dosyalar� indirip kurmaman�z� tavsiye ediyoruz.

Resimlerin ��ine Saklanan Vir�slere Dikkat!

Son d�nemde ortaya ��kan resimlerin i�erisine yerle�tirilmi� vir�sler, bilgisayarlar� tehdit ediyor. Peki, bu vir�s bula�t���nda neler yapabiliyor?

Ara�t�rmac�lar, �e�itli sayg�n haber sitelerinde yer alan reklamlar yoluyla bula�an yeni bir istismar sald�r�s�n� tespit etti. �Stegano Exploit Kit� olarak tan�mlanan s�z konusu zararl� yaz�l�m setinde sald�rganlar, k�t� ama�l� yaz�l�mlar�n� sitelerin reklamlar�nda kullan�lan resimlerin piksellerine yerle�tiriyor.

�Zehirli piksel� i�eren reklamlar, kurbanlar�n bilgisayarlar�na uzaktan zararl� yaz�l�mlar y�kleyebilmek amac�yla kullan�l�yor. �stelik kurban�n, vir�s�n sakland��� reklam i�eri�ini t�klamas�na bile gerek kalm�yor. Bu t�r banner i�eren bir web sitesini ziyaret etmek yeterli. E�er Internet Explorer kullan�l�yor ve bilgisayarda g�ncel olmayan bir Flash Player s�r�m� �al���yorsa, makine bu a��k sayesinde otomatik olarak ele ge�iriliyor.

"Stegano" ismi, sald�rganlar�n zararl� kodlar�n bir b�l�m�n� reklamlar�n piksellerinde gizlemek i�in kulland��� bir teknik olan Steganografiyi ifade ediyor. �zellikle her pikselin �effafl���n� kontrol eden parametrelere gizlerler. Bu, resmin renk tonunda yaln�zca ufak de�i�iklikler yapar, de�i�iklikleri ��plak g�zle g�r�nmez k�lar ve potansiyel ma�dur fark�na varamaz.

Sistem yamalar�n�n d�zenli olarak yap�lmas�, uygulamalar�n g�ncel tutulmas� ve g�venilir bir internet g�venlik ��z�m�, bu t�r sald�r�lar�n engellenmesine yard�mc� olan en g��l� �nlemlerdir.

Windows 10'a Mavi I��k Filtresi Geliyor!

Microsoft, Apple'dan �nce davrand� ve g�z sa�l��� i�in b�y�k �nem ta��yan mavi ���k filtresini Windows 10'a getirece�ini a��klad�. ��te Windows 10'un mavi ���k filtresi hakk�ndaki detaylar.

Ekran ba��nda uzun vakit ge�irenlerin en b�y�k tehlikesi maruz kald�klar� mavi ���nlar olarak bilinir. G�z sa�l���n� tehdit eden mavi ���nlar, �zellikle gece saatlerinde �iddettini artt�rarak belli eder ve g�z�n yorulmas�na neden olur. Bunun i�in Apple, ge�ti�imiz aylarda Night Shift �zelli�ini iPhone i�in kullan�ma sunmu�tu.

Night Shift sayesinde iPhone, gece olunca otomatik olarak renk s�cakl���n� 2.700K'ya kadar d���rebiliyordu. macOS cephesinde hen�z b�yle bir �zellik sunmayan Apple, rakibi Microsoft'tan �nce davranmayacak gibi g�r�n�yor.

Microsoft, Windows 10 i�in Blue Light Filter yani mavi ���k filtresi �zelli�ini kullan�ma sunmaya haz�rlan�yor. Windows 10 build 14997 s�r�m� ile ortaya ��kan mavi ���k filtresi �zelli�i sayesinde, Windows 10 kullan�c�lar� renk s�cakl���n� diledikleri gibi de�i�tirebilecek. Bu �zelli�i gece saatlerinde ister otomatik olarak devreye alabilir, isterseniz de el ile diledi�iniz vakitte aktif edebilirsiniz.

Windows platformunda hali haz�rda IRIS ve F.lux gibi bu g�revi yapan uygulamalar bulunuyor. Ancak bu �zelli�in sistem ile t�mle�ik olmas� daha performansl� ve stabil �al��mas�n� sa�layacak.

Windows 10 Blue Light Filter �zelli�i ilerleyen aylarda gelecek olan Creators Update ile kullan�ma sunulacak.

LG G6 Tasar�m� �lk Kez S�zd�r�ld�

LG G6'n�n tasar�m� ilk kez s�zd�r�ld�. LG G6'na�sl bir tasar�m ile gelecek? ��te yan�t�!

LG�nin s�radaki amiral gemisi modeli hakk�nda bilgi ve s�z�nt�lar gelmeye devam ediyor. En son tan�t�m tarihinin bir ay �ncesine �ekildi�i haberleri gelen telefonun �imdi de tasar�m�na ait g�r�nt� geldi.

LG G6�n�n s�zd�r�lan render g�r�nt�s� telefonun LG G5�e g�r�nt� a��s�ndan benzeyece�ini g�steriyor. Daha �nce Samsung�un amiral gemisi modelleri hakk�nda do�ru bilgiler s�zd�rmak ile bilinen Shai Mizrachi, LG G6�ya ait oldu�unu iddia etti�i bir �ema yay�nlad�.

Daha �nce gelen s�z�nt� ve s�ylentiler, LG G6�n�n LG G5 gibi mod�ler tasar�m ile gelmeyece�i y�n�ndeydi. Ancak �emaya bak�ld���nda, arkas� g�r�nen telefonun LG G5 ve LG V20�den tasar�m ipu�lar� ald��� g�r�l�yor. Telefonun arka y�z�nde bir �ift kamera ve hemen alt�nda parmak izi taray�c� bulunuyor. Ses d��meleri ise sa� tarafta konumland�r�lm��.

A�a��da yay�nlanan �emay� inceleyebilirsiniz.

Adil Kullan�m Kotas� (AKK) Kalk�yor!

Ula�t�rma, Denizcilik ve Haberle�me Bakan� Ahmet Arslan, Adil Kullan�m Kotas� uygulamas�n�n 2018 y�l�nda kald�r�laca��n� a��klad�.

Ula�t�rma, Denizcilik ve Haberle�me Bakan� Ahmet Arslan, internet kullan�c�lar�n� sevindirecek a��klamlarda bulundu. Bildi�iniz gibi s�n�rs�z paket ad� alt�nda sat�lan internet paketlerinde belirli bir kotadan sonra interneti yine s�n�rs�z kullanabiliyorsunuz ancak Adil Kullan�m Kotas� uygulamas�ndan dolay� h�z d���m� ya�an�yordu.

T�rkiye �ap�nda genel olarak tercih edilen 16 mbps h�z�ndaki internet paketleri daha ay�n ortas�na gelmeden adil kullan�m kotas�na tak�l�yor ve h�z otomatik olarak 3 mbps seviyesine d���yordu. Teknolojinin geli�mesinden dolay� oyun, film hatta m�zik dosyalar�n�n bile boyutlar� ciddi �l��de artm�� durumda.

�rne�in bir oyun indirmeye kalkt���n�zda; oyunun g�ncellemeleri ile ortalama 30 GB gibi bir indirme i�lemi ger�ekle�tirmeniz gerekiyor. Zaten 60 GB olan Adil Kullan�m Kotas� ayda sadece 2 oyun indirerek dolabiliyor.

Ula�t�rma, Denizcilik ve Haberle�me Bakan� Ahmet Arslan bu soruna ��z�m bulmak ad�na 2018 y�l�nda Adil Kullan�m Kotas� uygulamas�n� kald�racaklar�n� belirtti.

Ancak konuyla ilgili hen�z detaylar mevcut de�il. AKK t�m internet paketlerinde mi yoksa sadece fiber kullan�c�lar� i�in mi kalkacak bilinmiyor.

Blogger ��erik Gizleme Buton Yap�m� Spoiler Efektli Buton Kodlar�

Blogger Efekli G�ster Gizle Butonu Spoiler Buton Kodlar� Ve Yap�m� 
Merhaba Sizlere bu yaz�mda spoiler butonu yap�m�n� anlat�cam. Bir �o�umuz sayfam�zdaki baz� resim, yaz� ve i�erikleri bazu durumlarda gizlemek isteriz. Kendimden �rnek vermek gerekirse ben 5 6 tane payla�t���m resim'min alt alta kaplad��� yeri hi� sevmem. Yada mesela bi konu hakk�nda bi yaz� yazd�n�z ve bu film olabilir yada bir kitap hakk�nda olabilir bunu ziyaret�ilerinize "Spoiler" ba�l��� alt�nda g�stermek yerine a�ag�daki anlataca��m yolla d�zg�n bi �ekilde gizleye bilirsiniz. Umar�m be�enirsiniz fazla uzatmadan anlat�ma ge�iyorum. A�ag�ya bir demo koydum be�enirseniz kendi sitenizede uygulars�n�z.
Demo / �nizle

Blogunuza i�erik spoilerini eklemek i�in a�a��daki ad�mlar� izleyin

1.Ad�m  Blogger Hesab�n�zda oturum a��n ve Blogger Panelinize Girin

2.Ad�m �ablon >HTML D�zenleye t�klay�n

3.Ad�m �imdi CTRL+F (Windows ��in) CMD+F (Mac ��in) Tu�u �le Arama Penceresini a��n ve  ]]></b:skin> bu kodu arat�n

4.Ad�m Alttaki kodu kopyalay�p ]]></b:skin> bu kodun �zerine yap��t�r�n.

#content-spoiler {text-align:center;}
#content-spoiler button{margin:10px auto;cursor:pointer;background-color:#5a6269;
color:#fff;padding:10px 14px!important;text-transform:uppercase;border:none;
font-size:14px;transition:all .3s ease-out}
#content-spoiler button:hover, #content-spoiler button:focus 
{outline:none;opacity:1;color:#fff;}
#spoilerpanel {padding:1px;text-align:left;background:#fafafa;
border:1px solid #e6e6e6;}
#spoilerpanel {padding:24px;display:none;}
#spoilerpanel img {background:#f5f5f5;margin:10px auto;}

5.Ad�m Ad�m �imdi CTRL+F (Windows ��in) CMD+F (Mac ��in) Tu�u �le Arama Penceresini a��n ve </head> bu kodu arat�n

6.Ad�m Alttaki kodu kopyalay�p </head> bu kodun �zerine yap��t�r�n.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" 
type="text/javascript"></script>

<script type="text/javascript">
//Spoiler
$(document).ready(function(){$("#content-spoiler").click(function()
{$("#spoilerpanel").slideToggle("normal")})});
</script>

7.Ad�m �ablonu Kaydedip ��kabilirsiniz.

Not : Temada en son Jquery i�eriyorsa, a�a��daki Jquery dosyas�n� eklemek zorunda deyilsiniz.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>

Nas�l �al���r Hale Getirilir ?

Bu �zel butonu kulanmak i�in.Blog yaz�s� yazarken kodu HTML g�r�n�m�nde eklemeniz gerekmektedir.Yaz� edit�r�nden HTML modunu se�in.Simdi a�a��da vermi� oldu�um kodu ekleyin:

<div id="content-spoiler">
<button>Spoiler</button></div>
<div id="spoilerpanel">
G�ZLEMEK �STED���N�Z YAZILAR BURAYA
<div class="separator" style="clear: both; text-align: center;"><a href="Resim Url" 
style="margin-left: 1em; margin-right: 1em;"><img src="Resim Url" 
style="border: none;" /></a></div>
G�ZLEMEK �STED���N�Z YAZILAR BURAYA
</div>
</div>

??Resim Url Yazan yere eklemek istedi�iniz resmi tam adresini yaz�n�z.Eger Resmi Manuel olarak eklemek istiyorsan�z o k�s�mdaki kodlar� kald�r�p resmi ekleyebilirsiniz.
Evet Spoiler Butonunuz Hay�rl� Olsun Anlat�caklar�m Bu Kadar Umar�m Faydal� Olmu�tur Tak�ld�g�n�z Yapamad���n�z veya Sorular�n�z Olursa A�a��ya Yorum Olarak Belirtiniz.TeknoWin �yi G�nler Diler??

Yak�nda Gelecek En �yi 10 Korku Oyunlar� 2016 ve 2017

Video ��erisinde Bulunan Oyunlar

#10 - P.A.M.E.L.A

#9 - Through the Woods

#8 - Routine

#7 - Observer

#6 - Friday the 13th

#5 - Here They Lie

#4 - We Happy Few

#3 - Visage

#2 - Outlast 2

#1 - Resident Evil 7: Biohazard

Blogger Yaz� Sonunda ��k Duran Sosyal Payla��m Butonlar� Ekleme

Yaz� Sonunda ��k Duran Sosyal Payla��m Butonlar� Yapma

Blogger blo�unuzda yay�nlad���n�z yaz�lar�n�z�n sosyal medya a�lar�nda payla��lmas� blo�unuza ziyaret�i �ekece�i i�in yararl� kabul edilir. Ayn� zamanda blog ziyaret�ilerinizin ho�lar�na giden bir yaz�n�z� payla�malar�nda kolayl�k sa�lamas� a��s�ndan sosyal payla��m butonlar� bloglar i�in vazge�ilmez eklentilerden biridir.

Yaz� alt�na sosyal payla��m butonlar� nas�l eklenir, Facebook. Twitter, Google Plus, Linkedin butonlar�/d��meleri nas�l yap�l�r gibi sorular�n�z� bu yaz�mda cevapland�raca��m.

�imdi anlataca��m sosyal payla��m d��meleri yazd���n�z her yaz�n�n sonuna otomatikmen eklenecektir. Gayet ho� durdu�u ve kolayl�k sa�lad��� i�in ayn� d��meleri bende kullan�yorum. Bu yaz�n�n sonuna geldi�inizde canl� �rne�ini g�receksiniz.

1. Blogger panelimizden �ablon-HTML'yi D�zenle giri� yap�n ve <data:post.body/> kodunu bulun. Bu kodun alt sat�r�na gelecek �ekilde a�a��daki HTML kodlar�n� kopyalay�p yap��t�r�n.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='tombol-berbagi-arlina'>
<div class='tombol-berbagi-arlina-fb'>
<a class='tombol-berbagi-fb' expr:href='&quot;
http://www.facebook.com/sharer.php?u=&quot; + data:post.url + 
&quot;&amp;title=&quot; + data:post.title' 
rel='nofollow' target='_blank'/>
<a class='tombol-berbagi-fb-label' expr:href='&quot;
http://www.facebook.com/sharer.php?u=&quot; + data:post.url 
+ &quot;&amp;title=&quot; + data:post.title' 
rel='nofollow' target='_blank'>Payla� Facebook</a>
</div>
<div class='tombol-berbagi-arlina-tw'>
<a class='tombol-berbagi-tw' expr:data-text='data:post.title' 
expr:data-url='data:post.url' href='http://twitter.com/share' 
rel='nofollow' target='_blank'/>
<a class='tombol-berbagi-tw-label' expr:data-text='data:post.title' 
expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' 
target='_blank'>Payla� Twitter</a>
</div>
<div class='tombol-berbagi'>
<a class='tombol-berbagi-gp' expr:href='&quot;https://plus.google.com/share?
url=&quot; + data:post.url' rel='nofollow' target='_blank'/><a 
class='tombol-berbagi-gp-label' expr:href='&quot;
https://plus.google.com/share?url=&quot; 
+ data:post.url' rel='nofollow' target='_blank'>Payla� Google+</a>
</div>
<div class='tombol-berbagi'>
<a class='tombol-berbagi-lin' expr:href='&quot;http://www.linkedin.com/share
Article?mini=true&amp;amp;amp;url=&quot; + data:post.url 
+ &quot;&amp;amp;title=&quot; + data:post.title 
+ &quot;&amp;amp;summary=&quot; + data:post.snippets' 
rel='nofollow' target='_blank'/>
<a class='tombol-berbagi-lin-label' expr:href='&quot;
http://www.linkedin.com/shareArticle?
mini=true&amp;amp;url=&quot; + data:post.url + 
&quot;&amp;amp;title=&quot; 
+ data:post.title + &quot;&amp;amp;summary=&quot; 
+ data:post.snippets' rel='nofollow' 
target='_blank'>Payla� LinkedIn</a>
</div>
</div>
</b:if>

2. �imdi ]]></b:skin> kodunu bulun ve �st sat�na a�a��daki CSS kodlar�n� yap��t�r�n.

/* https://teknoowin.blogspot.com Payla� Butonlar� */
.tombol-berbagi-arlina{display:block;position:relative;
height:43px;line-height:43px;
padding:10px;border-top:1px solid #dadada;border-bottom:1px 
solid #dadada;margin:auto}
.tombol-berbagi-arlina-fb,.tombol-berbagi{float:left;
width:21%;padding:0 10px;height:inherit}
.tombol-berbagi-arlina-tw,.tombol-berbagi,.tombol-berbagi-
lk{float:left;width:21%;height
:inherit;padding:0 10px;border-left:solid 1px #dadada}
.tombol-berbagi-fb,.tombol-berbagi-tw,.tombol-berbagi-gp,
.tombol-berbagi-lin,
.tombol-berbagi-pi{float:left;display:block;background:url
('http://2.bp.blogspot.com/-FYy1a99SDXE/VXuCSz_hYjI
/AAAAAAAACbg/8dz4LkDIHYY/s1600/share.png') 
no-repeat;width:42px;height:41px;margin-right:3px}
.tombol-berbagi-fb-label{color:#2d609b}
.tombol-berbagi-fb-label,.tombol-berbagi-tw-label,
.tombol-berbagi-gp-label,
.tombol-berbagi-lin-label{float:left;width:58px
;height:inherit;font-size:12px;font-family:
'Open Sans Bold',Arial,sans-serif;line-height:
14px;margin:5px 0 0 4px}
.tombol-berbagi-tw{background-position:0 -43px}
.tombol-berbagi-tw-label{color:#00c3f3}
.tombol-berbagi-gp{background-position:0 -86px}
.tombol-berbagi-gp-label{color:#f00}
.tombol-berbagi-lin{background-position:0 -129px}
.tombol-berbagi-arlina a{color:#999;transition:all .3s;}
.tombol-berbagi-arlina a:hover{color:#7cb0ed}

@media only screen and (max-width:640px){
.tombol-berbagi,.tombol-berbagi-arlina-fb{display:inline-block;
float:none;width:48%;padding:0;height:inherit}
.tombol-berbagi,.tombol-berbagi-arlina-tw,.tombol-berbagi-lk
{float:left;width:48%;padding:0;border-left:0}}

�ablonu kaydedin ve sonu�lar�n� g�rmek i�in blo�unuza bak�n
G�rd���n�z �zere blogger blo�unuza yaz� alt�nda g�sterilen facebook twitter gibi sosyal payla��m butonlar�n� eklemek bu kadar basit. 

Butonlarla ilgili sorunuz varsa a�a��daki yorum formunu kullanarak bana sorabilirsiniz. Takipte kal�n

Demo G�rmek ��in T�klay�n�z

�zel Bir Blogger Teman�n Arka Plan� Nas�l De�i�tirilir?

Blogger Temas� Arka Plan De�i�tirme 
Merhabalar bu yaz�m�zda �zel Bir Blogger Teman�n Arka Plan� Nas�l De�i�tirilir? Konusunu i�leyece�iz. Bonus olarak blogger blog i�in haz�rlanm�� 10 adet arka plan resimini sizlerle payla�aca��z.

Ben internette arka plana nas�l foto�raf konulur, blo�umun arka plan resmini nas� de�i�tiririm, site arka plan foto�raflar�...Gibi konular� ara�t�rd�m fakat tam anla��l�r bir yaz� bulamad�m malesef. Arma�zda bloger blo�u hi� bilmeyen arkada�lar var, bazen bize basit gelen �eyler onlara zor gelebiliyor. Bu konuyu da dikkate alarak gayet a��klay�c� bir yaz� haz�rlad���m� d���n�yorum.

Buyurun �ncelikle arka plan fotolar�n� payla�makla ba�layal�m daha sonra arka plan blo�umuza nas�l monte edilir onu anlatal�m. A�a��daki foto�raflar� tam boyutuyla g�rmek i�in �zerine t�klamay� unutmay�n.

�zel Bir Blogger Teman�n Arka Plan� Nas�l De�i�tirilir?

1. Blogger panelimizden �ablon-HTML'yi d�zenle yolunu takip ederek kar��m�za ��kan kodlar�m�z�n i�erisinde herhangi bir yere t�klayarak arama kutusunu CTRL+F tu�lar�na basaraka a��yoruz.

2. A��lan arama kutusuna ]]></b:skin> kodunu kopyalayarak yap��t�r�yoruz ve enter'a bas�yoruz.
3. Buldu�umuz bu kodun tam �st sat�r�na gelecek �ekilde a�a��daki kodlar� kopyalay�p yap��t�r�yoruz. Sonra kaydediyoruz.

body {
background-image: url(RES�M-URL.png) !important;
background-repeat: no-repeat;
background-position: center top; 
background-attachment: fixed;
background-size: 100%; 
}

UYARILAR:
-RES�M-URL.png yazan yeri kendi g�rselimizin urlsiyle de�i�tiriyoruz.
-no-repeat de�eri dikey veya yatay yinelenen g�r�nt�y� engeller.
-G�r�nt�y� dikey olarak yinelemek istiyorsan�z background-repeat: repeat-y
-G�r�nt�y� yatay olarak yinelemek istiyorsan�z background-repeat: repeat-x diye de�i�iklik yap�n.
- Arka plan resminin boyutlar�n� ayarlamak i�in 100% de�eriyle oynay�n.

Not : Yukar�da payla�t���m arka plan foto�raflar�ndan be�endi�iniz fotoyu sa� t�klay�p farkl� kaydettikten sonra kendi Google Foto�raflar hesab�n�za y�klemeyi unutmay�n.

Blo�unuzu A��n ve arka plan resminize bak�n

Blogger blo�unuzun arka plan resmini de�i�tirmek i�te bu kadar basit. Umar�m faydal� olmu�umdur. Yine de anlatamam�� olbilirim siz anlamad���n�z yerleri a�a��daki yorum formundan sorabilirsiniz. Ba�ka sorular�n�z varsa onlar�da �leti�im Formumuzu kullanarak mail atabilirsiniz. Maillerinize cevap vermeye �al��aca��m. Takipte kal�n.

Blogger ��k �leti�im Formu Sayfas� Olu�turma

Sabit Sayfada ��k Bir �leti�im Formu Kurulumu 

Hepiniz biliyorsunuz ki Blogger bize ileti�im formu gadget'� vererek takip�ilerimizle kolayl�kla ba�lant� kurmam�za yard�mc� oluyor. Peki ama bu ileti�im formu blo�umuzun ana sayfas�nda kocaman yer kaplay�p �irkin bir g�r�n�me neden olmuyor mu?

Pekala ileti�im formumuzu blo�umuzun neresinde g�sterece�iz? ��te tam da bunu anlataca��m bug�n. �yle ana sayfa da falan de�il krallar gibi sabit bir sayfadahem de kendi kara kuru g�r�nt�s�yle de�il ufak CSS dokunu�larla ��k bir �ekilde g�sterece�iz. Haydi ba�layal�m.

1. �lk olarak blo�unuza �leti�im Formu Gadget�n� ekleyin.

2. Teman�za font y�klemeye geldi s�ra. Blogger panelinizden �ablon-HTML'i d�zenle deyip teman�z�n ba�ta �eklini ve her�eyini belirleyen �ok �nemli uzunca kodlar ��kacak kar��n�za. Bu kodlar aras�nda istedi�imiz kodu hemen bulmak i�in CTRF+F tu�lar�na ayn� anda basarak arama kutusunu a�ar�z. ��te yine bunu yap�n ve �u kodu bulun: </head> Bu kodun �st sat�r�na gelecek �ekilde a�a��daki kodlar� koplyalay�p yap��t�r�n.

<Link href = '// netdna.bootstrapcdn.com/
font-awesome/4.0.3/css/font-awesome.css' rel = "stylesheet" />

3. Sonra yine ayn� yerde �u kodu bulun ]]></b:skin> �st sat�r�na a�a��daki CSS kodlar�n� kopyalay�n.

#ContactForm1 {
    display: none;
}

#ContactForm1_contact-form-name, #ContactForm1_contact-form-email {
    width: 300px;
    height: auto;
    margin: 10px auto;
    padding: 10px;
    background: #fdfdfd;
    color: #666;
    border: 1px dashed #ddd;
    transition: all 0.5s ease-in-out;
}

#ContactForm1_contact-form-email-message {
    width: 450px;
    height: 175px;
    margin: 10px auto;
    padding: 10px;
    background: #fdfdfd;
    color: #666;
    font-family: 'Roboto',sans-serif;
    border: 1px dashed #ddd;
    transition: all 0.5s ease-in-out;
}

#ContactForm1_contact-form-name:focus, 
#ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus {
    background: #fff;
    outline: none;
    border: 1px dashed #f8a82a;
}

#ContactForm1_contact-form-submit {
    font-family: 'Roboto';
    font-size: 15px;
    width: 101px;
    height: 35px;
    float: left;
    color: #fff;
    padding: 0;
    margin: 10px 0 3px 0;
    cursor: pointer;
    background: #aaa;
    border: none;
    border-radius: 2px;
    transition: background 0.4s linear;
}

#ContactForm1_contact-form-submit:hover {
    background: #f8a82a;
}

#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message {
    width: 450px;
    margin-top: 35px;
}

�ablonu/temay� kaydedin.

4. �imdi s�rada ileti�im formumuzu sayfaya eklemek var. Bunun i�in yine Blogger panelimzde soldaki men�den Sayfalar-Yeni Sayfa yolunu takip ederek a��lan yaz� alan�n�n sol �st k�s�nmda olu�tur HTML yazan iki buton var. �kinci butona basarak a��lan alana a�a��daki HTML kodlar�n� yap��t�r�yoruz ve olu�tur diyoruz.

<form name="contact-form">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i class="fa 
fa-user"></i> �sim</span>
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />  

<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i class="fa 
fa-envelope"></i> Email Adresi<span style="color: red; font-weight: bolder;">*</span></span> 
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />  

<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i class="fa 
fa-pencil"></i> Mesaj�n�z<span style="color: red; font-weight: bolder;">*</span></span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" 
name="email-message" rows="5"></textarea> 
<input id="ContactForm1_contact-form-submit" type="button" value="G�nder" />  
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

Not : �leti�im formumuzun d�zg�n g�z�kmesi i�in sayfan�n sa� taraf�nda bulunan se�enekler sekmesine t�klayarak ayarlar�n� a�a��daki g�rselde oldu�u gibi yapmam�z gerekiyor.

Hala d�zg�n g�r�nmeyen yerler varsa aradaki bo�luklar� silebilir biti�ik kal�rsa ay�rabilirsiniz bu zarar vermeyecektir.Akl�n�za tak�lan yerleri a�a��daki yorum formunu kullanarak bana sorabilirsiniz.

Blogger Yaz�lar� �ki S�tuna �eklinde Yazma

Yaz�lar�m� �ki S�tun �eklinde Nas�l G�sterebilirim?

Blo�unuzda yay�nlad���n�z bir makale normal �artlarda tek s�tun �eklinde g�z�k�r. �imdiki yaz�mda size yaz�lar�n�z� iki veya �� s�tunda nas�l g�sterebilece�inizi anlataca��m.

�ki s�tunlu yaz�lar� daha �ok gazete ve dergilerde g�rmeye al��k�n�z. Blo�da da olsa hi� fena durmaz bence. �zellikle uzun bir yaz� payla�t���m�z zaman makaleyi s�tunlara b�lmek ger�ekten okuyucu a��s�ndan kolayl�k sa�lar. Hem g�rsel a��dan da blo�umuza de�er katar.

Anlat�ma ge�elim. �lk olarak her zamanki gibi blogger paneliimzden �ablon-HTML'yi d�zenle yolunu takip ederek ]]></b:skin> kodunu buluyoruz. A�a��daki CSS kodlar�n� bu kodun tam �zerine gelecek �ekilde yap��t�r�yoruz ve kaydediyoruz.

.bagidua
{
   -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

Dikkat : Yukar�daki kodda yaz�lar�n�z iki s�tuna b�l�necektir. Siz �� s�tuna b�l�ns�n istersenz 2 yazan de�erleri 3 yapabilirsiniz.

�ablonu kaydettiniz ve art�k yeni yay�n yapma zaman�n�z geldiyse. Yeni yay�n alan� a��kken HTML butonuna basarak a�a��daki kodlar� yap��t�r�yoruz.

<div class="bagidua">
YAZINIZI BURAYA YAZIN </div>

Yukar�daki kodda "Yaz�n�z� Buraya Yaz�n" ibaresini silerek kendi makalenizi ekleyin. Makaleniz iki s�tun �eklinde g�r�necektir.

Uygulamal� �rnekler A�a��da Uygulanm��t�r.

<div class='bagidua'> 
Blogger yaz�lar�n�z� s�tunlara ay�rma konusunu i�ledi�imiz bu yaz�m�zda 
size �rnek olsun diye iki par�a s�tuna b�l�nm�� bu yaz�y� yaz�yorum.
G�rd���n�z �zere yaz�m�z t�pk� bir gazete veya dergide 
oldu�u gibi iki s�tun �ekjlinde g�z�k�yor. 
Siz isterseniz �� s�tun yapabilirsiniz bunun i�in ilk verdi�im css kodlar�ndaki 
2 ibaresini 3 yapman�z yeterli. �yi bloglamalar. Takipte kal�n. </div>

Blogger yaz�lar�n�z� s�tunlara ay�rma konusunu i�ledi�imiz bu yaz�m�zda size �rnek olsun diye iki par�a s�tuna b�l�nm�� bu yaz�y� yaz�yorum. G�rd���n�z �zere yaz�m�z t�pk� bir gazete veya dergide oldu�u gibi iki s�tun �ekjlinde g�z�k�yor.

Siz isterseniz �� s�tun yapabilirsiniz bunun i�in ilk verdi�im css kodlar�ndaki 2 ibaresini 3 yapman�z yeterli. �yi bloglamalar. Takipte kal�n.

Blogger Kurdele �eklinde Yay�n ��i Ba�l�k Ekleme

Ba�l�klar�n�z� Kurdele �erit ��erisinde G�sterebilirsiniz

�imdi blogger i�in payla�aca��m eklentide yaz� ba�l�klar�n�z� veya widget ba�l�klar�n�z� ��k bir kurdele �erit �eklinde g�sterebilirsiniz.

• �lk olarak blogger panelimizden �ablon-HTML'yi D�zenle yolunu takip ederek ]]></b:skin> kodunu buluyoruz. Bu kodun tam �zerine gelecek �ekilde a�a��daki css kodlar�n� yap��t�r�yoruz ve kaydet deyip ��k�yoruz.

.non-semantic-protector {
    position: relative;
    z-index: 1;
}

.ribbon {
    font-size: 16px !important;
    width: 50%;
    position: relative;
    background: #ba89b6;
    color: #fff;
    text-align: center;
    padding: 1em 2em;
    margin: 2em auto 3em;
}

.ribbon:before, .ribbon:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -1em;
    border: 1.5em solid #986794;
    z-index: -1;
}

.ribbon:before {
    left: -2em;
    border-right-width: 1.5em;
    border-left-color: transparent;
}

.ribbon:after {
    right: -2em;
    border-left-width: 1.5em;
    border-right-color: transparent;
}

.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #804f7c transparent transparent transparent;
    bottom: -1em;
}

.ribbon .ribbon-content:before {
    left: 0;
    border-width: 1em 0 0 1em;
}

.ribbon .ribbon-content:after {
    right: 0;
    border-width: 1em 1em 0 0;
}

�imdi �erit kurdeleyi nerede kullanmak istiyorsak a�a��daki HTML kodlar�n� oraya yap��t�r�yoruz. A�a��daki kodlar�n i�ind Ba�l�k Buraya Gelecek b�l�m�n� kendi ba�l���n�zla de�i�tirin.

<div class="non-semantic-protector"> 
  <h1 class="ribbon">
    <strong class="ribbon-content">Ba�l��� Buruya Yaz�n�z</strong>
  </h1>
</div>

Kodlar�n Demosunu G�rmek ��in t�klay�n

Mesela yaz� i�erisinde ba�l�k olarak kulanmak istiyorsak yaz� alan�m�zda HTML butonuna basarak bu kodlar� oraya yap��t�r�yoruz.

Di�er yerlerde kullan�m� vs. sorular�n�z i�in a�a��daki yorum formunu kullanabilirsiniz.