YuvarlakDünya

Yuvarlak Dünya, ne kadar yuvarlak birde bizim açımızdan bakın

Genel

Disqus Son Yorumlar Widget’ı Nasıl Eklenir?

Blog sitelerinde bulunan Disqus yorum formuna yapılan yorumlar, Disqus en son yapılan yorumlar Widget’ında görüntülenir. Şimdi bu Widget’ı blog sitelerinin sağ üst köşesinde bulunan çan singesine tıklandığında slayt efekti açılan ve kapatma simgesine tıklandığında yine slayt efekti ile kapanan Widget tasarımını paylaşıyorum.Disqus veya Blogger yorum formlarında bulunan yorumları blog ziyaretçileri merak ediyor. Blog yayınlarına yapılan yorumları daha basit bir şekilde takip edebilmek için aşağıdaki adımları takip edin.Disqus Son Yorumlar Widget’ı Nasıl Eklenir?Birinci adım: Blogger hesabınıza giriş yapın ve blogunuzun kumanda panelinde bulunan Tema > HTML’i Düzenle yolunu takip ederek blogunuzun şablon editör sayfasını açın.İkinci adım: Aşağıdaki CSS kodlarını şablon editör sayfasında bulunan kodunun bir satır üzerine ekleyin.CSS rubberBand30%40%50%65%75%to} bounceInLeft0%60%75%90%to}.cover-body.cover-body h4.cover-body img.viewport-show.viewport-show:hover .close-text .icon-cancel.disqus-logo .icon-cancel:hover .close-text ul.dsq-widget-list img.dsq-widget-avatar p.dsq-widget-meta p.dsq-widget-meta a p.dsq-widget-meta a:hover li.dsq-widget-item a.dsq-widget-user a.dsq-widget-user:hover span.dsq-widget-comment .dsq-widget-comment p .dsq-widget-item pre .dsq-widget-item pre code li.dsq-widget-item screen and (max-width:1366px)} screen and (max-width:640px) .icon-cancel .close-text}Üçüncü adım: Aşağıdaki her iki kodu da şablon editör sayfasında bulunan kodunun bir satır üzerine sırasıyla ekleyin.HTML ve javaScript×KapatYorumlarYukarıdaki kod içerisinde belirtilen yere kullanmış olduğunuz Disqus adınızı ekleyin.DeğerlerAçıklamanum_items=20Görüntülenen yorum sayısıhide_mods=0Yönetici yorumlarını gizlemek için 0 yerine 1 ekleyinhide_avatars=0Avatarları gizlemek için 0 yerine 1 ekleyinavatar_size=32Avatar resim boyutlandırmaexcerpt_length=180Görüntülenen yorumların karakter sayısıAşağıdaki kodu yukarıdaki kodun hemen altına ekleyin. javaScriptYukarıdaki adımları tamamladıktan sonra şablonu kaydedin. Aşağıdaki butona tıklayarak Widget eklentisini inceleyebilirsiniz.Ön İzlemeBu yazımızda blog siteleri için slayt tasarımlı Disqus son yorumlar Widget’ını ve nasıl kurulduğu ile ilgili bilgiler paylaştık. Yeni eklentileri de en kısa sürede blog sitemizde yayınlayacağım. Bu yazımızda paylaşmış olduğumuz Widget tasarımı ile ilgili görüşlerinizi yorum yaparak paylaşmanızı bekliyorum.