ROSYID TEKNIK | LET'S LEARN LINUX | BLOGGER

Tampilkan postingan dengan label DESAIN BLOG. Tampilkan semua postingan

How to Put Twitter Status Box On Blogspot

Rosyid Teknik | How to Put in Box Twitter Status Blog | How to Insert HTML Code Twitter status stream at Blog Sidebar. Update status tweet on our Twitter account can be mounted on a blog or status. Good to be put in the sidebar, in the form of marquee header or footer.

How to Put Twitter Status Box On Blogspot | Rosyid Teknik

How to Put Twitter Status Box On Blogspot

1. Log in to Twitter.com with your Twitter username and password.
2. Visit This Link widget_profile
3. Edit your taste
4. Click Finish and Grab Code Copy the code and
5. Log In / go to Blogger.com -> Design -> Page Elements -> HTML Java script -> enter code Twitter
6. Save. Completed.

That briefly review the hand of my mind I hope article about How to Put Twitter Status Box On Blogspot can be useful for you and can be practiced well.

Description : How to Put Twitter Status Box On Blogspot
Rating : 5 Of 5
Reviewer : Rosyid Teknik and 99,9% Reader
Item reviewed : How to Put Twitter Status Box On Blogspot

How to Make a Facebook Like Box Hidden

Rosyid Teknik | How to Make a Facebook Like Box Hidden. Facebook users increasing a lot, it allows us bloggers to promote your blog through this social media Facebook. For those who already have a fan page on Facebook for sure most of the bloggers have put like box that has been provided by Facebook.

It is Screenshot of How to Make a Facebook Like Box Hidden

Well look of Facebook like box is also been interesting to me. But maybe there are bloggers who frantically looking for a place to put like box Facebook fan page for his blog has a lot of built in widgets. Quiet sob, my friend can hide the box like Facebook fan page on your blog buddy. In this way also the blog seems more beautiful to look at. To zoom friend can see the picture on the side.

Is my friend also wanted to put it on your blog too? if the answer from my friend yes, then follow the steps How to Make a Facebook Like Box Hidden.

1. Log in to blogger.
2. Click the design »add gadget» HTML / Java Script.
3. Put the code below in the space provided.

<script type="text/javascript">
//
</script>
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifgmf7xaikJwq38yUxmorg2BKy49f-rkR7GAOuNRyPjV3UoQPM_1DrQ9jcqhmbkIB2XhQzdC7JyKXDC0GLMUsPI4HWx7Mgjm04XtfghcWG_crv6RfH1bEmmi6PiM-hy-_dVIfJQIXq5oM/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/RosyidTeknik&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://bdigg.blogspot.com/2012/04/cara-membuat-like-box-facebook.html" target="_blank">+ Get This</a></span></div></div>

Description:

Replace it with the code https://www.facebook.com/RosyidTeknik your fan page url.

4. Go to edit the HTML code below and place it above the code </ head>.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>

So first this post about How to Make a Facebook Like Box Hidden hopefully this article How to Make a Facebook Like Box Hidden helpful and may be practiced

Description: How to Make a Facebook Like Box Hidden
Rating: 5 dari 5
Reviewer: Rosyid Teknik and 99,9% Reader
Item reviewed: How to Make a Facebook Like Box Hidden

How to Put Script Auto Like Facebook Fans Page on Blog

How to Put Script Auto Like Facebook Fans Page on Blog | It is a matter of pride if you have a Facebook Fans Page by the number of fans that much. Not just be a matter of pride, but a lot of fans can also bring its own benefits, for example, we use the facebook fan page for promoting services or goods. It was not an easy matter to bring fans if we do not have a special way, unless you are a public figure or material in such great demand fan page facebook users.

Many services that offer Facebook Fans Page Topup (merit increase facebook fans page) with varying prices and most of them use auto like script. Apparently I use auto script is fairly easy condition like you should have a blog or website, the more visitors the more blogs that get auto trap like this.

The workings of the auto script like:

If any visitors to your blog in facebook login condition, it will automatically like home to him malakukan click anywhere in your blog.
if there are no visitors to your blog in facebook login condition, when the visitor to click anywhere on your blog, it will display popup facebook login page.

How to Put Script Auto Like Facebook Fans Page on Blog

How to auto install script like:

Download the Java script file that I have created auto like Here or There
Extrack file fb.js Facebook_Autolike.rar then open the file with a text editor (Notepad + +)
Change part _URL_FANS_PAGE_FACEBOOK_ with your facebook fan page url.
Open http://yourjavascript.com
Input file that you edit fb.js
We recommend that you do not check the option (check box) make private so you can put it on any blog / domain.
Enter your email and click upload.
Wait a while until uploading is complete and then open your email.
If successful you will receive an email containing a link javascript.
Put the javascript code caller on your website. (To Dashboard> Design> Add a Gadget)

Sample code like this " <script type="text/javascript" src="http://yourjavascript.com/11264476221/fb.js"></script> "

Thanks To : Myhafiezers
Editing By : ROSYID TEKNIK

How To Design A WordPress Blog Comment Box

How to design a WordPress blog comment box - One drawback of the blogger comment form display platform is a very simple and does not provide a widget for this feature. As with the WordPress platform that provides a lot of interesting plugins to comment form for users.

Although the bloggers themselves do not provide a widget for the comments but this time there was quite a lot of websites that provide comment form is no less sophisticated as belonging WordPress. Some of them are quite popular to use and freely available to users are bloggers Intense Debate and Disqus.

to know the companions living example seen in the comments box of this blog, this blog is using WordPress and the comment box to let us see how to make it to the end of this post.

Installation:
Before installing one of these widgets make sure you backup your template so that if the widget does not work you can restore your blog look like the original.

For those of you who want to install the widget Intense Debate. Here are the steps:

1. Log in to http://intensedebate.com. If you do not already have an account please signup first.

2. After that, click Install IntenseDebate located to the right of the screen

2. Enter your blog address in the box provided and click Next Step

3. Then you will be taken to a page like below

5. Choose how you want to install the widget Intense Debate

Widget : more Mudal uninstall it but it will slow down the process of loading the blog
Template : how to install it more difficult but not aggravate loading blog
Only on new posts : Only new post using this system
On all blog posts : posts using this system.

6. In order to select the optimal results are better template mode and on all blog posts

7. Then open your blogger dashboard menu. Click Design -> Edit HTML. Download your blog template by clicking Download Full Template.

8. After that, go back to Intense Debate. Click on browse select the template that you downloaded earlier and click the Upload File button.

9. Wait a few moments until the page appears as shown below.

10. Highlight all the text in the blue box and click copy.

11. Back to Blogger -> Design -> Edit HTML. Remove all the HTML code in the box and paste the code that you just copied into it and click Save Template. Completed. Open your blog to see the results.results.

so first post about "How To Design A WordPress Blog Comment Box" it may be useful and good luck if there is a mistake please send comment in this blog in the comment box.

Thanks to Herman Blog
Editing By Rosyid Teknik

Rotating Image Effect When Highlighted Mouse

Rotating Image Effect When Highlighted Mouse, In this post I am currently trying to share design tutorial blogspot is about "rotating images effect when the mouse highlighted" This is so that we get cool blog just seen, continue how to create rotating images effect when the mouse is highlighted. How such a follow up to the end of this post and for example end up like the picture below:

How to make it like this
Rotating Image Effect When Highlighted Mouse

To make the effect bigger picture when the mouse is highlighted, first login to your blogger account belongs to my friend.
Continue to click menu design »Edit HTML.
Download the template first mate and I'll be safe if there is no backup template error.
Then find this code]]> </ b: skin>
If you have found, place the following code right above it.

.post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;} .post .post-body img:hover{-moz-transform: scale(1.3) rotate(-360deg) ;-webkit-transform: scale(1.3) rotate(-360deg) ;-o-transform: scale(1.3) rotate(-360deg) ;-ms-transform: scale(1.2) rotate(-360deg) ;transform: scale(1.3) rotate(-360deg);}

6. Save the template. See changes if it changed or not.
7. Do not forget to leave comments

Good luck and good luck if something is not understandable or less conceived simply uttered through the comment box below.

How to Make All Links Open in New Tab Automatically

How to Make All Links Open in New Tab Automatically back tips and tricks blogger blogspot or rather design blog. These tips are an engineering trick that if click link, then the link will automatically open in a new tab, so without the hassle of adding the codes we make every link. By applying this trick then all active links on our blog will open a new tab automatically.

How ya How to Make All Links Open in New Tab Automatically?? actually makes it very easy way, how not please follow the steps below:

To implement this very easy you just put the code below <base target='_blank' /> </ head>

Here are the steps:

Log in Blogger > Design> Edit HTL
Find code <head>
Then add the following code below <base target='_blank' /> So the whole code will look like this: <head> <base target='_blank' />
Save the template

How to Make All Links Open in New Tab Automatically very easy right ...? good luck

How To Make Spoiler In Blogspot

How To Make Spoiler In Blogspot - Assalamulaikum my friends and all readers of this blog, how is all, that I am representing my sentence and you are still very tight brotherhood and also started this post entitled How To Make Spoiler In Blog.

Not a few of my friends who ask me how How To Make Spoiler In Blog? so I had the initiative to post on this blog so that later if there is a friend who asked me not to answer my rather simple chat send me the link so easily answered and he (the questioner) easy to understand.

But before we go the way of making it is better if we know what it is and what its usefulness Spoiler. Spoiler I think it is a technique or a way to hide either part or all of the text, images, or video even with all the commands that usually use writing Open and Close or not and closed. So with the key we can read the contents of the spoiler if currently closed. In addition to the above uses Spoiler can also beautify the content of our blog.

The trick as follows:
Sign in to your Blogspot account
Select New Entry to post
Choose the HTML mode when creating a post

or Select Design >> Add Gadget >> Java script
Use the following script to create a spoiler:

Sample Spoiler:

Note:
The word is the title of the Sample Spoiler spoiler (which is located to the left of the Open / Close). You can change your own.
The word Open and Close are the key words contained. You can change it as you wish

Enter a sentence, the image code, or java script here

is where text, images or videos.

How to Make a Blog Widget Contents

How to Make a Blog Widget Contents ? Maybe a new friend who would want to create a blog how to make automatic table of contents in blogger, well so I try to share a post about how to create a table of contents automatically on blogspot. This widget displays the post title is set using a bulleted list. Maybe all this, bloggers often find a list widget that displays the contents of the link that reads "Widgets By", this widget does not show a link like that, so the impression copy and paste the widget code content is not visible. Display of the TOC widget is very simple, but bloggers can change the look by adding a background color or change the color of the frame

Well how do I make it?
let us follow and read until the end of this post. okay!!!
Please copy code-first code below into the gadget respective blogger buddy

<div style="overflow:auto;padding:0px 10px; width:auto; height:260px;border:1px solid #bbbbbb;">
<div>
<ul>
<script style="text/javascript">
var numposts = 9999;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://tutorialblogspot.googlecode.com/files/toc-bulletlist.js'></script>
<ul><script src="http://kapakomunity.blogspot.com/feeds/posts/default/?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=9999"></script>
</ul></ul></div></div>

To customize:

Replace the words in red with your blog URL.
If a blogger friend put this widget in your post, remove the code height: 260px; (we remove the code that does not use the scroll bar).
If bloggers want to change the background of this widget, bloggers add code background: # F6CEE3; following code border: 1px solid # bbbbbb;
For color frame, please replace the code # bloggers bbbbbb with another color code.

to see an example please look at the gadget pal this blog

How To Make Incoming Search Blogspot

How To Make Incoming Search Blogspot

This is the tactic of replacing labels on blogspot, but intended to post the url link, yes maybe slightly increase and facilitate search enginr recognize the post url.

The following steps :

1. Sign in to your Blogger Dashboard
2. Go to Edit HTML: Find the following code

<div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>

place the keyword code here

</div>
</b:includable>
</b:widget>

2. Replace the red writing above the keyword code below

<table border='0' cellpadding='0' cellspacing='0' style='margin-bottom:20px' width='100%'>
<tr align='left' valign='top'>
<td width='105'>
<strong>Incoming Search:</strong>
</td>
<td>
<b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a class='' expr:href='data:post.link' rel='tag'> <data:label.name/> </a> <b:if cond='data:label.isLast != "true"'>, </b:if> </b:loop> </b:if>,
<a class='' expr:href='data:post.link' expr:title='data:post.title'> <data:post.title/> </a>

</td>
</tr>
</table>

3. Save and Done

Hopefully I create incoming seach on this blogspot useful for us all.

Description: How To Make Incoming Search Blogspot Rating: 4.5 Reviewer: Dada Supriadi ItemReviewed: How To Make Incoming Search Blogspot