Tampilkan postingan dengan label Character encodings in HTML. Tampilkan semua postingan
Tampilkan postingan dengan label Character encodings in HTML. Tampilkan semua postingan

Minggu

Recent Posts Widget with Thumbnails for Blogger/Blogspot


A few days ago, I've posted a tutorial about How To Add A Simple Recent Posts Widget
but today I want to present to you a very nice Recent Posts widget that
comes along with posts thumbnails and post summary as well. If you want
to know how to add this Recent Posts widget/gadget to your Blogger
blog, then follow the steps below:




recent posts, blogger widgets



How to Add the Recent Posts Widget to Blogger



Step 1. Go To Blogger > Layout and click on "Add a Gadget" link







Step 2. From the pop-up window, scroll down and choose HTML/JavaScript







Step 3. Paste inside the empty box, the following code:




<div class="eggTray">

<script
src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",

"pipe_params":{"URL":"YOUR-BLOG/SITE-URL/feeds/posts/default"},

"hideHeader":"false","height":"500","count": 8 }</script>

<div style="font-family: arial, sans-serif; font-size: 9px;"
class="ycdr"><a
href="http://helplogger.blogspot.com/2012/05/recent-posts-widget-with-thumbnails-for.html"
target="_blank" title="Grab this widget">Recent Posts
Thumbnails</a> <a href="http://helplogger.blogspot.com/"
target="_blank">Blogger
Widget</a></div><noscript>Your browser does not
support JavaScript!</noscript></div>

<style type=text/css>

.eggTray {margin:10px 0px;padding:0px;}

.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}

.pipesTitle {padding-top:0px;}

.pipesDescription {display:true;}

.ycdr {background:transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMawMI2YoOJVrEbo_5RhChGOg5je9ecE-XebMLdotRkff_ehLPeZzwBVDKfnah9fngHhiIkbjFT_W_m1IbRexcQhyphenhyphen3zxe0fKDfvcvPN4REmQduQ8F6RPsKy6AYqzINjZi7ppZ9sx6RUWw/s1600/logo.png)
0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px
0px 0px 0px;line-height:14px;}

.ycdr, .ycdr a {color:#999999;}

.widget .popular-posts ul {padding-left:0;}

</style>



Step 4. Change YOUR-BLOG/SITE-URL with the url address of your site/blog (ex: http://helplogger.blogspot.com) and look to have no forward slash symbol "/" at the end of your url



Note:


  • To disable the scroll bar, remove the number 500

  • By default, this widget is set to display a maximum of 8 recent posts. To change this number, replace the number 8 with the number of posts desired

  • if you want only the posts titles to appear, change true to none and "0" from padding-top:0px with 10




Step 5. Save your widget. And you're done!



If you need more help, leave your comment below.






Selasa

HTML Background Code



This page contains HTML background code. Feel free to copy and paste the HTML background code into your own website, blog, MySpace page, or other HTML document. And feel free to modify the code as you wish.








Shorthand Background Code


The quickest HTML code for backgrounds is the background property. Strictly speaking, this is a CSS property but you use it in conjunction with your HTML code. The background property is a shorthand property for setting all background properties at once.




Source CodeResult

This example sets all the background properties with one property - the 'background' property. This keeps the code shorter and easier to read.



Page Background


To set the background for the whole page, simply apply the background property against the body tag.

Example:




Alternative Background Codes


Below are more HTML background codes. In these examples, instead of using the background shorthand property, we use a property more specific to the actual effect we want to achieve. Doing this is simply an alternative - it's your choice which method you use.


Background Color


This example code applies a background color to a p tag using the background-color property. You can apply background color to any other HTML element, such as a div tag, body tag etc. Here, we also apply color to the text by using the color property.

Choose a color with the HTML color picker.




Source CodeResult

This text has got a background color applied. You could also apply background color to the whole page if you like.



Background Image


This example code applies a background color to a p tag using the background-color property. You can apply background color to any HTML element, such as a div tag, body tag etc. Here, we also apply color to the text by using the color property.




Source CodeResult

This div tag has got a background image. You could also apply a background image to the whole page if you like.



Fixed Background Image


You can fix the background image so that it doesn't scroll when you scroll the div (or page, as the case may be).




Source CodeResult

This HTML background code demonstrates how to keep the background image fixed. Scroll down to see what I mean - the background image stays in the same position.




http://ajabingung.blogspot.com/2013/03/html-background-code.html




HTML Background Code

This page contains HTML background code. Feel free to copy and paste the HTML background code into your own website, blog, MySpace page, or other HTML document. And feel free to modify the code as you wish.


Shorthand Background Code

The quickest HTML code for backgrounds is the background property. Strictly speaking, this is a CSS property but you use it in conjunction with your HTML code. The background property is a shorthand property for setting all background properties at once.
Source CodeResult
This example sets all the background properties with one property - the 'background' property. This keeps the code shorter and easier to read.

Page Background

To set the background for the whole page, simply apply the background property against the body tag.
Example:

Alternative Background Codes

Below are more HTML background codes. In these examples, instead of using the background shorthand property, we use a property more specific to the actual effect we want to achieve. Doing this is simply an alternative - it's your choice which method you use.

Background Color

This example code applies a background color to a p tag using the background-color property. You can apply background color to any other HTML element, such as a div tag, body tag etc. Here, we also apply color to the text by using the color property.
Choose a color with the HTML color picker.
Source CodeResult
This text has got a background color applied. You could also apply background color to the whole page if you like.

Background Image

This example code applies a background color to a p tag using the background-color property. You can apply background color to any HTML element, such as a div tag, body tag etc. Here, we also apply color to the text by using the color property.
Source CodeResult
This div tag has got a background image. You could also apply a background image to the whole page if you like.

Fixed Background Image

You can fix the background image so that it doesn't scroll when you scroll the div (or page, as the case may be).
Source CodeResult
This HTML background code demonstrates how to keep the background image fixed. Scroll down to see what I mean - the background image stays in the same position.

http://ajabingung.blogspot.com/2013/03/html-background-code.html

HTML Background



Backgrounds


HTML and CSS provides many ways of changing backgrounds in web pages.

This page explains the industry standard way of creating backgrounds in HTML. Feel free to copy and paste the background code into your own website, blog, MySpace page, or other HTML document. And feel free to modify the code as you like.

Also, please consider keeping the link back to this website - if you do it will be very much appreciated!


HTML Background


The quickest HTML code for backgrounds is the background property. Strictly speaking, this is a CSS property but you use it in conjunction with your HTML code. The background property is a shorthand property for setting all background properties at once.


Example Code


The source code (on the left) results in the HTML background (on the right).






Source CodeResult







This example sets all the background properties with one property - the 'background' property. This keeps the code shorter and easier to read.








Page Background


To set the background for the whole page, simply apply the background property against the body tag.

Example:










HTML Background

Backgrounds

HTML and CSS provides many ways of changing backgrounds in web pages.
This page explains the industry standard way of creating backgrounds in HTML. Feel free to copy and paste the background code into your own website, blog, MySpace page, or other HTML document. And feel free to modify the code as you like.
Also, please consider keeping the link back to this website - if you do it will be very much appreciated!

HTML Background

The quickest HTML code for backgrounds is the background property. Strictly speaking, this is a CSS property but you use it in conjunction with your HTML code. The background property is a shorthand property for setting all background properties at once.

Example Code

The source code (on the left) results in the HTML background (on the right).

Source CodeResult



This example sets all the background properties with one property - the 'background' property. This keeps the code shorter and easier to read.



Page Background

To set the background for the whole page, simply apply the background property against the body tag.
Example:


MAKNA SPIRITUAL DAN FILOSOFIS HANACARAKA: KAJIAN KEBATINAN JAWA DALAM PERSPEKTIF

  MAKNA SPIRITUAL DAN FILOSOFIS HANACARAKA: KAJIAN KEBATINAN JAWA DALAM PERSPEKTIF MAHASISWA   Disusun untuk memenuhi tugas mata kuliah Fils...