http___qqbilisim.com_yuvarlak-koseli-tablo-veya-kutu-olusturma__replytocom_9_1.xml
1.1 1.2 1.3 2.1 2.2 3.1 3.2 3.3 3.4 4.1 5.1 5.2 6.1 6.2 6.3 7.1 7.2 7.3 8.1 8.2 10.1 11.1 12.1 13.1 15.1 16.1 17.1 18.1 19.1 20.1 21.1 22.1 23.1 24.1 25.1 26.1 27.1 29.1 32.1 34.1 36.1 36.2 36.3 36.4 37.1
Hi friends!!! Many bloggers have started posting their views about various widgets which they wish to have on their blog via email as well as through comments. I'm happy with the response that I got for my previous post namely, Make Your Blog More Attractive - Tip 1 To all those who mailed me and made a comment, I'm working on your widgets. Soon, the steps to install those widgets will be published. In this post, I will demonstrate on "How to add the special note tag within your blogger posts?". I'm sure you will be pretty confused about what that special note means. Basically, this idea developed from the shoutmeloud theme. Just have a look at the following picture - the " SPECIAL NOTE" tag. THIS IS THE SPECIAL NOTE TAG Hope you understood what I meant. This tag will be useful when you want to list your points, add sub headings to your post, etc... I don't want to take too much of your time. Let's get to the installation steps. Just follow these simple steps. Login to your dashboard. Navigate to "Layout>>Edit HTML" from your dashboard. Make a back up of your template before you make any changes in the template. Search for the following code in your blog. You may use "CTRL+F" to fasten your search results. Paste the following piece of code just above the line mentioned in step 2 (the one you searched for). .note{ background:#E3F0F2 url(http://lh4.ggpht.com/_So-xppeH7x0/TP3uIr_A5kI/AAAAAAAAAn0/I17mlOq2axM/s800/note.png) center no-repeat; margin:0 auto; display:block; border:1px solid #6CC; background-position:7px 50%; padding:10px 10px 10px 45px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; font:bold 15px arial Now, place the following tags in between the text which should be highlighted. For example, if you want the text "EXAMPLE" to appear as a special note tag, you need to use the following code. EXAMPLE I hope this will help your post more attractive. If you have any doubts in adding this tag to your post, then please leave your comments below. We love to receive your comments. So, keep them coming. Related Posts by categories
1.1 2.1 3.1 4.1 5.1 7.1 9.1 10.1 11.1 12.1 13.1 14.1 15.1 16.1
Kutu veya tabloların köşelerini yuvarlama Aşağıdaki örnekte oluşturulan id seçici istenen table veya div elemanına uygulanarak, köşeleri yuvarlak hale getirilebilir. İçinde radius geçen satırlarda (kırmızı renkle gösterilen), köşeleri yuvarlama miktarı ayarlanmıştır. Shadow geçen satırlarda (turuncu gösterilen) ise tablo veya kutuya gölge verilmiştir. Yuvarlama ve gölge verme işi farklı tarayıcılar için, farklı kodlar ile yapılmıştır. Dolayısıyla her tarayıcıda aynı görüntüyü elde etmek için 3 satırı da yazmak gereklidir. Tarayıcıların eski versiyonlarında bu css kodları işe yaramayacaktır. #kutu1 background-color:#ffffff; width: 360px; padding: 7px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 5px #779900; -webkit-box-shadow: 0 0 5px #779900; box-shadow: 0 0 5px #779900;