300 search engin to Submit Your Blog Post


here about 300 search engine to submit our post that can boost your page indexing :


Google.com
WhatUseek.com InfoTiger.com Tr.abacho.com
Amfibi.com Abacho.de Uk.abacho.com Se.abacho.com
Abacho.ch It.abacho.com Es.abacho Fr.abacho
Abacho.at Thelessonfinder.com Ghetosearch.com Feedplex.com
ScrubTheWeb.com EntireWeb.com ExactSeek.com Voila.com
TrueSearch.com SearchUK.com GigaBlast.com Splatsearch.com
Fybersearch.com Splatsearch.com Amidalla.com Unasked.com
WhatUseek.com InfoTiger.com Rediff.com EntireWeb.com
ExactSeek.com TrueSearch.com SearchUK.com Sentenceseek.com
Big Finder Bivlo Web Squash Surf Gopher
ExactSeek.com Voila.com SearchUK.com Onseek.com
SearchMe Cuil MavicaNet Exalead
BusinessSeek World Site Index 01WebDirectory What U Seek
Is AMRAY Wikidweb Pedsters Planet
GigaBlast A1 Web Directory LII Dramba
IllumiRate Amfibi SonicRun Web World
NetInsert FreshTV Nonar Info Listings
Feedplex.com Web4URL SurfSafely Ablaze Directory
Web Linker SearchSight The Living Link Cipinet
Weblogs.com Feed Burner My Yahoo! BlogRolling
Weblogalot Topic Exchange Bloglines Blo.gs
Syndic8 PubSub.com BlogStreet Icerocket
AideRSS Technorati NewsGator Blogdigger
Moreover Tailrank SkyGrid Audio.Weblogs
BlogShares RubHub GeoURL 1CokeMKG
1HighSchElect 1TennPuters 2KCity Acoon
AdWebZone Aeiwi Aesop Ah-ha
Allestra AnySearch API Links Area Web
Ask2k Aucti0n Avalon B Central
Beamed Beginplein.nl Bellnet Buscadoronline
Canada One Directory Classified2000 Cognigen Telecom Complete Planet
CozyCabin DeBeste.nl Entire Web ExactSeek
Exploora F10 Ffa Genie FFA Links
FindOnce Tailrank Gasta Global-submit
Go Hot Goiso HaSearch Help-site
Hidden Street Hot Launch Hot Skunk Hotbot UK
Hyeguide Hypermaze IDoFind Idoi
IMarvel Info Apex Intel Search Jaan
JBlue Magic Mirror SkyGrid Lycos Spain
Lycos Asia Lycos Italy MultiLinks NetScan
Noago PCI Links PCI Zone PrimeFind
Raging Banners Robolink Search King Skipper
Snow Crest World Directory Internet Directory The Web Directory
Directory Online Submit Resource Global Earth All Web
Free General WebDanes Ultimate Directory Captain General Internet
Wah Directory Heavy Concept ZinLogic Vision Submit
Snow Crest Web Chambers Vision Lynx Portal 4 Websites
Web Links 4U Vision Links Links Directory Link Ape
Link Right FreeLynx Web Link Rabbit Directory Mark
Link Guy Web EatMyLinks Web Linkzilla Web Link Bandit
Link Driver LinkWatch Linkaholic Link Shark
Link Viper Linktropolis Link Runner Linkbinder
Link A Lot Linkstation Linkinc Link Eater
Link 4 Me Link Prune Link Caddy Financial Freeway
Link Campaign Link Canada Cabas Rcvcc
Link Campus Link Candy Toxila Bangla Eye
General Directory Mortal Link Cast Link Capture
IOrkut Link Cart Forex Web Link Stop
Link Captain Link Log Link Depot Link Champ
Link Soup Link Catalog Link Charger Link Cheap
Link Lizard Oscar Robolink THSBL
MassDog List Site Here XOWW LogiSubmit
Blue Web URL Global I Want To Link URL Bang
ProWorks Euro Submit Robolink Web Reg URL
URL Submit GE5 Online URL GoGoSun
PHP Link Link Insanity Find Your Link Toppica
Dragon Hostrator Tech4on Site Cure
Directory Dash Click Alarm Bacardo Brainontology
XY-JT LinkCiti LinkChoice Cohco Free
LinkClerk Classical Lcroskey LinkChef
LinkChest Search King Snow Crest LinkChief
Jemufo Snow Crest Robolink Links Jam
LinkClick Free General URL2C Seven
Wave Readi-Move FT8 Submit Site
Estimamo The Human Networks M. Francisco All Web Dir
Logha Directory Break Major Links Directory Bush
Link Bush Bitter Skank USA TMP1
Find Useful BooBelly SEO Burkeworks Femeba
Net Java Pattis Wagons Link Writer Link Corp
Link Contact Link Counter Link Concepts Link Company
Link Command Link Creator Link Compiler Link Me 2
Link Ledger Link 2 Me Featured Links Link Connect
Feature Links Zydamax Entire Web Kostel General
Qazee Directory Weserd Directory Wish Directory WN3 Web
Time Directory Stripe Directory Saints Directory Directory Bush
Wild West Gen Directory WowSo Directory NetDaddy
Me Free Bare Link GOLET Far Directory
Link Daddy Dir Cart EWebSubmission ColorMadera Web
Bomzei Directory AOOEA Web ArtNinjas AOOIA
EEAAO IAAOA Mad Army Alert Directory
Profit Directory Searching Directory Heaven Directory Directory Bush
Get Zooted 7EVN Directory HWTune General TMP1
Find Useful Dir Monster GBang Direc Blurp Directory
Business Directory
READ MORE - 300 search engin to Submit Your Blog Post

Using Jeasyui to Create Tooltips (2)

Custom Tooltip Style

This sample shows how to change the tooltip style.

Hover Me
Hover Me
the code of this page showing below
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/demo/demo.css">
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
	<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>

    <h2>Custom Tooltip Style</h2>
    <p>This sample shows how to change the tooltip style.</p>
    <div style="margin:s0px 0;"></div>
    <div style="padding:10px 200px">
        <div id="pp1" class="easyui-panel" style="width:100px;padding:5px">Hover Me</div>
    </div>
    <div style="padding:10px 200px">
        <div id="pp2" class="easyui-panel" style="width:100px;padding:5px">Hover Me</div>
    </div>
    <script> $(function(){$('#pp1').tooltip({ position: 'right', content: '<span style="color:#fff">This is the tooltip message.</span>', onShow: function(){ $(this).tooltip('tip').css({ backgroundColor: '#666', borderColor: '#666' }); } }); $('#pp2').tooltip({ position: 'bottom', content: '<div style="padding:5px;background:#eee;color:#000">This is the tooltip message.</div>', onShow: function(){ $(this).tooltip('tip').css({ backgroundColor: '#fff000', borderColor: '#ff0000', boxShadow: '1px 1px 3px #292929' }); }, onPosition: function(){ $(this).tooltip('tip').css('left', $(this).offset().left); $(this).tooltip('arrow').css('left', 20); } }); }); </script>
READ MORE - Using Jeasyui to Create Tooltips (2)

Using Jeasyui to Make tooltips

Basic Tooltip

Hover the links to display tooltip message.

The tooltip can use each elements title attribute. Hover me to display tooltip.

Tooltip Position

Click the drop-down list below to change where the tooltip appears.

Select position:
Hover Me
so, this source code of this page showing below
 <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
 <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">
 <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/demo/demo.css">
 <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
 <script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>

    <h2>Basic Tooltip</h2>
    <p>Hover the links to display tooltip message.</p>
    <div style="margin:20px 0;"></div>
    <p>The tooltip can use each elements title attribute.
    <a href="#" title="This is the tooltip message." class="easyui-tooltip">Hover me</a> to display tooltip.
    </p>

    <h2>Tooltip Position</h2>
    <p>Click the drop-down list below to change where the tooltip appears.</p>
    <div style="margin:20px 0;"></div>
    <span>Select position:</span>
    <select onchange="changePosition(this.value)">
        <option value="bottom">Bottom</option>
        <option value="top">Top</option>
        <option value="left">Left</option>
        <option value="right">Right</option>
    </select>
    <div style="padding:10px 200px">
    <div id="pp" class="easyui-panel easyui-tooltip" title="This is the tooltip message." style="width:100px;padding:5px">Hover Me</div>
    </div>
    <script type="text/javascript">
        function changePosition(pos){
            $('#pp').tooltip({
                position: pos
            });
        }
    </script>
READ MORE - Using Jeasyui to Make tooltips

Spoiler with CSS and Javascript

here some tip, that i've been trying this trick form this page
Choose the web language that you have learned : This is the choice

the css and javascript here :
<style>
#layer1 { visibility : visible; position : relative; } #layer2 { visibility : hidden; position : absolute; }
a.info { position:relative; z-index:24; background-color:#ddd; color:#000; text-decoration:none } a.info:hover {z-index:25; background-color:#ff0} a.info span{display: none} a.info:hover span { display:block; position:absolute; top:2em; left:2em; width:10em; border:1px solid #0cf; background-color:#555; color:#fff; } </style>
<script> function afficher() { document.getElementById('layer2').style.visibility ='visible';document.getElementById('layer2').style.position ='relative'; document.getElementById('layer3').style.visibility='hidden';}function fermer() { document.getElementById('layer2').style.visibility ='hidden'; document.getElementById('layer2').style.position ='absolute'; document.getElementById('layer3').style.visibility='visible'; } </script>
READ MORE - Spoiler with CSS and Javascript

Spoiler Pure Css



Here's some reference for you to make article that you use hide and show some text.
Very Easy..


Demo
Buka/Tutup Spoiler
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.

the css :
<style> input.trigger { display:inline-block; margin:0px; padding:0px; } .spoiler { background-color:white; padding:15px 30px; margin:10px 0px 0px; display:none; } input.trigger:checked + .spoiler { display:block; } </style> 
READ MORE - Spoiler Pure Css

Blockquotes Examples Level Quotes

Take a look another example found share by this page is a good approach to make blockquote for your text. the style code
 <style>.bq2 { width: 450px; overflow: hidden; border: 1px solid #dde5ed; background: #f8fafd; color: #758fa3; }.bq2 .source { display: block; width: 100%; margin-bottom: 5px; font-weight: bold; font-size: 13px; text-shadow: 0px 1px 0px #f8fafb; padding: 6px 11px; background: #eaeff5; border-top: 1px solid #f4f7fa; border-bottom: 1px solid #dde5ed; }.bq2 p { line-height: 19px; margin-bottom: 10px; font-style: italic; padding-left: 15px; } .bq1 { padding-left: 16px; border-left: 5px solid #577da4; width: 700px; } .bq1 p { font-style: italic; font-size: 14px; line-height: 18px; color: #8c8785; } p.after { margin-left: 40px; font-weight: bold; } p.after a { color: #6793d4; text-decoration: none; } p.after a:hover { text-decoration: underline; }</style>    

Block-Level Quote


-GOB, "Arrested Development"

Well, I will tell you this, Michael. I don't have a son. But if I ever do, I'm either going to take him to the cabin in the woods, or I'm going to promise to take him and then not take him. But the one thing that I will never do is not tell him that I'm taking him to a cabin in the woods, and then not take him!


Every glorious revolution has its dark side, as for CSS is every web browser like IE7 does not support the same effect defined by CSS, so often designer has to squeeze their mind to figure out a trick, hack or fix, that’s when CSS Editor comes in to help.

- Linked Articles


READ MORE - Blockquotes Examples Level Quotes