Popular Posts

Showing posts with label Turns Feed. Show all posts
Showing posts with label Turns Feed. Show all posts

Thursday, August 23, 2012

[Turns Tricks] Table of contents and Accordion for Blogger


Bismillah
Allahmdulillah, Alhamdulillah, Alhamdulillah

Usually we have so many posts in our blog and if we used TOC it will be very long. If we have very long TOC, it make visitors difficult to read our posts. To make it easy to read Abu Farhan made modification from previous script Table of Contents for Blogger new style and he used Accordion.
Feature of this script :
  1. Accordion effect
  2. Show and hide effect
  3. CSS 3
  4. Automatic add jquery
  5. Different color for content
  6. Different style for open and close
  7. Auto Sort the title
  8. Add New!! for 10 newest entry
Put the script in Html mode

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://www.7-Turns.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

Replace www.7-Turns.com with your blog name
Demo
Below images are how to create page in blogger.
Source : abu-farhan.com

Thursday, August 16, 2012

what is (WOT) Web of Trust...?



Web of Trust

Web of Trust is a community-based safe surfing tool that uses an intuitive traffic-light style rating system to help Internet users stay safe as they search, browse, and shop online. The WOT add-on provides safety ratings to search results when using Google, Yahoo!, Wikipedia, and other popular sites, helping people protect their computers and personal information.

Friday, August 10, 2012

[Turns Feed] 10 ANIMAL-INSPIRED ROBOTS






The members of the kingdom Animalia walk, run and swim in different environments. Some can even walk on water. Researchers and military officials would love to have robots at their command that can do the same, so many are now developing robots that take clues from cockroaches, cheetahs, stingrays and more. These roboticists spend a lot of time observing their animal models in action and sometimes even dissect them to see how they're engineered on the inside. Here we round up 10 of the coolest animal-inspired robots and explain how they steal engineering ideas from nature.

read The Full Post : 10 ANIMAL-INSPIRED ROBOTS

The Web Factory – an astonishing WordPress based PSD template





fter a bit of absence around the blog, I may announce the slowly but steady come-back of our blog via an excellent freebie: “The Web Factory”. This is a free PSD template with a focus to WP theme integration. It can be used as a company website or why not, with a bit of creativity, it can be transformed to anything you want.











[Turns Feed] Watermark Your Images with PHP Image Workshop



PHPImageWorkshop is an open source class using the GD library that helps you to manage images with PHP. This class is thought like photo editing software like Photoshop and GIMP: you can superpose many layers or even layer groups, each layer having a background image.









Sunday, August 5, 2012

[Turns Tricks] 7 Tips for Driving Traffic to Your Blog Through Commenting




In order to make a good impression, you must have something to say. This is as true in the world of the Internet as it is in the physical world.
Saying your piece is not difficult to do in Internet forums, discussion boards and blogs. Best of all, you can drive traffic to your own blog and increase your readership by doing so.
Not every comment you post, however, will make the right impression or even be read in the first place. In order to avoid wasting your time and the opportunities available to you, you should comment in the most effective way. Here are seven ways to do so.










Saturday, August 4, 2012

[Photoshop] Get 45 Fresh High Quality Photoshop PSD Files




.PSD files are great to create cool and stunning files for own purposes. We can also study the creation process of these files and how text or image affects are combined together by expert designers. So, sample .PSD files can give you the idea to create stunning affects of your own. You can choose custom colors on an existing file, edit layers, use swatches and at last make an impressive design. Thanks to the designers which give their precious work for online users to learn and everyone gains a little piece of their experiments.

[Turns Tricks] how to create a Custom Permalinks for Blogger Posts






A permalink (or permanent link) is a URL that points to a specific blog entry after it has passed from the front page to the archives.Blogger generates this permanent link based on your post title(If the title is in English). For example if your post title is “Hello World”, the blog post’s permalink would be something like : http://yourblog.blogspot.com/2012/06/hello-world.html   Till date Blogger never allowed the user to control what the permalink should be but it rather assigned a permalink on it’s own.
This has now changed and Blogger now allows YOU to decide what the permalink of your new post should be.
This feature is currently available in Blogger’s Draft Version. So if you would like to check it out, head straight over to http://draft.blogger.com and create a new post. In the post options you will see a permalink option.

[Turns Tricks] Bit.ly has a New Realtime Search Engine For You







As many of you might already know, Bitly is the largest Link Shortening service. In fact, it is the one responsible for ushering the world into the concept of short links four years ago. Since then, it has been extensively been used to replace long URLs into a collection of just a few characters, which can be easily shared on social media such as Facebook and Twitter. It came is handy especially for twitter, where there is a character limit on tweets. Well now, after almost four years, Bitly has finally collected enough data to create a whole new search engine of its own! Bitly calls it "Real-time", and describes it as an "Attention Ranking" Search Engine. Although still in its beta phase, it has been rolled out to the public. It can be accessed at http://rt.ly .




Friday, August 3, 2012

[Photoshop] HOW TO CREATE A SURREAL SCENE WITH AN INVISIBLE MAN INSIDE A MYSTIC CAVE





Learn how to create a surreal photo manipulation with an invisible man. This tutorial will teach you how to blend different images together, create realistic shadows, and paint light reflections in your image...






Thursday, August 2, 2012

[CSS] 21 Examples of CSS Progress Bar






A progress bar is a common compent in web design, with a lot of new capability of CSS3, now it really possible to create a progress bar using CSS only even is html5 there is a html5 features dedicated to progress bar, you can search on google “Cross Browser HTML5 Progress Bars”, but in today post I gathered some example progress bar using CSS some with animation, it might be good to reduce images usage in your websites.





[Turns feed] Mozilla in Logos: 65 logos from 2006 – present





Head on over to my all new logo page to check out a chronological listing of all (I think) logos I have created starting from 2006. A fun little history lesson and memory game. Just hover over each logo to reveal their birthday and name!  Enjoy!








[Turns Feed] forex trading course


It has no place defined as grants (Paris Stock Exchange, New York.). Forex is a continuous flow of exchanges between banks worldwide. The exchanges can cause fluctuations in the currencies of all countries.
Today, the Forex (Foreign Exchange) is an interbank market (OTC) opened 24h/24 with an average 4,000 billion daily (April 2010). Parities are most traded the EUR / USD (about 28% of total volume), the usd / jpy (about 17% of total volume), the gbp / usd (about 14% of total volume).
Currencies fluctuate 24h/24 and 7 days 7 (Most forex brokers do not trade the weekend as the volatility in the forex market is very low). The lowest variation on a parity of 1 pip.
Called the exchange rate the price of exchange between two currencies.For the exchange rate Eur / usd, if the price is 1.2850, so if you change 1 euro dollar, you get 1.2850 dollars in exchange.

the Full Post : forex trading course

[Turns Tricks] How to add a new sidebar to Blogger template


How to add a new sidebar to a Blogger template is one of the most common questions between the users of the platform for blogs from Google. Adding a second sidebar varies in complexity according to the design in question, so, while some require only a few lines of CSS modification, others will need a total refurbishment that may make it more convenient to change the design.
Broadly speaking the process is as follows:
  1. Analyze the structure and style of the template.
  2. Adding a new editable area, ie the area to add new gadgets.
  3. Modify styles.
To follow this without issues this and any other tutorial that involves making changes in the structure of a blog or website is very advisable to know some html and CSS. So:

Analyze the structure and style of the template



For the majority of the templates, and specially Blogger ones, have a very similar structure, a header with title and description, a wrapper with the main column, a sidebar, and a footer with credits and some other information.

Wednesday, August 1, 2012

50 Examples of Creative 404 – Page Not Found Pages



There are two ways you can go when designing a 404 page for your website – you could go the sensible route and make it usable and try to help the reader find exactly what they were looking for or, you could design a 404 page that not only defines the character of the web site or the designer, but also makes it a pleasure and surprise. Its amazing the effect a sprinkle of humor and some creativity can have on someone and it will certainly make your site that little bit more memorable.

Below, we have a collection of sites with original, creative and generally humorous 404 pages. You may notice that some do not meet even the most basic usability guidelines, but who cares, they make us smile! Hope you enjoy them.

Sunday, July 29, 2012

[Tools] generator box-shadow CSS3



Generator via shading in CSS3 box-shadow...
amazing tool ...









compatibility:  chrome  safari opera firefox  internet explorer 9

Visit this link : http://debray.jerome.free.fr/index.php?outils/Generateur-de-box-shadow-css3



[Turns Feed] Quicktip: No more strokes in gradients...

In most times, when you made gradients in Photoshop, there are some strokes that makes your gradient less attractive. A while ago I read somewhere how we can get rid of those strokes. I can’t remember where it was, but the filter in Photoshop I do remember because now I use it almost every time when I use a gradient.


















Wednesday, July 25, 2012

[Turns Feed] What is " .EXE " File ?


An exe file (pronounced as letters E-X-E) is a computer file that ends with the extension ".exe" otherwise known as an executable file. When one clicks on an exe file, a built-in routine automatically executes code that can set several functions into motion. Exe files are used to install and run programs and routines.
An exe file is just one of several file format types that are recognized by various operating systems. Text files, which are files that do not generate code but simply display text, end in txt. Microsoft Word saves files with the doc extension, short for document. Another common file type is the compressed or zipped file, which uses the zip extension.
The exe file is one of the most useful types of files precisely because it runs programs; however, this also makes it potentially harmful. It can be used as a delivery system for viruses or other malicious routines. Outwardly, the infected exe file might seem quite benign. Clicking on it might appear to launch nothing more than an animated cartoon or simple arcade game. However, unseen code can be running in the background, infecting or compromising the computer.

the Full Post : What is an EXE File?

[Turns Feed] 18 Free New Icon Sets

Icons are most important in a website. Designers are always looking for appropriate icons for their web design. In this post, I’ve showcased some recently released free icon sets.





The Full Post : 18 Free New Icon Sets

[Turns Feed] What Is A Favicon And How To Add It To WordPress Or A Static Site?


In order to distinguish yourself from other bloggers/webmaster, once you create a website or a blog, there are certain things that you need to apply to your blog or static site in order to have it ready for the public.
Among those things is creating a Favicon for your blog/static site.

What Is A Favicon?

A favicon is a small 16px X 16px icon that is displayed the moment a user starts to load your website/blog.
It is located in the tab your browser creates when you open a website, for example take a look at the tab in your browser this post you are reading right now is displayed in.
Do you see the small image beside the title of the page? That is a Favicon!