Özelleştirilmiş Profil [Facebook, Twitter ve +Google]

Started by Emre A., December 28, 2012, 05:05:21 PM

Previous topic - Next topic

Emre A.

Merhaba değerli Forumcular. SMF 2.X sürümünde bildiğiniz gibi özelleştirilmiş profil alanı geldi.Bu gelişmiş ve Özelleştirilmiş Profil alanı ile kullanıcılarınızın kayıt esnasında veya profil bölümlerini geliştirebilir, özelleştirebilir veya daha profesiyonel bilgiler sağlayabilirsiniz. SMF 'nin Özelleştirilmiş Profil alanı bu işe yarıyor zaten. Kullanıcılarınızın kullanıcıların profilinde gezerken daha iyi bilgiler / iletişim imkanı sağlıyor. Bunlardan biride başlıkta da okuduğunuz gibi Facebook, Twitter ve +Google eklentisini ekleyeceğiz.


Bu nasıl bir ipucu?




Öncelikle Yönetim > Çekirdek ayarları > Gelişmiş Profil Alanları 'nı aktif edin.


Gelişmiş Profil Alanları: Bu özellik varsayılan profil alanlarını devre dışı bırakmanıza, kayıtta istenecek yeni profil alanları eklemenize ve profil ile ileti görünümünde görüntülenebilecek yeni profil alanları oluşturmanıza olanak sağlar.


Özel profil alanlarına inip yeni alan düğmesine basıp ilk profilimizi ekleyelim.


1- Facebook Profili
Görünen adı: Facebook Profili
Tanıtım: Facebook kullanıcı adınızı yazınız.  Örneğin; http://www.facebook.com/yldrmz.eyldrmz.e kullanıcı isminizdir. Sadece kullanıcı adınızı yazmanız yeterli.
Profil Bölümü: Forum Profili
Kayıt Esnasında Göster: İsteğinize bağlı
Konu Görünümünde Göster: İşaretleyin
Yer seçin: Simgeler ile birlikte
Metin İçerisinde Göster (isteğe bağlı): Aşağıdaki kodları ekleyin.
Code (ekle) Select
<a href="<a href="http://www.facebook.com/{INPUT}&quot;target=&quot;_blank&quot;><img">http://www.facebook.com/{INPUT}"target="_blank"><img</a> src="{DEFAULT_IMAGES_URL}/cut/facebook.png" title="Facebook" /></a>
Alan Türü: Metin
Maksimum Genişlik: 50
Aktif: İşaretleyin
Facebook için profiliniz hazır. Şimdi gelelim Twitter'a  :)


2- Twitter Profili:
İsim: Twitter Profiliniz
Tanım: Twitter.com/username username olan yere kendi kullanıcı adınızı yazacaksınız. Örneğin eyildirmaz gibi.
Profil Bölümü: Forum profili
Kayıt Esnasında Göster: İsteğe bağlı
Konu Görünümünde Göster: İşaretleyin
Yer seçin: Simgeler ile birlikte
Metin İçerisinde Göster (isteğe bağlı): Aşağıdaki kodları ekleyin.
Code (ekle) Select
<a href="<a href="http://twitter.com/{INPUT}&quot;target=&quot;_blank&quot;><img">http://twitter.com/{INPUT}"target="_blank"><img</a> src="{DEFAULT_IMAGES_URL}/cut/twitter.png" alt="{INPUT}" title="<a href="http://twitter.com/{INPUT">http://twitter.com/{INPUT</a>}" /></a>
Alan Türü: Metin
Maksimum Genişlik: 50
Aktif: İşaretleyin
Twitter profil hesabımızda tamam. Şimdi gelelim sonuncu ve en önemli eklentiye  :)  +Google hesabı


3- +Google Profili
İsim: +Google Profiliniz
Tanım: +Google plus kullanıyorsanız profil hesabınızı ekleyin.  Örneğin: http://plus.google.com/u/0/106358670476145441897/posts/ /0 'dan ssonraki ID sizin IDnizdir. Iradaki rakamı gireceksiniz.
Profil Bölümü: Forum Profili
Kayıt Esnasında Göster: İsteğinize bağlı
Konu Görünümünde Göster: İşaretleyin.
Yer seçin: Simgeler ile birlikte
Metin İçerisinde Göster (isteğe bağlı): Aşağıdaki kodu boş alana ekleyin.
Code (ekle) Select
<a href="<a href="https://plus.google.com/u/0/{INPUT}&quot;target=&quot;_blank&quot;><img">https://plus.google.com/u/0/{INPUT}"target="_blank"><img</a> src="{DEFAULT_IMAGES_URL}/cut/googlepls.gif" alt="{INPUT}" title="<a href="http://plus.google.com.com/u/0/{INPUT">http://plus.google.com.com/u/0/{INPUT</a>}" /></a>
Alan Türü: Metin
Maksimum Genişlik: 50
Aktif: İşaretleyin.


Ekteki dosyaları Themes/$Sizintemaniz/images klasörü içersine atın.





rar şifresi: oemrey.com 'dur


Hepsi bu kadar  :)  Başka eklemek istediğiniz profil alanları varsa yorum eşliğinde söylerseniz yardımcı olayım. Hepinize çok teşekkür ediyorum.

Değerli web tasarımcılar: Makale kendi emeğim ve kendi yapımımdır. Emeklerimi kaynağı belirtmek şartı ile forumlarınızda veya bloglarınızda kullanabilirsiniz.

Kaynak: Eski kişisel blogum kapandığından dolayı kaynak kaldırılmıştır.


Saygılar
Emre Yıldırmaz

Antes

Anlatım için çok teşekkür ederim :) Lütfen dosyalarınızı zip formatında şifresiz olarak eke yerleştirin.

Emre A.

Dosya extra ekte sunulmuştur.
Not: ekteki dosyada bulunan şifre iptal edilmiştir.

Teşekkürler Antescim :)

fatyhxd41

Şahane bir konu olmuş fakat bende düzgün olarak çalışmıyor.

Ekteki resimde gözüküyor..

Antes

Facebook için alttaki kodu denermisiniz.
<a href="http://www.facebook.com/{INPUT}"><img src="{DEFAULT_IMAGES_URL}/cut/facebook.png" title="{INPUT}" /></a>

fatyhxd41

Quote from: Antes on September 09, 2013, 11:47:57 AM
Facebook için alttaki kodu denermisiniz.
<a href="http://www.facebook.com/{INPUT}"><img src="{DEFAULT_IMAGES_URL}/cut/facebook.png" title="{INPUT}" /></a>
Eyvallah hocam. Düzeldi. Peki bu linklere tıkladığımızda yeni sekmede açma olayını bunlarda da yapma imkanımız var mı?

Antes

<a href="http://www.facebook.com/{INPUT}" rel="external"><img src="{DEFAULT_IMAGES_URL}/cut/facebook.png" title="{INPUT}" /></a>
Eğer üstteki kod çalışmaz ise
<a href="http://www.facebook.com/{INPUT}" target="_blank"><img src="{DEFAULT_IMAGES_URL}/cut/facebook.png" title="{INPUT}" /></a>

fatyhxd41

Quote from: fatyhxd41 on September 09, 2013, 02:51:45 PM
Quote from: Antes on September 09, 2013, 11:47:57 AM
Facebook için alttaki kodu denermisiniz.
<a href="http://www.facebook.com/{INPUT}"><img src="{DEFAULT_IMAGES_URL}/cut/facebook.png" title="{INPUT}" /></a>
Eyvallah hocam. Düzeldi. Peki bu linklere tıkladığımızda yeni sekmede açma olayını bunlarda da yapma imkanımız var mı?
Edit: target="_blank" koduyla oluyormuştu, hallettim. Bu şekilde istediğimi her çeşit site ekleyebiliriz değil mi? YouTube olsun, Steam olsun vs.? Kodların mantığını anladım. :)

Antes

Evet ama ben rel="external" 'in target="_blank" 'ın yerini aldığını okudum. SEO açısından daha iyiymiş.

fatyhxd41

Quote from: Antes on September 09, 2013, 03:11:04 PM
Evet ama ben rel="external" 'in target="_blank" 'ın yerini aldığını okudum. SEO açısından daha iyiymiş.
SMF için SEO optimizasyonu konusunda pek (hatta hiç) bilgim yok hocam. O yüzden kalsın böyle de oluyor nasılsa.

Antes

Boş bi vaktimde Arantor'un yazdığı "Forumlar için SEO Efsanedir" diye bi yazı var onu çevirip koyarım :)

tazmaniac

#11
merhaba arkadaşlar, bende 2.0.5 yüklü kodları aynen açıklama içine ekliyorum, cut dizinini de temamın içine attım fakat simgeleri bir türlü profilde gösteremedim. Ya bomboş bir şekilde geliyor hiçbir etkisi yokmuş gibi yada değer kontrolünü farklı şeyler seçtiğimde yapıştırdığım kodları metin halinde profilde görüyorum. sormak istediğim açıklama kısmında
"Metin İçerisinde Göster (isteğe bağlı): Bu seçeneği kullandığınızda kesinlikle Değer Kontrolünü de kullanamanız önerilir." diye bir ibare var. bununla ilgili yapmam gerekeen birşey yada yapıştırdığım kodalrda yapmam gereken bir değişiklik var mıdır?

Antes'in verdiği kodlarla direk profilde gösterdi. Diğer kodlarda benim de anlam veremediğim " lar falan vardı şimdi gayet güzel çalışıyor. Teşekkürler

<a href="http://www.facebook.com/{INPUT} [nofollow]"><img src="{DEFAULT_IMAGES_URL}/cut/facebook.png" title="{INPUT}" /></a>

fatyhxd41

Arkadaşlar burada cut klasörünü temanızın images klasörüne atın denmiş fakat bu yanlış. Belki de o zamanlar o şekilde oluyordu fakat 2.0.5 forumumda kullandığım temanın images klasörüne atınca çıkmıyor resimler. Default temanın images klasörüne atınca düzeldi. Bilginiz olsun.

Emre A.

Quote from: fatyhxd41 on October 14, 2013, 02:32:05 PM
Arkadaşlar burada cut klasörünü temanızın images klasörüne atın denmiş fakat bu yanlış. Belki de o zamanlar o şekilde oluyordu fakat 2.0.5 forumumda kullandığım temanın images klasörüne atınca çıkmıyor resimler. Default temanın images klasörüne atınca düzeldi. Bilginiz olsun.

Ben genelde default temasını kullanıyorum extra temalar kullanmıyorum. Bu yüzden anlatımım default'a göre yapıldı. ama sen yinede istersen images kısmının resim yolunu kendi temana göre düzenleyebilirsin.

fatyhxd41

Doğrudur hocam. Tekrardan teşekkür ediyorum, mod kullanmak zorunda kalmıyoruz sayenizde sosyal medya linkleri için. Bu arada sorum olacak.

Ben 3 özel profil alanı oluşturdum. Biri Facebook, biri Twitter biri de metin. Adları da "Facebook Profiliniz" "Twitter Hesabınız" ve "BattleTag". Profil alanları alfabetik sıralanldığı için battletag en başa geliyor. İletilerde de fb ve twitter resimleriyle yan yana metin çıkıyor. Ben BattleTag'ın fb ve twitter resimlerinin altında çıkmasını istiyorum. Nasıl yapabilirim?

Esuni

Quote from: Antes on September 09, 2013, 11:47:57 AM
Facebook için alttaki kodu denermisiniz.
<a href="http://www.facebook.com/{INPUT}"><img src="{DEFAULT_IMAGES_URL}/cut/facebook.png" title="{INPUT}" /></a>
teşekkürler bu kod uyarlanınca oluyor :)

elifnaz

cok özel çalışıyor teşekkür ederim emre bey,

Emre A.

Quote from: elifnaz on June 04, 2014, 04:58:37 PM
cok özel çalışıyor teşekkür ederim emre bey,

Rica ederim, işinizi gördüyse ne mutlu bana

joxen

nasıl ya ben anlamadım arkadaşlar neyin içine atacağız kodları  biraz daha acıklarmısınız veya kendimizmi dosya oluşturacağız.

Emre A.

Quote from: joxen on April 07, 2015, 11:58:16 AM
nasıl ya ben anlamadım arkadaşlar neyin içine atacağız kodları  biraz daha acıklarmısınız veya kendimizmi dosya oluşturacağız.

Makaleyi tekrar okumanı rica ediyorum.

Advertisement: