Showing posts with label widget blog. Show all posts
Showing posts with label widget blog. Show all posts

Tuesday, September 28, 2010

Already a few days I share tutorials and cheat for the game point blank that may now much sought after by the gamers and cheaters. I actually was not a loyal gamers but I just wanted to share it. but on this occasion I'd love to share more articles tutorials for blogging.

Them know with your social networking site Twitter? is surely, even you often use to communicate with friends, relatives, family and parents as well or boyfriend.

A blogging usually set up an account at social networking site Twitter was just to find a lot of traffic or visitors, why like? because right now most people gathered in networking sites like Facebook, google buzz, Yahoo Koprol, Twitter and many other such networking sites.

Blogging usually requires widgets or gadgets to enhance the appearance of their blogs. but on this occasion only change the look of twitter widget for bloggers who semulanya backgroundnya standard but which I share to you is more interesting and more neat and more comfortable in seeing.

Twitter

I do not want to elaborate on this occasion because there was no spare time for me. ie note the steps below:

Open your blog or to login at blogger.com
Select a blog that will be displayed on twitter widget
If you've signed in you click on add gadgets
Then you select the HTML / JavaScript
Then you enter scritp Destroy this widget I've become more good and interesting.

<div style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-vTryNKWHdXHfjDfqTaguahCf-7ozL7-O6_n2g-uk7Z5xLWudR38pWml4KTpqHe649UbBgvQ36MWRvK8O-EDDUCv0ThcN_sZ46AdPJUGP0-WgvYgnSG72WjNWBnFMZ2WkESvpMYtGPM-Y/s1600/tweetbox.gif) no-repeat; padding-top:65px;padding-left:12px;'>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 275,
height: 255,
theme: {
shell: {
background: '#transparent',
color: '#555555'
},
tweets: {
background: '#transparent',
color: '#222222',
links: '#3b5998'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: false,
timestamp: false,
avatars: false,
behavior: 'default'
}
}).render().setUser('alexaprayogo').start();
</script>
</div>

If you've entered do not forget at the store and see the results of friends.

Note:

To change the display to your liking you can change through this red link (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-vTryNKWHdXHfjDfqTaguahCf-7ozL7-O6_n2g-uk7Z5xLWudR38pWml4KTpqHe649UbBgvQ36MWRvK8O-EDDUCv0ThcN_sZ46AdPJUGP0-WgvYgnSG72WjNWBnFMZ2WkESvpMYtGPM-Y/s1600/tweetbox.gif)
To change your post let me get into twitter widget you can change the nickname that like this (alexaprayogo)

Wednesday, August 18, 2010

In this opportunity I am eager to provide an article or widgets are crucial blogspot maybe once in the blogging world to improve your blog SEO. for the blogging mania may have been using this widget is Recent Post but at this widget widgets exist in its addition of the pictures, even in the menu widget exists as in post there yait Date, More, just like that.


And I took this widget from a blog that has been popular by those who first started blogging. these widgets you can modify your own important to understand the HMTL and CSS.

I do not want a long conversation with this article because it is still much work to me finish. you want to use these widgets see below :

  • First you copy the code below, in blue :


<script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script>
<script style="text/javascript">
var numposts = 10;
var showpostthumbnails = false;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 200;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>

  • Then you must first go to the Design and Page Element.
  • Then you click add gadgets.
  • After that you select HTML / JavaScript.
  • If It's Going to the choice of HTML / JavaScript that you please enter the code blue and you had already copied earlier.
  • then do not forget you save.
  • After that you can see the results of these widgets.
Note to you:

If you want to use the note below:

if you want to display the latest articles as much as 5 or 20 articles please replace the code that is also red, below.
var numposts = 10;
 
if you want your latest article has a picture please you replace with True red.
var showpostthumbnails = false;


if you want to show other features that you please replace that code with the code of the True Red color. 

var showpostthumbnails = false;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;



if you wanted to modify all the recent post you need JavaScript please can you look at the URL below.


http://bloggerplugins.org/scripts/recentpostswiththumbs.js

    Monday, July 12, 2010

    time this post is a post Which I think is very exciting Because this was the first time I posted about the blog or website. the previous post I discussed about the icons - 3D icons social site.

    but on this occasion are still discussing about with websites and blogs sekitaran That is the problem of hacking websites.

    protect your website or blog from plagiarist

    Have the source code for your website or blog is Stolen or copied to Others? That without your permission or knowledge? or maybe you yourself are too often take or steal or copy the source code to Others, yes? hehehehehehehe .... kidding me.

    Remind you but I often steal or copy the WHO the source code for blogs or websites of other people, sorry for the people WHO Make That Same Tired. Those of you WHO but often stok the live copy and paste it. Complaints!

    eg you have a good blog or website of the design and the other, then the source code is taken on, come on how? certainly very annoying really. our work is taken must be very sick sekail, but people WHO live very very nice copy paste. Those ESPECIALLY WHO copy the source code has admitted he has copyrighted or creator.

    therefore in this post I Will solve or eradicate Those WHO like to steal, copy the source code of the website and blog with us, in Airways We encrypt the source code via this address: http://crypo.com/

    WHO Those That so frequently copy and steal the source code or the people WHO are not responsible is not easy to copy or steal our source code again.

    I found this address: http://crypo.com/ That Can encrypt and decryption source code, from my browsing results.

    you please try the services of These websites to protect your work in order not to be copied by Others Who Are not responsible.

    Hopefully useful and good luck.

    Friday, January 15, 2010


    a new widget for your very very important function because the widget is intended to help victims of earthquake disaster in American. This is now a blogger had made reforms in the labor system in the blogger buzz. because of natural disasters and not only that the American people at this time the unfortunate natural disaster, blogger buzz today's support disaster relief in Haiti. the company and others. you are using blogger to work in this virtual world, a site has provided a special widget for you all to the readers of your website can help us in contribute money to the international Red Cross disaster relief efforts. Red Cross assures us that 100% of the money will disaster relief efforts in Haiti - we and they thank you for your support.

    please let's try some widgets that have been provided by blogger to help the earthquake victims. want to know how to install the widget? follow the steps - the steps below:

    1. You need to login to blogger
    2. if you've entered your dashboard just scroll down to the reading list.
    3. then you do the blogger Buzz tab.
    4. then you select the size of the widget that will in your life for the tide to your blog.
    5. then select the blog that will be installed widgets help the victims.
    6. do not forget the save ya
    7. you see
    8. done







    I hope this information useful, because this information had just been issued by the blogger. let's plug! let's help the victims with this widget!

    Tuesday, November 3, 2009



    Tag Technorati: {grup-tag},,
    Rock when I do surf and a lot of people consulting with me. I told them to send email to me, but after I answered and no answer to any of their consultation. I think again if they are able to own or already get from other people, I do not know it all because I did not have time to do research on them because I am busy with school and my job is to cover all my spare time at home. And I do blogging every day or every week when I was only just refreshing. This time I took time to make sure the post for beginners blogging for beginners blogs a lot to ask about how to change the text or OLDERPAGE HOME or the like that we are home to a small icon in order that we can Professional blog, like yesterday's post about 17 tips and tricks blog professional, including entry in here. We just came into our topic of making a small icon to the writing and the other Home, follow these steps - steps as follows:

    The first course was conducted at blogger.com and login to edit the HTML layout and select the expand widget template.
    Next find the code like below:
    But I suggest to simplify the code search - a lot of code that you may not find 1 / 1, you click the CTRL + F and enter the code you will search in the box that was provided to conduct these searches


    <span id='blog-pager-newer-link'>
    <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
    </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
    <span id='blog-pager-older-link'>
    <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
    </span>
    </b:if>
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    <b:else/>


    When you've found the code above instead of the red color icon that you have provided:
    � Data: newerPageTitle = new post
    � data: the Old Post olderPageTitle =
    � Data: homeMsg = Home (front page)
    was code for the following image link:


    \x3cimg src='http://URL image you'/\x3e
    \x3cb:else/\x3e

    but when you're done changing the icon you want to be sure to save the template. Then see the results of the earlier edits.
    If the above script in the other join would be a case of this

    <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'> <img src='http://Url ICON anda'/></a>
    </span>

    Good luck hopefully s tips and tricks can be very useful for the beginner to the master of my blogging this post out because many people are asking about this. Enough of this post may be useful to the blogging.

    Monday, November 2, 2009

    In this opportunity I'd love to experience and the things I used to have my blog and tips and tricks of times I've managed to  impose on my blog, therefore you should not hesitate to use these tips and tricks in beautifying your blog because blogs need a professional once, in the past I've pulled a post that gives you the knowledge to blog prefesional and I have 17 tips and tricks blog professional We go directly to our topic this time about how to remove the post with a label showing .... show all post, follow these steps - these steps:
    1. Login to Blogger then select "Layout"
    2. Click on "Edit HTML", check the "Expand Widget Templates"
    3. Find the code below in red :


    <b:includable id=’status-message’>
    <b:if cond=’data:navMessage’>
    <div class=’status-msg-wrap’>
    <div class=’status-msg-body’>
    <data:navMessage/>
    </div>
    <div class=’status-msg-border’>
    <div class=’status-msg-bg’> 
    <div class=’status-msg-hidden’><data:navMessage/></div>
    </div>
    </div>
    </div>
    <div style=’clear: both;’/>
    </b:if>
    </b:includable>

    4. To more easily press ctrl + f to search


    5. Replace the above code with below code

    <b:includable id=’status-message’>
    <b:if cond=’data:navMessage’>
    <div>
    </div>
    <div style=’clear: both;’/>
    </b:if>
    </b:includable>

    6. Save template
    Now try you click on the category you or do search .. whether there was writing Showing posts with label .... Show all posts. But do not forget after work or do not provide your comments on this post so I can fix it all when things go wrong in the script or the other. I say many thanks

    Saturday, October 24, 2009

    in this post I want to answer a question from my friends who like blogging and others. there is this friend of mine who unfortunately HS residing in bandung, he said how, create way these google translate? My answer is very easy. This step - step mas ... is as follows:
    1. you to login to blogger.com
    2. then you go straight to the layout
    3. add widgets
    4. then you select the HTML / Java script
    5. then you enter the code - code that is below dah..

    <div id="google_translate_element"></div><script>
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({
        pageLanguage: 'en'
      }, 'google_translate_element');
    }
    </script><script src="
    http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

    Do not forget to save the widget translate

    Thursday, October 22, 2009

    how do I change the name of the link "post a comment" to discuss Indonesia or English, for a very simple example for you "give your comment", "your comments", and many examples. we come to the point we are about how to change the name of the link to post a comment. for steps - steps as follows:



    1. Go to your Blogger layout tab, then click Edit HTML 
    2. Check the Expand Widget Tempelates  
    3. Next you find the following code in the Edit Template



    <p class='comment-footer'> 


    <a expr:href='data:post.addCommentUrl' 
    expr:onclick='data:post.addCommentOnclick'> your comments </a> 
    </p>


    you can comment you replace your liking.
    4. When finished, do not forget the Save

    Wednesday, October 14, 2009


    in this post I just repost a post that has a lot of in posting by many blogs in the world or the webmaster who spread on the Internet or cyberspace. but I just add it on the first post related to a new post related to an image that is as follows:

    1. First, go first to the Edit HTML, do not forget to check the "Expand Widget Templates"
    2. Look for this code \x3c/ head\x3e
    3. Then replace the code below

    \x3c! - Related Posts with thumbnails Scripts and Styles Start -\x3e
    \x3cb:if cond='data:blog.pageType == "item"'\x3e
    \x3cstyle type="text/css"\x3e
    # related-posts (
    float: center;
    text-transform: none;
    height: 100%;
    min-height: 100%;
    padding-top: 5px;
    padding-left: 5px;
    )

    # related-posts h2 (
    font-size: 1.6em;
    font-weight: bold;
    color: black;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin-bottom: 0.75em;
    margin-top: 0em;
    padding-top: 0em;
    )
    # related-posts a (
    color: black;
    )
    # related-posts a: hover (
    color: black;
    )

    # related-posts a: hover (
    background-color: # d4eaf2;
    )
    \x3c/ style\x3e
    src='
    http://blogergadgets.googlecode.com/files/relatedthumbs21.js' \x3cscript type='text/javascript'/\x3e
    \x3c/ b: if\x3e
    \x3c! - Related Posts with thumbnails Scripts and Styles End -\x3e
    \x3c/ head\x3e


    4. Now looking back the code below
    \x3cdiv class='post-footer-line post-footer-line-1'\x3e
    If you do not find the code above, try searching the code like this
    \x3cp class='post-footer-line post-footer-line-1'\x3e
    if is met, live input all the code below under one of the above code that associates found.
    \x3c! - Related Posts with Thumbnails Code Start -\x3e
    \x3cb:if cond='data:blog.pageType == "item"'\x3e
    \x3cdiv id='related-posts'\x3e
    values='data:post.labels' \x3cb:loop var='label'\x3e
    cond='data:label.isLast \x3cb:if != "true"'\x3e
    \x3c/ b: if\x3e
    \x3cb:if cond='data:blog.pageType == "item"'\x3e
    \x3cscript expr: src = ' "/ feeds/posts/default/- /" + data: label.name + "? alt = json-in-script \x26 callback = related_results_labels_thumbs \x26 max-results = 6"' type = 'text / javascript'/\x3e\x3c/ b: if\x3e \x3c/ b: loop\x3e \x3ca href ='
    http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html 'style =' display: none; '\x3e Related Posts with thumbnails for bloggers \x3c/ a\x3e \x3ca href='http://www.bloggerplugins.org/' style='display:none;'\x3e blogger widgets \x3c/ a \x3e
    \x3cscript type='text/javascript'\x3e
    var currentposturl = "\x3cdata:post.url/\x3e";
    var maxresults = 5;
    var relatedpoststitle = "Related Posts";
    removeRelatedDuplicates_thumbs ();
    printRelatedLabels_thumbs ();
    \x3c/ script\x3e
    \x3c/ div\x3e \x3cdiv style='clear:both'/\x3e
    \x3c/ b: if\x3e
    \x3c! - Related Posts with Thumbnails Code End -\x3e

    5. Do not forget to see the results stored dah
    To show how many posts related to editing the code below:
    var maxresults = 5;
    To change the title, you can edit this code: 
    var relatedpoststitle = "Related Posts";
    I hope you succeed .... good luck for your blog and do not forget to comment for this post.

    Friday, September 25, 2009

    Tag Technorati: {grup-tag}
    in this post I provide tips and tricks to play on bloggers who are in the favorite one and often people look for the widget or a tutorial from the blog or the other. so provide knowledge and the results of my practice to you for the learning or use. please do not much talk or just chat on the topic, which is as follows:
    1. Login to blogger
    2. On the Dashboard select Layout> Edit HTML tab
    3. To be safe Download full template can be used for backup.
    4. After that search the following code

    <b:section class='sidebar' id='sidebar' preferred='yes'>
    should be noted en blogs you might be different to have me so be careful.
    5. Copy - Paste the following code after the code <b:section place class='sidebar' id='sidebar' preferred='yes'>
    id='Label99' <b:widget locked='false' title='Labels' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2> <data:title/> </ h2>
    </ b: if>
    <div class='widget-content'>
    <object type = "application / x-shockwave-flash" data = "http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width = "250" height = "200" allowscriptaccess = "always">
    <param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
    <param name="bgcolor" value="#ffffff" />
    <param name = "flashvars" value = "tcolor = 0x000000 & mode = tags & distr = true & tspeed = 100 & tagcloud = <tags>
    <b:loop values='data:labels' var='label'>
    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'> <data:label.name/> </ a>
    </ b: loop>
    </ tags> "/>
    <p> href='http://www.roytanck.com/'> <a Blogumulus by Roy Tanck </ a> and <a href='http://www.bloggerbuster.com'> Amanda Fazani </ a> </ p>
    </ object>
    </ div>
    <b:include name='quickedit'/>
    </ b: includable>
    </ b: widget>

    6. Click Save if you have templates.
    7. Finished ---- View your blog.
    By doing the above step, then the label blog you've made in a flash. To match this widget to your blog note the following information:
    Width = "250" (adjust the width to the width you blog with how to change the value of 250)
    Height = "200" (adjust the height to the height of your blog by replacing the value of 200)
    name = "bgcolor" value = "# ffffff"
    (FFFFFF is the code for white color you can change color according to your blog).
    To change the color of the writing for this code
    value = "tcolor = 0x000000
    (000,000 is the code for black color)
    To change the font size of its search code
    expr: href = 'data: label.url' style = '12 '>
    (figure 12 shows the size font there may be substituted according to your blog).
    So once ....! Hopefully useful.
    Good Luck ..!!!!

    Tuesday, September 22, 2009

    Tag Technorati: {grup-tag}
    Post this time, I want to give you how to create animated menus that are on the right or left of your blog. Widget menu list one of the most interesting in my opinion, for example you can see my right-wing blogs have animated menus. You are interested ........??? The following steps - steps made.

    # Log in to Blogger with your ID.
    # Select the Layout then click Edit HTML.
    # Back up the template first, if fear of failure.
    # Look for this code: </ head> in your template.
    # Copy the entire code below, then paste it right above this
    code:
    <style>
    # menu1 a (color: white; background-color: # 3D81EE; text-decoration: none; text-indent: 1ex;)
    # menu1 a: active (color: white; text-decoration: none;)
    # menu1 a: hover (color: brown; background-color: # 0066CC)
    # menu1 a: visited (color: yellow; text-decoration: none;)
    </ style>
    <script language='JavaScript1.2' src='http://www.geocities.com/adestd40/mmenu.js'/>
    <script>
    resizereinit = true;
    menu [1] = (
    id: 'menu1',
    bartext: 'MENU BLOG',
    menupos: 'right',
    barbgcolor: "# FF0000",
    barcolor: "WHITE",
    barfontweight: "bold",
    barfontsize: '100% ',
    bordercolor: '# ffffff',
    fontsize: '100% ',
    linkheight: 20,
    hdingwidth: 210,
    menuItems: [
    [ "Home", "http://www.echabintangtimur.blogspot.com", "_self"],
    [ "Tutorial Blogger", "http://www.echabintangtimur.blogspot.com/search/label/Tutorial% 20Blogger", ""],
    [ "Software", "http://www.echabintangtimur.blogspot.com/search/label/Software", ""],
    [ "Anti Virus", "http://www.echabintangtimur.blogspot.com/search/label/Antivirus", ""],
    [ "Exchange Links", "http://www.echabintangtimur.blogspot.com/search/label/Tukar% 20Link", ""],
    [ "Banner Links Friends", "http://www.echabintangtimur.blogspot.com/search/label/Tukar% 20Link", ""],
    [ "The Color Code", "http://www.echabintangtimur.blogspot.com/2009/06/kode-warna-html.html", ""],
    [ "Blog Contest", "http://www.echabintangtimur.blogspot.com/search/label/Blog% 20Kontes", ""],
    [ "Motivation", "http://www.echabintangtimur.blogspot.com/search/label/Motivasi", ""],
    [ "Trick Tips", "http://www.echabintangtimur.blogspot.com/search/label/Tips% 20Trik", ""],
    [ "Award", "http://www.echabintangtimur.blogspot.com/search/label/AWARD", ""],
    [ "Contact Me", "http://kontactr.com/user/echabintangtimur", ""],
    [ "Back To Top", "#", ""] / / at the end of the entry should not be given a coma
    ]);
    make_menus ();
    </ script>

    # The data above is the data shown in the floating menu star.
    # Replace the red printed with the data you want to display and only as an example.
    # When finished click Save Template.
    # See the blog you now.
    # Good luck, hopefully useful ...!!!
    Widget Code menu located above the right wing of your blog, if you want to change it so the left wing, menu post replace this sentence: 'left', became menu post : 'right',
    Subscribe to RSS Feed Follow me on Twitter!