Blogywalkie: User-Resizable Post Text

Blogger Template by Blogcrowds

User-Resizable Post Text

Adalah suatu addons yang akan kita buat sendiri nantinya, sebuah addons yang memperboleh-kan user untuk mengganti ukuran tulisan font di postingan kita. tapi dengan addons ini, kita tidak perlu memencet Ctrl+Nyekrol Mouse, udah basi, udah jaman kuno. sekarang itu mah revolusi blogger, semuanya harus otomatis, ato paling tidak, tidak perlu susah-susah untuk melakukan sesuatu. Kamu bisa melihat contohnya di samping tanggal/jam tuh. Kerenkan? bagaimana untuk melakukannya, lihat nie article:

Adalah suatu addons yang akan kita buat sendiri nantinya, sebuah addons yang memperboleh-kan user untuk mengganti ukuran tulisan font di postingan kita. tapi dengan addons ini, kita tidak perlu memencet Ctrl+Nyekrol Mouse, udah basi, udah jaman kuno. sekarang itu mah revolusi blogger, semuanya harus otomatis, ato paling tidak, tidak perlu susah-susah untuk melakukan sesuatu. Kamu bisa melihat contohnya di samping tanggal/jam tuh. Kerenkan? bagaimana untuk melakukannya, lihat nie article:

- catatan:elo harus ngecentang check dengan nama 'Expan Widget Templates' dulu lho yach :)

- pertma nie, elo harus suntikin kode dibawah ini antara tag <head> dan </head> mu.

<script type="text/javascript">

// ============================================

// changeFontSize: modifies the font size of

// a specified object by the

// specified increment.

//

// Copyright 2006 by Bill Sparks

// Free for all; but please leave in this header.

// ============================================

function changeFontSize(sContainerId, iIncrement)

{

// ============================================

// DEFAULT SETTINGS: Change to suit your needs

// ============================================

var iFontSize = 12; // the font size;

var sFontSizeUnit = "px"; // the unit type of the font size

var iLineHeight = 18; // the line height

var sLineHeightUnit ="px" // the unit type of the line height

// ======================================

// Do not change anything below this line

// ======================================

var oContainer; // the object whose font zise we will change

var sOriginalFontSize = ""; // the originally specified font for the object

var sOriginalLineHeight = ""; // the originally specified font for the object

oContainer = window.document.getElementById(sContainerId); // get a handle to the object

sOriginalFontSize = oContainer.style.fontSize; // get the original font specification

if(sOriginalFontSize) // if there was a font size specified on the object

{

iFontSize = parseInt(sOriginalFontSize.replace(/[^0-9]/g, "")); // parse out the numeric value

sFontSizeUnit = sOriginalFontSize.replace(/[0-9]/g, ""); // parse out the unit specification

}

sOriginalLineHeight = oContainer.style.lineHeight; // get the original line height specification

if(sOriginalLineHeight) // if there was a line height specified on the object

{

iLineHeight = parseInt(sOriginalLineHeight.replace(/[^0-9]/g, "")); // parse out the numeric value

sLineHeightUnit = sOriginalLineHeight.replace(/[0-9]/g, ""); // parse out the unit specification

}

iFontSize += iIncrement; // increment the font size

iLineHeight += iIncrement; // increment the line height

oContainer.style.fontSize = iFontSize + sFontSizeUnit; // apply the incremented size to the object

oContainer.style.lineHeight = iLineHeight + sLineHeightUnit; // apply the default line height;

}

</script>

- terus, kopikan kode berikut ini di dalam tag <div class="post-date">

<a href="javascript:changeFontSize('<$BlogItemNumber$>Text',1);" title="Increase Text Size">GROW</a>

<a href="javascript:changeFontSize('<$BlogItemNumber$>Text',-1);" title="Decrease Text Size">shrink</a>

Keywords : User-Rezisable Post Text, Post Text Rezisable, Automatic Rezisable Post Text, Text Rezisable, Font Changer, Font Size Changer, Rezisable Post Text Font, Font Rezisable Automatic, Rezisable via XML, Font Size Rezisable

www.blogywalkie.blogspot.com

This article is about Blogger AddOns

0 komentar pengunjung:

Posting Komentar

Langganan: Posting Komentar (Atom)