Translate

من يرغب في ارسال

من يرغب في ارسال اي مقال يمكنه المراسله علي الاميل goreg12@gmail.com

عنواين الرئيسيه

كشف حقيقة التربح غير المشروع لجمعيات الاسكان التعاونى وتوظيف الاموال ؟ جمع الاموال لمشروع بناء وهمى على ارض محل نزاع قضائى على الملكيه ؟-رسالة من أحد ضحايا كشف الفساد المالى والإدارى -فراد أسرة النائب العام متوغلون في إدارة شركات مكتظة بالفساد المالي -المهندس شريف سوسة رئيسا لشركة بدر الدين للبترول. -إهدار4 ملايين جنيه بشركة بدر الدين للبترول -فساد بـ4 ملايين جنيه بشركات البترول بمطروح-مذكره التي اثارت غضب بعض الافراد من شركه بدر الدين...

www.alarabiya.net

/www.islammemo.cc

الاثنين، 25 فبراير 2013

Simplex Design blog : Infinite scrolling or load more effect for Blogger - part 2

Simplex Design blog : Infinite scrolling or load more effect for Blogger - part 2

Link to SimplexDesign - free premium blogspot template

Infinite scrolling or load more effect for Blogger - part 2

Posted: 24 Feb 2013 10:22 AM PST


As introduced in last post on Jquery Ajax Scrolling plugin, the basic usage and how to apply it to default Blogger templates, this post, I will go further on the way to apply this technique to all custom Blogger template


Live Demo


Because it too long, so I divide this post into 3 parts with detail as bellow:
- Part 1: Basic usage of Jquery Ajax Scrolling and apply it to default Blogger template
- Part 2: How to apply Infinite Scrolling technique to all Blogger templates.
- Part 3: Combine this Jquery plugin with other plugin ( layout plugins such as Masonry, Isotape, or Disqus comment system, Google Analytics)

Part 2: How to apply Infinite Scrolling technique to all Blogger templates.

To install Ajax Scrolling plugin to a custom Blogger template, I recommend you read the part 1 first which I explain everything clearly.

Install instruction

1, Open your template file.

2, Search for  <b:includable id='post' var='post'> , it will show you the "post" includable in "Blog post" widget. (For more information on what includable, what widget is, you can take a look at this post)
You will get something like this
<b:includable id='post' var='post'>
........code here ..........
<</b:includable>
Now just add HTML into these tags to make it look like this:
<b:includable id='post' var='post'>
<div class="ias_item">

........code here ..........

</div>
</b:includable>
3, Now we search for <b:includable id='main' var='top'>, it will show you the "main" includable in "Blog post" widget.
Something like this :
<b:includable id='main' var='top'>

.......code here...........
</b:includable>
Now, add HTML to make these tags above look like this:
<b:includable id='main' var='top'>
<div class="ias_container">

.......code here...........

</div>
</b:includable>
Ok done.
4, Now search for <b:includable id='nextprev'> , it will show you the "nextprev" includablein Blog post widget.
<b:includable id='nextprev'>


.......code here.......


</b:includable>
Add HTML tag to make code above look like this:
<b:includable id='nextprev'>
<div id="ias_pagination">

.......code here.......

</div>
</b:includable>
In the code "nextprev" includable above, find this HTML element : <a expr:href='data:olderPageUrl'> ............ </a> , this element can contain other things inside, but don't need to care about them, if you see expr:href='data:olderPageUrl' , it means you find the correct one.

Wrap <a expr:href='data:olderPageUrl'> ............ </a> by HTML tags like this:
<div id="ias_page_next"><a expr:href='data:olderPageUrl'> ............ </a></div>

5, After finish steps above, you can install Ajax Scrolling plugin as normal by adding this code right before </head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="your-own-hosting/jquery.ias.min.js" type="text/javascript"></script>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <script type="text/javascript">

jQuery.ias({
    container : '.ias_container',
    item: '.ias_item',
    pagination: '#ias_pagination',
    next: '#ias_page_next a',
    loader: 'your-own-hosting/loading.gif'
});
  
</script>
</b:if>
Save template and see the result.

How it work

Until now, do you have the picture of what we are doing? Yes, in part 1 of this series for default Blogger template, I explained elements of Ajax Scrolling script with detail on "container", "item", "pagination", "next", "loader" in script.
In a custom Blogger templates, there's no "container", "item", "pagination", "next" element for you, so we add HTML elements and then assign this to Ajax scrolling script.

That's all for this post. I will post the next one at the soonest on the way to combination Ajax Scrolling plugin with Disqus, Masonry ...
مرسلة بواسطة في ليست هناك تعليقات:

السبت، 16 فبراير 2013

Simplex Design blog : Infinite scrolling or load more effect for Blogger - part 1

Simplex Design blog : Infinite scrolling or load more effect for Blogger - part 1

Link to SimplexDesign - free premium blogspot template

Infinite scrolling or load more effect for Blogger - part 1

Posted: 15 Feb 2013 08:34 AM PST

If you are using Facebook, Twitter or take a look around new websites, you may see most of them use a technique to load next posts automatically, without click on Next or Previous button as we did before. This technique was also applied to Blogger Dynamic interface.
In this post, I will show you how to use this technique to make infinite scrolling or load more effect for normal Blogger blog using a Jquery plugin name Jquery Ajax Scrollling.


Live Demo


Because it too long, so I divide this post into 3 parts with detail as bellow:
- Part 1: Basic usage of Jquery Ajax Scrolling and apply it to default Blogger template
- Part 2: How to apply Infinite Scrolling technique to all Blogger templates.
- Part 3: Combine this Jquery plugin with other plugin ( layout plugins such as Masonry, Isotape, or Disqus comment system, Google Analytics)

Part 1: Basic usage of Jquery Ajax Scrolling and apply it to default Blogger templates

You may heard a technology which was invented several years ago name Ajax. You can google this term to know more. But in this post, Ajax is a technology that allow us to exchange data with a server, and update parts of a web page - without reloading the whole page. Jquery is a framework that support Ajax strongly. With Jquery, users can access a part of HTML page from another page, get the data and then display without reloading. So you can imagine, if we are in page 1, we can use Ajax to access content of page 2, then display them under content of page 1 without reloading, it's the way that Infinite Scrolling technique apply.
To make this function easier and friendly, Jeroen Fiege (http://www.fieg.nl) created  Jquery Ajax Scrolling plugin. Instead of remembering parameters for Ajax in Jquery, you can use friendly statement in Jquery Ajax Scrolling.

Now, it's time for practicing.

Install Instruction



1, Download Jquery Ajax Plugin at this address:
https://nodeload.github.com/webcreate/infinite-ajax-scroll/zip/master
You can take a look on documentation and example of this plugin here
http://www.fieg.nl/infinite-ajax-scroll-a-jquery-plugin
2, Upload Jquery Ajax Scrolling plugin files to your own hosting. Just one file need to upload jquery.ias.min.js

3, In this post, I will show you basic usage, with default Blogger templates (which is provided in Template tab of Blogger Dashboard). Tutorial for applying to custom templates will be part 2.

Open template file by going to Blogger Dashboard -> Template -> Edit HTML
Insert these code before </head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="your-own-hosting/jquery.ias.min.js" type="text/javascript"></script>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <script type="text/javascript">

jQuery.ias({
    container : '.blog-posts',
    item: '.post-outer',
    pagination: '#blog-pager',
    next: '#blog-pager-older-link a',
    loader: 'your-own-hosting/loading.gif'
});
   
</script>
</b:if>

Now you can save changes and see how it work. Remember this can not work if your blog has only one page !

Code explaination

In the code above
- The first line:
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 will call Jquery framework which is hosted by Google. You can not use Jquery without calling it before.

- The second line:
<script src="your-own-hosting/jquery.ias.min.js" type="text/javascript"></script>
 will call Jquery plugin: Ajax Scrolling.

- Condition statement:

<b:if cond='data:blog.pageType != &quot;item&quot;'>

.............
.....................

</b:if>

To make sure the script inside only work if current page is not a single post, otherwise, it only work when current page is homepage or archive page.

- The script right after:

jQuery.ias({
  container  : ".blog-posts",
    // Selector of the element which wrap all posts in Blog.
    // In default Blogger template, this selector is class "blog-posts",
      so I entered ".blog-posts" here.

  item  : ".post-outer",
  // Selector of each post.
  // Make sure the elements are inside the container element.

  pagination : "#blog-pager",
  // Selector of element that contain Blogger navigation links.
                // This will be hidden when IAS loads.

  next  : "#blog-pager-older-link a",
  // Selector of link element that links to next page.
  // The href attribute of this element will be used 
     to get the items from the next page.

  loader : "your-own-hosting/loading.gif"
  // Url to the loader image. This image
  // will be displayed when the next page with items
  // is loaded via AJAX.
});


How it work

- First, when your Page 1 load in user browser, this plugin will search for HTML element which contain  link to next page - Page 2 (use information in "pagination" and "next" options above).
- Second, it store the link to Page 2. Hide the whole "pagination" element.
- Third, load Page 2 in computer memory, then scan whole Page 2 for elements specified in "item" option
- Forth, appending items found to "container" .

Conclusion

That's all for default Blogger templates. Because HTML structure of Blogger default templates are the same, so you can apply this post to all them (except Dynamic Views templates).
In the next part, I will show you how to apply infinite scrolling to custom Blogger template.
Thanks for reading, and feel free to leave me feedbacks.
مرسلة بواسطة في ليست هناك تعليقات:

الأربعاء، 13 فبراير 2013

Simplex Design blog : Why my Adsense doesn't appear on Simplex Newspaper II

Simplex Design blog : Why my Adsense doesn't appear on Simplex Newspaper II

Link to SimplexDesign - free premium blogspot template

Why my Adsense doesn't appear on Simplex Newspaper II

Posted: 12 Feb 2013 07:51 AM PST

This tutorial goes out to all those who download SIMPLEX ADVANCE NEWSPAPER II. 
I will be giving you tips on how to manipulate this template for SEO (search Engine Optimization). Now For those who must have downloaded this template, have you ever noticed that the ads (probably AdSense) you put doesn't appear on the inner pages of your template? SIMPLEX NEWSPAPER II is no doubt on of the best template from SimplexDesign collections, and many people would want to use it to build a very strong audience for their blog with its attractive looks and gain rewards for that with AdSense being integrated into it. But come to think of it, how do you intend to achieve these rewards for ads without not being able to show ads on all you pages (including indexed label search pages) to increase click through rate (CTR)? I will be taking this little opportunity to demist little tips on how to do this with the following few steps

First of all, open the Xml template with any word editor and look for a very strategic position for your ad placement (If you just downloaded it).
Or you can log in to your blogger dashboard and find the Template link and click on HTML
Blogger login page Template HTML

For me I decided to place it in between Recent Entries and Recent Comments. You will agree with me that this position is the best place to place our ads so that readers can easily have their eyes on it at all glance. I also noticed the relatively large width of that position and found out that Google 300x600 Large skyscraper ad will fit into it perfectly (no pun intended)

Go tohttp://www.htmlescape.net/htmlescape_tool.html to encode your adsense
See diagram below for instructions


You can virtually place adsense code anywhere it pleases you within the template.
I hope it works
You can see the prove from my blog http://naijafreakynews.blogspot.com
That's all

About Guest Blogger

This post is written by Adanyebe Anthony from http://naijafreakynews.blogspot.com
مرسلة بواسطة في ليست هناك تعليقات:

الجمعة، 8 فبراير 2013

Simplex Design blog : Top 3 Reasons Blogs Fail

Simplex Design blog : Top 3 Reasons Blogs Fail

Link to SimplexDesign - free premium blogspot template

Top 3 Reasons Blogs Fail

Posted: 08 Feb 2013 07:59 AM PST

Top 3 Reasons Blogs Fail
The New York Times reported in 2008 that about 95 percent of people who start blogs abandon them. An abandoned, or failed, blog is a blog that isn't updated for 120 days or longer. That's a huge amount of people who had at least an iota of ambition and, for one reason or another, lost it. At least some of these blogs were business-related.
Starting a blog seems incredibly simple, especially with the slew of free programs that feature a fill-in-the-blank approach. However, writing daily (or even weekly) can be frustrating, especially when you're not getting comments or followers. You might find an SEO company that offers blog maintenance along with other services. Unfortunately, that's not in the budget for many small businesses.

The Time Crunch

Many blogs fail because people don't think they have the time to update them regularly. This is an excuse, considering a short blog update only takes 15 to 30 minutes. Of course, this is a slice of time that can be spent surfing the web or taking a coffee break. Blogs aren't considered real work, but of course they are.
It's important to schedule time for blogging and stick to it. Some people are very ambitious in the beginning, but that drive quickly fades as you feel that no one is reading what you write. Getting blog readers takes constant outreach and relationship building with other bloggers. Utilize your existing customer base and any social media presence to boost your blog.

The Poor Skill Set

Some lucky people are getting readers, but the interest wanes quickly. This can happen if you're not a real blogger. It takes a certain kind of writer, usually a professional, to garner and foster blog readers. Not everyone has the skills to find high-quality images and produce consistently solid writing.
Ideally, you can hire a freelance writer to take care of this project. If that's not possible, make sure you use the best writer at your disposal. Remember that this is an additional job on top of current demands, so re-distribute time or pay accordingly. Most importantly, if the person you use isn't a professional writer, don't expect their work to reflect otherwise.

Prioritization Issues

Similar to time-crunches, blogs are often put on the back burner. They're abandoned during busy seasons, or the writer thinks it's fine to skip just one day (and then a few more). There are always priorities in small businesses, but blogs can't come last. They need to be somewhere in the middle in order to survive.
I've worked with businesses who want me to save their blog. That's a tough task when they only allot a handful of blogs to me and expect that to be the magic cure. Assess if you have the time, skill and drive to start a successful blog. Having no blog is better than a neglected one.

About Guest Blogger

Adrienne is a blogger and aspiring writer. When she's not blogging about tech and social media on her site Pongra, you might find her practicing her French, whipping up some recipes she found on Pinterest, or obsessing over vintage postcards and stamps.
مرسلة بواسطة في ليست هناك تعليقات:
الاشتراك في: الرسائل (Atom)