Blogger Slide Yapmak - Haber Geçişi

Question

Bloggerda herkein sevdiği fakat apamadığı bir eklenti : "Blogger Slide Yapmak - Haber Geçişi" İşte kurulum. ]]>Kodunu buluyoruz ve hemen üstüne şu kodu yapıştırıyoruz. #myGallery, #myGallerySet, #flickrGallery {width: 590px;height: 200px;z-index: 5;} #flickrGallery {width: 500px;height: 334px;} #myGallery img.thumbnail, #myGallerySet img.thumbnail {display: none;} .jdGallery {overflow: hidden;position: relative;} .jdGallery img {border: 0;margin: 0;} .jdGallery .slideElement {width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat;background-position: center center;background-image: url('http://lh4.ggpht.com/_pt7i0nbIOCY/SSoOO5Za74I/AAAAAAAAAbc/w1cX7FKk97Y/loading-bar-black_thumb%5B1%5D.gif?imgmax=800'); } .jdGallery .loadingElement {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000;background-repeat: no-repeat;background-position: center center;background-image: url('http://lh4.ggpht.com/_pt7i0nbIOCY/SSoOO5Za74I/AAAAAAAAAbc/w1cX7FKk97Y/loading-bar-black_thumb%5B1%5D.gif?imgmax=800');} .jdGallery .slideInfoZone {position: absolute;z-index: 10;width: 100%;margin: 0px;left: 0;bottom: 0;height: 50px;background: #000;color: #fff;text-indent: 0;overflow: hidden;} * html .jdGallery .slideInfoZone {bottom: -1px;} .jdGallery .slideInfoZone h2 {padding: 7px 10px 2px 10px;font-size: 12px;margin: 0;font-weight: bold;color: #ffffff;text-transform: uppercase;background: #111111;letter-spacing:0em;} .jdGallery .slideInfoZone p {font-size: 12px;margin: 2px 5px;color: #fff;padding: 0px 0px 0px 5px;font-family:arial;} .jdGallery div.carouselContainer {position: absolute;height: 135px;width: 100%;z-index: 10;margin: 0px;left: 0;top: 0;} .jdGallery a.carouselBtn {position: absolute;bottom: 0;right: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #000;color: #fff;cursor: pointer;} .jdGallery .carousel {position: absolute;width: 100%;margin: 0px;left: 0;top: 0;height: 115px;background: #000;color: #fff;text-indent: 0;overflow: hidden;} .jdExtCarousel {overflow: hidden;position: relative;} .jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {position: absolute;width: 100%;height: 78px;top: 10px;left: 0;overflow: hidden;} .jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {position: relative;} .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {cursor: pointer;background: #000;background-position: center center;float: left;border: solid 1px #fff;} .jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {margin-bottom: 10px;} .jdGallery .carousel .label, .jdExtCarousel .label {font-size: 13px;position: absolute;bottom: 5px;left: 10px;padding: 0;margin: 0;} .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {font-size: 10px;position: absolute;bottom: 5px;right: 10px;padding: 1px 2px;margin: 0;background: #222;border: 1px solid #888;cursor: pointer;} .jdGallery .carousel .label .number, .jdExtCarousel .label .number {color: #b5b5b5;} .jdGallery a {font-size: 100%;text-decoration: none;color: inherit;} .jdGallery a.right, .jdGallery a.left {position: absolute;height: 99%;width: 25%;cursor: pointer;z-index:10;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;} * html .jdGallery a.right, * html .jdGallery a.left {filter:alpha(opacity=50);} .jdGallery a.right:hover, .jdGallery a.left:hover {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} .jdGallery a.left {left: 0;top: 0;background: url('http://lh6.ggpht.com/_pt7i0nbIOCY/SSoOSD0HNeI/AAAAAAAAAbk/yGPQEEfCcDA/fleche1-1_thumb%5B1%5D.png?imgmax=800') no-repeat center left;} * html .jdGallery a.left { background: url('http://lh6.ggpht.com/_pt7i0nbIOCY/SSoOSD0HNeI/AAAAAAAAAbk/yGPQEEfCcDA/fleche1-1_thumb%5B1%5D.png?imgmax=800') no-repeat center left; } .jdGallery a.right {right: 0;top: 0;background: url('http://lh4.ggpht.com/_pt7i0nbIOCY/SSoOUynKksI/AAAAAAAAAbs/v7o0XgwYdTg/fleche2-1_thumb%5B1%5D.png?imgmax=800') no-repeat center right;} * html .jdGallery a.right { background: url('http://lh4.ggpht.com/_pt7i0nbIOCY/SSoOUynKksI/AAAAAAAAAbs/v7o0XgwYdTg/fleche2-1_thumb%5B1%5D.png?imgmax=800') no-repeat center right; } .jdGallery a.open {left: 0;top: 0;width: 100%;height: 100%;} .withArrows a.open {position: absolute;top: 0;left: 25%;height: 99%;width: 50%;cursor: pointer;z-index: 10;background: none;-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} .withArrows a.open:hover { background: url('http://lh6.ggpht.com/_pt7i0nbIOCY/SSoOXmTl_xI/AAAAAAAAAb0/GLqpxNapKAg/open_thumb.gif?imgmax=800') no-repeat center center; } * html .withArrows a.open:hover { background: url('http://lh6.ggpht.com/_pt7i0nbIOCY/SSoOXmTl_xI/AAAAAAAAAb0/GLqpxNapKAg/open_thumb.gif?imgmax=800') no-repeat center center;filter:alpha(opacity=80); } /* Gallery Sets */ .jdGallery a.gallerySelectorBtn {z-index: 15;position: absolute;top: 0;left: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #333;color: #fff;cursor: pointer;opacity: .4;-moz-opacity: .4;-khtml-opacity: 0.4;filter:alpha(opacity=40);} .jdGallery .gallerySelector {z-index: 20;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;} .jdGallery .gallerySelector h2 {margin: 0;padding: 10px 20px 10px 20px;font-size: 20px;line-height: 30px;color: #fff;} .jdGallery .gallerySelector .gallerySelectorWrapper {overflow: hidden;} .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {margin-left: 10px;margin-top: 10px;border: 1px solid #888;padding: 5px;height: 40px; color: #fff;cursor: pointer;float: left;} .jdGallery .gallerySelector .gallerySelectorInner div.hover {background: #333;} .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {background: #000;background-position: center center;float: left;border: none;width: 40px;height: 40px;margin-right: 5px;} .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 { margin: 0;padding: 0;font-size: 12px;font-weight: normal;} .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info { margin: 0;padding: 0;font-size: 12px;font-weight: normal;color: #aaa;} .status-msg-wrap{ display:none; } -->Daha sonra alttaki kodu bulalım. ve bu koddan önce şu kodları yapıştıralım : http://i32.tinypic.com/1ruf0k.gif bu resim yerine kendi resimlerinizi koyun.Ve olsun bitsin. ve hepsi bu kadar.Kaynak vermeye gerek yok

DAVUT · Answer

haklısın demo koymam lazım,blogger çalışma yapıyo açılır açılmaz demo koyacam.Bu eklenti için bir site açacam ve açar açmaz buraya yazacam.

dEsir0us · Answer

emegin icin teşekkurler.

Prostavaryo · Answer

teşekkürler

blogcuk78 · Answer

Aslında ben de böyle bir şeyi nasıl yaparım diye konu açayım diye girmiştim. Ama benim istediğim, haberleri text olarak sayfamın en üst köşesinde vermek. Küçük bir kutuda son haberler gibi bir şey. Böyle resim üzerinde istemiyorum. Onu nasıl yapabilirim?

Ek: Hatta biraz daha detay vereyim. Feedburner'daki Headline Animator gibi bir şey istiyorum ama içeriğindeki yazıyı ben yazmak istiyorum. Yeni yazılarımın gözükmesini istemiyorum.

gfb_eren · Answer

Teşekkürler

DAVUT · Answer

Ownl adlı üyeden alıntı:						mesajı görüntüle									teşekkürler güzel eklenti 		Teşekkür ederim beğendiğine sevindim.
						HKNOCN adlı üyeden alıntı:						mesajı görüntüle									Çok hoş eklenti. Teşekkürler. 		Sanada teşekkürler..
						dnzny adlı üyeden alıntı:						mesajı görüntüle									çok saol da. yapamiyorum bir türlü 1 el atar mısın? rica etsem
msn: deniz@technobus.com 		P.m ile halledelim..

dnzny · Answer

çok saol da. yapamiyorum bir türlü 1 el atar mısın? rica etsem
msn: deniz@technobus.com

HKNOCN · Answer

Çok hoş eklenti. Teşekkürler.

Ownl · Answer

teşekkürler güzel eklenti

JustRulz · Answer

demo eklersen birde üzerinde görelim

DAVUT · Answer

Evet,arkadaşlar beğenen yok mu ? kimseye mi yaramadı ?

DAVUT · Answer

HS_Abdullah adlı üyeden alıntı:						mesajı görüntüle									Iste aradigim buydu. Ben bunu biraz duzenleyeip AWBS de kullanirim. 		bak buna sevindim işte eğer beğendiysen ne mutlu bana,işine yarayan arkadaşlardan yorum bekliyorum

HS_Abdullah · Answer

Iste aradigim buydu. Ben bunu biraz duzenleyeip AWBS de kullanirim.

DAVUT · Answer

MERT2407 VE sSessizcrew sağolun.bu sadece 2 kişiyemi yaradı çok merak ediyorum  başka işine yarayan çok mu ?

SSessizCrew · Answer

teşekkurler denıyeyım hemen

mert2407 · Answer

Güzelmiş!  Slayt geçişi yerine "manşet" dersek daha uygun kaçar sanırım...