Atıf kartını sitenize ekleme
Her yazının sonundaki "Sitene göm" bölümüyle atıf kartını bir web sitesine, ders sayfasına ya da belgeye birkaç adımda ekleyebilirsiniz.
Üç adımda
- Yazının sonundaki Atıf bölümünde Sitene göm'ü açın.
- Biçim sekmelerinden sitenize uygun olanı seçin (aşağıdaki tabloya bakın). Kartı önizle bağlantısı, kartın nasıl görüneceğini yeni sekmede gösterir.
- Kodu kopyala düğmesine basın ve kodu sitenizin HTML ya da kod düzenleyicisine yapıştırın.
Kodu kendiniz eklemeyecekseniz Yazılımcıya gönder düğmesini kullanın. Düğme; kodun nereye konacağını, kartın önizleme adresini, bu rehberin bağlantısını ve kodun kendisini tek bir yönergede hazırlar. Telefonda paylaşım menüsü açılır, bilgisayarda yönerge panoya kopyalanır; e-postaya ya da mesaja yapıştırıp göndermeniz yeterlidir.
Hangi biçimi seçmeliyim?
| Nerede kullanacaksınız? | Biçim |
|---|---|
| WordPress, Blogger, Wix, Google Sites, Moodle, kendi HTML sayfanız | HTML |
| Yazı güncellendiğinde kendiliğinden güncellenen kart | iframe |
| GitHub README, Notion, Hugo, Jekyll | Markdown |
| React ya da Next.js, Vue ya da Nuxt, Svelte | İlgili bileşen |
| Kendi betiğiniz | JavaScript ya da Python |
| LaTeX ya da Overleaf | LaTeX |
| Word, Google Dokümanlar, sunum | Gömme gerekmez |
HTML ile iframe farkı: HTML biçimi kartın metnini sitenizin içine yazar; JavaScript gerektirmez, arama motorları bağlantıyı görür ve kart sitenizin yazı tipini alır. iframe biçimi kartı bote.web.tr'den yükler; yazı güncellendiğinde kart da güncellenir, ancak bazı siteler ve kurumlar iframe'e izin vermez.
Platforma göre
WordPress
Blok düzenleyicide + düğmesiyle Özel HTML bloğu ekleyin, kodu yapıştırın ve bloğun önizlemesiyle kontrol edin. Bazı barındırma planları iframe'i kaldırabilir; kart görünmezse HTML biçimini kullanın.
Blogger
Yayın düzenleyicisinde görünümü HTML görünümü olarak değiştirin, kodu kartın görüneceği yere yapıştırın ve ardından oluşturma görünümüne dönün.
Google Sites
Sağdaki Ekle panelinden gömme (Embed) seçeneğini açın ve kodu, kod yapıştırma sekmesine yapıştırın.
Moodle
Sayfa ya da etkinlik düzenleyicisinde metin düzenleyicinin kaynak kodu (HTML) görünümüne geçip kodu yapıştırın. Kurumunuz iframe'i kapatmış olabilir; bu durumda HTML biçimi çalışır.
Wix
Ekle menüsündeki kod gömme (Embed Code) bölümünden HTML gömme öğesini ekleyin ve kodu yapıştırın. Wix bu öğeyi bir çerçeve içinde gösterir; kart kesik görünürse öğenin yüksekliğini artırın.
Notion ve GitHub
Markdown biçimini kopyalayıp sayfaya yapıştırın; Notion yapıştırılan Markdown'ı biçimli metne çevirir. GitHub'daki README dosyalarında da aynı kod çalışır.
React, Vue ve Svelte
Bileşeni ayrı bir dosya olarak kaydedin (BoteAtif.jsx, BoteAtif.vue ya da BoteAtif.svelte), kartın görüneceği sayfada içe aktarıp <BoteAtif /> olarak kullanın.
LaTeX ve Overleaf
BibTeX kaydını kaynaklar.bib dosyasına ekleyin. Koddaki APA 7 biçemi biblatex paketinin apa biçemidir ve biber ile derlenir; Overleaf bu adımı kendisi yürütür.
Word ve Google Dokümanlar
Gömmeye gerek yoktur. Atıf bölümündeki APA'yı kopyala düğmesiyle kaynakça girdisini kopyalayıp belgenize yapıştırın. Zotero kullanıyorsanız BibTeX kaydını kopyalayıp Zotero'nun File menüsündeki Import from Clipboard komutuyla kitaplığınıza ekleyebilirsiniz.
Sorun giderme
- Kod sayfada düz metin olarak görünüyor: Kod, görsel düzenleyiciye yapıştırılmıştır. Düzenleyicinin HTML ya da kaynak kodu görünümüne geçip yeniden yapıştırın.
- iframe boş görünüyor: Site çerçeveye izin vermiyor olabilir. HTML biçimini kullanın.
- Kartın yazı tipi ve renkleri farklı: HTML biçimi sitenizin yazı tipini ve renklerini alır; bu beklenen bir durumdur.
- JavaScript kodu çalışmıyor: Kodun
<script type="module">içinde olduğundan ve sayfadaid="bote-atif"olan bir öğe bulunduğundan emin olun.
Atıf verisi
Her yazının atıf bilgisi JSON olarak da yayımlanır: başlık, adres, yazar, yayın tarihi, APA 7 metni, BibTeX kaydı ve gömme adresi. Adres, yazının adının sonuna .json eklenmiş hâlidir; örneğin /blog/atif/arduino-dijital-analog-giris-cikis.json.