Bir düğme için özel HTML kodunu sağlamanın, kenar çubuğunuza bir düğmeyi nasıl yerleştireceğiniz ve onu başka bir siteye nasıl bağlayacağınızla ilgili yazımda nasıl yardımcı olduğunu görebilirsiniz. Bu şöyle görünebilir:
Okuyucularınızın tek yapması gereken HTML’yi kopyalayıp kendi kenar çubuklarına yapıştırmak ve ta da! İşte fantezi düğmeniz ve sitenize geri bağlantı. Tatlı.
Peki, bunu nasıl yapıyorsun? Öncelikle aradığınız HTML kodunu bulmanız gerekiyor. HTML (Köprü Metni Biçimlendirme Dili), tarayıcınıza mesajınızın her bir bölümünü nasıl okuyacağını ve görüntüleyeceğini söyleyen koddur.
Bu HTML’yi bulmak için HTML’yi Düzenle sekmesinde paylaşmaya çalıştığınız JPG veya GIF’i aramanız gerekir (Ctrl + F, görüntünün adını yazabileceğiniz bir arama kutusu açar, örn. button.jpg; Mac kullanıcılar Apple tuşu + F’yi kullanabilir). Bulduğunuzda, muhtemelen ihtiyacınız olan kodu göreceksiniz ve şöyle görünmelidir (örneklerim yerine sizin ilgili bilgileriniz büyük harflerle):
Tüm bu HTML kodunu vurgulayın ve kopyalayın. Ardından Mesaj Yaz veya WYSIWYG sekmenize tıklayın ve kodu mesajınızda görünmesini istediğiniz yere yapıştırın.
Önemli Not: HTML kodunuzun mesajınızda görünmesini istiyorsanız, onu Mesaj Oluştur sekmesine veya WYSIWYG sekmesine/penceresine yapıştırmanız veya yazmanız gerekir. HTML’yi Düzenle sekmesine/penceresine yazar veya yapıştırırsanız, örnek kod yerine gerçek kod olarak okunacaktır. Bu konuda daha fazla bilgi için lütfen ziyaret edin Tarayıcı “okumadan” mesajınızda HTML’yi nasıl gösterirsiniz?
Aradığınız HTML kodunu nasıl bulacağınıza dair biraz daha derinlemesine açıklamayla ilgilenenler için, kullanacağınız HTML hakkında biraz açıklama yapmama izin verin. Şimdi size söyleyeceğim her şey, WYSIWYG arayüzünü kullandığınızda genellikle blog sunucunuz tarafından otomatik olarak yapılır, ancak HTML’yi Düzenle sekmesine giderseniz, bunu ve ne anlama geldiğini görürsünüz.
Bir bağlantı oluşturduğunuzda şu etiketleri kullanın:
bu tarayıcıya kendisinden sonraki herhangi bir metnin bir şeye (ör. başka bir blog, başka bir gönderi vb.) bağlanması gerektiğini söyler. bu tarayıcıya bu bağlantıyla işiniz bittiğini ve bundan sonraki her şeyi söyler. bağlanmasına gerek yoktur. Başka bir deyişle, bağlantıyı sonlandırır.
Muhtemelen bunu fark etmişsinizdir. alıntı işaretleri. Bağladığınız URL veya dosya adı buraya gelir. Örneğin, Blogging Basics 101’e bağlanırsanız, şöyle görünür:
BB101 düğmesini sitenize yerleştirecek olsaydınız, HTML’nin bağlantı veren bölümünün şöyle görünmesi gerektiğini bilirdiniz:
Eksik olan tek şey, bağlantı kurmak istediğiniz metin veya düğme/resimdir. Bu bilgi, az önce tartıştığımız HTML bağlantı kodu arasında gitmelidir. Yalnızca metni bağlarsanız, kodunuz şöyle görünür:
Metin yerine bir resim bağlamak istiyorsanız, tarayıcıya o resmin nereden gelmesi gerektiğini söylemeniz gerekir. Bunu yapmak için kod. Kısaltmaların Görüntü Kaynağı olarak nasıl göründüğünü gördünüz mü? Tam olarak buna denir: görüntünün kaynağı. Resmin URL’sini veya dosya referansını tırnak içine alırsınız. Örneğin bu siteden BB101 butonunu referans alacaksanız tarayıcıya görseli nerede bulacağını söyleyen HTML
Artık kodumuzun iki bölümüne sahibiz: bağlantı ve resim. Bunları bir araya getirmek size şuna benzeyen HTML kodunu verir: