Bu makalemde size blogunuzda yaptığınız alıntıları nasıl daha güzel şekillerle belirtebileceğinizi anlatacağım.
Blogunuzdaki alıntı stilini özelleştirmek için Şablonunuzun HTML koduna gidip head kısmına bazı kodları eklemeniz lazım.Aşağıdaki stillerden birini seçip hemen bu kodun altına yapıştırabilirsiniz.
Adım 1:Blogger hesabınıza giriş yapınız ve sırasıyla Şablon>HTML'yi düzenle kısımlarına tıklayın.
Adım 2:HTML kodu içinde herhangi bir yere tıklayın ve </head> kodu bulun.
Adım 3: Adım 2 deki kodu bulduktan sonra bu kodun hemen üstüne aşağıda beğendiğiniz stillerden birisinin altındaki kodu kopyalayıp yapıştırın.
Stil 1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
<style> .post blockquote { overflow:auto;width:250px;height:260px; font-family: "Consolas", "Courier New", Courier, mono, serif; color:#ffffff; margin : 15px 35px 15px 15px; padding : 5px 8px 15px 165px; clear : both; list-style-type : none; word-wrap:break-word; background : url(http://1.bp.blogspot.com/-OU6w32TDAeU/U6maq-xyu3I/AAAAAAAAJWg/9BYLRAX_7lo/s1600/teacher.png); background-repeat: no-repeat; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out; } .post blockquote:hover{ background : url(http://4.bp.blogspot.com/-uyo8jJrCEmE/U6maq4BKt9I/AAAAAAAAJWc/rHNKC0BwSV8/s1600/hover+html+teacher.png); background-repeat: no-repeat; color:#F1F1F1; } </style>
Stil 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
<style> .post blockquote { overflow:auto;width:400px;height:auto; font-family: "Consolas", "Courier New", Courier, mono, serif; margin : 15px 35px 15px 15px; padding : 2px 10px 5px 60px; line-height:1.7em; clear : both; color:#000; list-style-type : none; background : #F5F3F3 url(http://3.bp.blogspot.com/-gNZ5r7KaLIE/T33PEnGXSJI/AAAAAAAABoo/cDcreY3-mPc/s1600/notepad1.gif) repeat-y top left; border : 1px solid #ccc; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .3); box-shadow: 0px 0px 20px rgba(0, 0, 0, .3); } </style>
Stil 3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
<style> .post blockquote { display:block; background: #fff; padding: 15px 20px 15px 45px; margin: 0 0 20px; position: relative; font-family: Georgia, serif; font-size: 14px; line-height: 1.5; color: #446578; text-align: justify; border-left: 15px solid #EBF2F8; border-right: 1px dotted #EBF2F8; -moz-box-shadow: -1px 2px 5px #ccc; -webkit-box-shadow: -1px 2px 5px #ccc; box-shadow: -1px 2px 5px #ccc; } .post blockquote:before{ content: "\201C"; font-family: Georgia, serif; font-size: 60px; font-weight: bold; color: #8DACC0; position: absolute; left: 10px; top:5px; } .post blockquote:after{ content: ""; } .post blockquote a{ text-decoration: none; background: #eee; cursor: pointer; padding: 0 3px; color: #c76c0c; } .post blockquote a:hover{ color: #666; } </style>
Stil 4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
<style> .post blockquote { padding:10px 15px; margin: 5px 15px; border: 1px solid #E1E1E1; background-color: #F6F6F6; font-size: 15px; font-family: Times; } .post blockquote:before { content: "\201C"; color: #F13937; font-family: Times; font-size:50px; font-weight: bold; line-height:0px; vertical-align:middle; } .post blockquote:after { content: "\201D"; color: #F13937; font-family: Times; font-size:50px; font-weight: bold; line-height:0px; vertical-align:middle; padding:15px 0px 0px 5px; } </style>
Stil 5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
<style> .post blockquote { background: none repeat scroll 0 0 #FFFFFF; border: 10px solid #FC8E42; border-radius: 240px 240px 240px 240px; color: #333333; margin: 1em 140px 80px; padding: 70px 70px; position: relative; text-align: center; font: 1.5em/1.4 Cambria,Georgia,sans-serif; font-weight: bold; } .post blockquote:before { background: none repeat scroll 0 0 #FFFFFF; border: 10px solid #FFBD54; border-radius: 50px 50px 50px 50px; bottom: -40px; content: ""; display: block; height: 50px; position: absolute; right: 100px; width: 50px; z-index: 10; } .post blockquote:after { background: none repeat scroll 0 0 #FFFFFF; border: 10px solid #5A8F00; border-radius: 25px 25px 25px 25px; bottom: -60px; content: ""; display: block; height: 25px; position: absolute; right: 50px; width: 25px; z-index: 10; } </style>