Cari Blog Ini

Tampilkan postingan dengan label blogger. Tampilkan semua postingan
Tampilkan postingan dengan label blogger. Tampilkan semua postingan

Minggu, 17 November 2013

Cara Menambahkan Admin atau Penulis di Blogger

Hay sahabat mazinu? apakah kalian menginginkan blog kalian mempunyai 2 admin? tapi kalian masih belum bisa cara menambahkan admin baru pada suatu blog? Baca tutorial dibawah ini dengan cermat ya? silahkan disimak.


Perlu kalian fahami dahulu bahwasannya jika ingin menambahkan admin pada suatu blog, langkah pertama sebelum menambahkan menjadi admin, terlebih dahulu harus dijadikan penulis dahulu.

Bagaimana cara menambahkan penulis pada blog? Nih silahkan disimak.
1. Buka blogger.com dan login
2. Masuk ke Setelan - Dibagian Izin => Penulis Blog. Klik  +Tambahkan Penulis.
3. Nanti akan di sediakan isian, silahkan tulis email teman kalian yang akan di jadikan Penulis.
4. Setelah itu, teman kalian harus mengkonfirmasi melalui email yang tadi ditulis.
5. Setelah teman kalian yang kalian undang sudah mengkonfirm emailnya, Sampai disini, teman kalian tersebut baru menjadi 'Penulis'.
6. Jika teman kalian sudah mengkonfrim atau menyetujui untuk dijadikan penulis, Maka akan tampil seperti ini :


Itu berarti teman yang kalian undang sudah menjadi penulis blog kalian, tapi belum menjadi admin.
Bagaimana cara mengganti menjadikan admin? Silahkan disimak.
1. Masuk lagi di blogger.com
2. Dan kembali ke   Setelan - Dasar -  Izin. Pilih nama yang sudah menjadi penulis tadi dan klik tulisan Penulis di sampingnya.
3. Setelah itu, pilih Admin.
4. Simpan, dan hasilnya seperti ini :


Yah, berarti teman yang kalian undang sudah resmin menjadi admin blog kalian. Semoga bermanfaat.

Selasa, 10 September 2013

Deleting a Blogger Blog

I know you have been wondering about it; I know you have been staying up awake at night worrying about it; I know you have been pulling out your hair trying to find it, so here is the solution to your problem -- how to delete a Blogger blog in two easy steps. Somebody at Blogger thought that it would be great to hide the delete button in an obscure place that is difficult to find. It is under Settings in the Other tab and at the top of the screen. The screen shots to the left will help you find it and go through the process. After you hit the delete button there is one more chance to change your mind, which is always nice; plus, on the same screen you are given the option to download the blog.

Sabtu, 31 Agustus 2013

Cara Mengeposkan Artikel dengan HP (Ponsel) untuk Blogger

Sahabat Mazinu yang ingin update sebuah artikel atau postingan lewat HP (Ponsel), disini mazinu akan memberikan Tutorialnya cara update Arikel dengan HandPhone kalian. Ini cara mengepostkan artikel biasa mazinu praktekkan menggunakan Opera Mini di HP Samsung yang mazinu pakai. Jika kalian ingin mempraktekkannya Cara Mengeposkan Artikel dengan HP (Ponsel) untuk Blogger ini silahkan simak tutorialnya dibawah ini.

Cara Mengeposkan Artikel dengan HP (Ponsel) untuk Blogger
1. Buka akun blogger kalian.
2. Kemudian buka = Poskan Artikel dengan HP
3. Tuliskan Artikel yang ingin kalian Postkan, jika sudah selesai klik Terbitkan Entri.

Cukup mudah dan gampang untuk dipraktekkan, semoga Cara Mengeposkan Artikel dengan HP (Ponsel) untuk Blogger yang mazinu postingkan ini bermanfaat untuk kalian.

Cara Membuat Tulisan Mengetik Sendiri Tanpa Tabel di Blogger

Pada kesempatan hari ini mazinu akan memberikan tutorial Blogger tentang Bagaimana Cara Membuat Tulisan Mengetik Sendiri Tanpa Tabel di Blogger. Bagi sahabat mazinu yang ingin Membuat Tulisan Mengetik Sendiri Tanpa Tabel di Blogger silahkan simak tutorial yang mazinu berikan tentang Cara Membuat Tulisan Mengetik Sendiri Tanpa Tabel di Blogger ini.


Cara Membuat Tulisan Mengetik Sendiri Tanpa Tabel di Blogger
1. Buka Akun Blogger kalian.
2. Pilih Tata Letak - Tambahkan Gadget - Add HTML / Java Script.
3. Kemudian isikan dengan kode sript Tulisan mengetik sendiri dibawah ini.

<script language="JavaScript">
    var text="Terimakasih atas kunjungannya di mazinubersahabat.blogspot.com jangan lupa Ctrl+D dan Ctrl+S ya? Ditunggu kedatangannya kembali :)";
    var delay=10;
    var currentChar=1;
    var destination="[none]";
    function type()
    {
    //if (document.all)
    {
    var dest=document.getElementById(destination);
    if (dest)// && dest.innerHTML)
    {
    dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
    currentChar++;
    if (currentChar>text.length)
    {
    currentChar=1;
    setTimeout("type()", 5000);
    }
    else
    {
    setTimeout("type()", delay);
    }
    }
    }
    }
    function startTyping(textParam, delayParam, destinationParam)
    {
    text=textParam;
    delay=delayParam;
    currentChar=1;
    destination=destinationParam;
    type();
    }
    </script>
    <b></b>
    <br />
    <div 0px="" 10px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: white;">
    </div>
    <script language="JavaScript">
    javascript:startTyping(text, 50, "textDestination");
    </script>

4. Ganti kode warna merah dengan tulisan yang kalian kehendaki.
Cukup Mudah bukan? Nih mazinu juga memberikan Trik untuk memasang Tulisan Mengetik sendiri di Bawah artikel postingan kalian. Caranya :

Cara Membuat Tulisan Mengetik Sendiri Tanpa Tabel di Bawah Postingan
1. Buka Template - Edit Html
2. Copykan code dibawah ini tepat dibawah <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;script language=&quot;JavaScript&quot;&gt;
  var text=&quot;Terimakasih atas kunjungannya di mazinubersahabat.blogspot.com jangan lupa Ctrl+D dan Ctrl+S ya? Ditunggu kedatangannya kembali :) &quot;;
var delay=20;
var currentChar=1;
var destination=&quot;[none]&quot;;
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// &amp;&amp; dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+&quot;&lt;blink&gt;_&lt;/blink&gt;&quot;;
currentChar++;
if (currentChar&gt;text.length)
{
currentChar=1;
setTimeout(&quot;type()&quot;, 5000);
}
else
{
setTimeout(&quot;type()&quot;, delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
&lt;/script&gt; &lt;div 0px=&quot;&quot; 12px=&quot;&quot; arial=&quot;&quot; color:=&quot;&quot; ff0000=&quot;&quot; font:=&quot;&quot; id=&quot;textDestination&quot; margin:=&quot;&quot; style=&quot;background-color: none;&quot;&gt;&lt;/div&gt; &lt;script language=&quot;JavaScript&quot;&gt;
javascript:startTyping(text, 50, &quot;textDestination&quot;);
&lt;/script&gt;
</b:if>

3. Simpan dan Lihat Hasilnya nanti seperti ini :


Mazinu rasa cukup mudah untuk dipraktekkan Cara Membuat Tulisan Mengetik Sendiri Tanpa Tabel di Blogger ini. Semoga Cara Membuat Tulisan Mengetik Sendiri Tanpa Tabel di Blogger yang mazinu postingkan ini bermanfaat untuk kalian.

Minggu, 18 Agustus 2013

Add | Put | Customize Bullet List Style With Colorfull Circle Hover Effect In Blogger Blogspot

In this tutorial i will show you how to add or customize Bullet List with amazing two Color Hover Effect in blog post. In normal position means without place mouse on bullet it looks blue but when you run mouse on bullet links then it is changes into green color which is very good looking and nice effect and reader of your blog post is also feel nice and good. It shows your post as a professional post or blog. These types of small changes in blogger make your blog better and good looking or professional blog.

Add | Put | Customize Bullet List Style With Colorfull Circle Hover Effect In Blogger Blogspot
Add | Put | Customize Bullet List Style With Colorfull Circle Hover Effect In Blogger Blogspot

How To Add Or Customize Bullet Style In Blogger With Simple Steps:


Now we are going to add this effect in our blog if you want to add in your blog then follow the below steps.

Go to Blogger.com.
Go to Template.
Click on Edit HTML.
Press Ctrl+F in HTML Body to appear search box.
When search box is appear in top right corner.
Paste below tag in search box and press enter.

]]></b:skin>

When you find this tag/code in HTML Body then copy below coding and paste above/before the ]]></b:skin> tag.

.post ul { list-style: none; } .post ul li { line-height: 1.4em; background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXDNMdb6CUpsZRnY-MksJfDdmxcxIXNyJ1mHEdeai_EBJDpJ0Wf8UiYv1x6o9bv9-SwFaayOVGBRj_bwIHLJMZr6pUFl5XTnrxEg8_OvCzQe8gEr6nT0U2eqtRGR79SCGI61AZJyIP8B4/s1600/blue-bullet-icon.png) no-repeat scroll 0 10px; margin: 0.3em 0; padding: 0 0 0.8em 20px; } .post ul li:hover { background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwJ6du7ne3-tgYsrshfscR73BZoDRPKce9b9eKlAiQCy5_DN5nsg3wk5rf_I5vKfHvzwEPslYdZ7kp3hDEd1dqWuc8PJzLgVZBcJA_1VFb9bN7w-0zc7wbLg88NR2O5kP2Ua1XjmtCrlc/s1600/green-bullet-icon.png) no-repeat scroll 0px 5px; } 

 

Customization In Above Coding:


If you want to increase the size of hover circle the change the value of 10px with your desire value.

Kamis, 01 Agustus 2013

Best WordPress Setting | Setup For SEO Get Organic Traffic Using Tricks

In this tutorial i will give you some best tips and points for index your Website in Google Search Engine. One most important thing is which niche or website name want to use for better SEO for website. In this post i will discuss the main points related to WordPress and how to get more traffic on your blog with simple steps.

Best WordPress Setting | Setup For SEO Get Organic Traffic Using Tricks
Best WordPress Setting | Setup For SEO Get Organic Traffic Using Tricks
WordPress has been one among the foremost standard platforms for you to make your own blogs or websites. Reason is incredibly straightforward, as a result of it's absolve to use and is extremely custom-built. No marvel it's invariably the primary selection for any blogger within the world. however unhappy to mention that it's a proven fact that bloggers tends to represent the WordPress pitfall that kills SEO as a result of they only use the out of the box default settings. Now, let's start and fix it.

The Top SEO Tips And Tricks To Tweak WordPress Blogs


1. Use Best SEO Permalink Structure:

 

After the installation of WordPress, by default, your post can accommodates a dynamic universal resource locator, however within the side of best SEO follow, the post ought to have the permalink structure that seems with 'category' and therefore the 'post title' within the universal resource locator.

WordPress Best | Easy Plugins Installation List For SEO And Make Professional Wesbite 

Why ought to we tend to use the most effective SEO Permalink?
This type of permalink structure alter you to introduce a lot of vital keywords into the universal resource locator of your post. By applying this permalink structure, it offers you additional SEO profit if somebody else use that permalink structure to link back to your post.

2. Install The Should Have SEO Plugin:

 

In order to optimize the search ranking, you need to additionally learn to customise the titles, meta descriptions and keywords. to form issue easier, you'll simply install one straightforward plugin - dead one SEO pack that offer you the benefit to customise for each page or posts.Every page and post that you just produce have a text box at rock bottom wherever you'll enter the vital SEO data.

3. Embody Keyword In Your Title:

 

This is one among the foremost essential step that you just should follow once doing SEO, however do observe to not be concerned in keyword stuffing activity as a result of you would possibly get blacklist by the programme.

How To Verify My Custom Domain With HTML File Or Meta Tags In Webmaster Tools
How To Verify Custom Domain With Analytic Code In Webmaster Tools

4. Optimize Pictures In Posts And Pages:

 

By mistreatment the EL and TITLE attributes in pictures enable search engines crawler to decipher [the pictures] the pictures|the photographs} and properly index your images. In further, don't be lazy and consider significant name for your image files.

How To Increase Index Status In Webmaster Tools Tricks For Better SEO

5. Mistreatment Headings Will Count:

 

One vital purpose to require care after you area unit making a post or page is to use tag just for the titles.

Of course, you ought to additionally attempt to introduce a number of tags and as several tags as you wish for the opposite headings in your posts. By applying this method, it'll enable the search engines to raised index the vital data from your website. an honest article ought to have headings and subheadings so the topic of the page is a lot of clear and elliptic.

6. Produce XML Sitemaps And Search Engines Submission:

 

XML website maps area unit needed for quicker categorization of the web log contents in search engines. making XML Sitemaps may be a should for contemporary new websites and blogs so search engines can get to grasp regarding the existence of recent pages via XML website maps. one among the foremost helpful WordPress plugin you're install and active is Google Sitemap XML Generator.

7. Speed Up Your Web Log Or Website:

 

Nobody like websites that looks to be loading forever, particularly once Google has listed Page Speed mutually of many factors to enclosed in its search algorithmic program recently. you'll invariably use of free {website|web website} Speed Checkers found on-line to analysis your site speed and proper them consequently.

8. Content Is King:

 

Minggu, 28 Juli 2013

Best Social Sharing Tool Box With Share Post Count Below Every Blog Post

In this tutorial i will show you how to Add Cool Shareaholic Sharing Icon below every article in blogger and which also tell how many time post is share on Social Media or Social Sites.

Best Social Sharing Tool Box With Share Post Count Below Every Blog Post
Best Social Sharing Tool Box With Share Post Count Below Every Blog Post
Now i am going to tell how to Add this on your blog posts. If you have already adding Social Sharing Widget/Gadget on blogger then remove it and replace with this widget because it is very simple show able and also occupies less space comparatively to other sharing widgets. It is a tool tips with Hover Effect means when some one place mouse on these icons its rises and also shows the sharing number of posts on social websites.

WordPress Best | Easy Plugins Installation List For SEO And Make Professional Wesbite After Blogger
Add | Changes Labels Or Tags With CSS Button Beautiful Color With Hover Effect
Add 6 Best | Beautiful | Cool Looking Social Bookmarking Sharing Buttons Widget | Gadget On Blogger Blogspot

How To Add Shareaholic Sharing Icon on Blogger:


Follow my below tutorial and do same as my posts tell.

Go to Template.
Click On Edit HTML.
Press Ctrl+F in HTML Body Box.
When search box is appear in right to corner then paste below code/tag in it and press enter.

]]></b:skin>

When you find this above code then copy below coding and paste it just above/before ]]></b:skin> tag.


div.shr-bookmarks{margin:20px 0 8px;clear:both !important;display:block !important}div.shr-bookmarks ul.shr-socials{width:100% !important;margin:0 !important;padding:0 !important;float:left !important}div.shr-bookmarks ul.shr-socials{background:transparent none !important;border:0 none !important;outline:0 none !important}div.shr-bookmarks ul.shr-socials li{display:inline !important;float:left !important;list-style-type:none !important;padding:0 !important;height:29px !important;width:60px !important;cursor:pointer !important;margin:3px 0 0 !important;background-color:transparent !important;border:0 none !important;outline:0 none !important;clear:none !important}div.shr-bookmarks ul.shr-socials li:before,div.shr-bookmarks ul.shr-socials li:after,div.shr-bookmarks ul.shr-socials li a:before,div.shr-bookmarks ul.shr-socials li a:after{content:'' !important;}div.shr-bookmarks ul.shr-socials a,div.shr-bookmarks ul.shr-socials a:hover{display:block !important;width:60px !important;height:29px !important;text-indent:-9999px !important;background-color:transparent !important;text-decoration:none !important;border:0 none !important}div.shr-bookmarks ul.shr-socials a:hover,div.shr-bookmarks ul.shr-socials li:hover{background-color:transparent !important;border:0 none !important;outline:0 none !important}.shareaholic-show-on-load{display: block !important;}div.shr-bookmarks div.shr-getshr{line-height:20px !important;padding-left:8px !important;float:left !important;}div.shr-bookmarks div.shr-getshr a{width:auto !important;font-size:10px !important; text-indent:0px !important;text-decoration:none !important;}div.shr-count{font:12px bold,arial !important;position: relative !important;}div.shr-count-outline{position: absolute !important;color: white !important;}div.shr-count-center{position: absolute !important;color: blue !important;}li.shr-2{background-position:-120px bottom !important}li.shr-2:hover{background-position:-120px top !important}li.shr-3{background-position:-180px bottom !important}li.shr-3:hover{background-position:-180px top !important}li.shr-5{background-position:-300px bottom !important}li.shr-5:hover{background-position:-300px top !important}li.shr-7{background-position:-420px bottom !important}li.shr-7:hover{background-position:-420px top !important}li.shr-10{background-position:-600px bottom !important}li.shr-10:hover{background-position:-600px top !important}li.shr-38{background-position:-2280px bottom !important}li.shr-38:hover{background-position:-2280px top !important}li.shr-40{background-position:-2400px bottom !important}li.shr-40:hover{background-position:-2400px top !important}li.shr-43{background-position:-2580px bottom !important}li.shr-43:hover{background-position:-2580px top !important}li.shr-52{background-position:-3120px bottom !important}li.shr-52:hover{background-position:-3120px top !important}li.shr-74{background-position:-4440px bottom !important}li.shr-74:hover{background-position:-4440px top !important}li.shr-88{background-position:-5280px bottom !important}li.shr-88:hover{background-position:-5280px top !important}li.shr-106{background-position:-6360px bottom !important}li.shr-106:hover{background-position:-6360px top !important}li.shr-201{background-position:-12060px bottom !important}li.shr-201:hover{background-position:-12060px top !important}li.shr-219{background-position:-13140px bottom !important}li.shr-219:hover{background-position:-13140px top !important}
Shareaholic
Shareaholic

Now find another code in your template for adding Social Icons on below post or Footer of your blogger blogspot.

<div class='post-footer'>

When you find this code line then copy below given code and paste below this above code.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='shr_class shareaholic-show-on-load'> </div> <script type='text/javascript'> var SHRSB_Settings = {&quot;shr_class&quot;:{&quot;src&quot;:&quot;http://www.shareaholic.com/media/css/styles/sb&quot;,&quot;link&quot;:&quot;&quot;,&quot;service&quot;:&quot;5,7,2,38,3,219,43,52,201,88,74,10,106,45,40,210,78,39&quot;,&quot;apikey&quot;:&quot;6ffe2cbf142c45bd4cd03b01ec46b8658&quot;,&quot;localize&quot;:true,&quot;shortener&quot;:&quot;google&quot;,&quot;shortener_key&quot;:&quot;&quot;,&quot;designer_toolTips&quot;:true,&quot;twitter_template&quot;:&quot;Some fancy post title - http://goo.gl/dbqlx via @trickofblogging&quot;}}; </script> <script type='text/javascript'> (function() { var sb = document.createElement(&quot;script&quot;); sb.type = &quot;text/javascript&quot;;sb.async = true; sb.src = (&quot;https:&quot; == document.location.protocol ? &quot;https://dtym7iokkjlif.cloudfront.net&quot; : &quot;http://cdn.shareaholic.com&quot;) + &quot;/media/js/jquery.shareaholic-publishers-sb.min.js&quot;; var s = document.getElementsByTagName(&quot;script&quot;)[0]; s.parentNode.insertBefore(sb, s); })(); </script><a href='http://trickofblogging.blogspot.com/' target='_blank'>Social Bookmarking Gadget</a></b:if>

Replace Red Highlighted Color my twitter page with your Twitter page by replacing name.
Now Save your template.
Click on view blog.
And you have done.

If you feel any problem about this widget or other gadgets for adding in your blog then submit your comment and get a beautiful and helpful answer.

Related Articles:


Kamis, 25 Juli 2013

2 Cara Membuat Tombol Back To Top Terbaik di Blog

Hay sahabat +mazinu mazure ! Kali ini mazinu akan berbagi tentang cara membuat Tombol Back To Top atau lebih dikenal dengan Tombol Kembali Ke atas, yaa jadi fungsinya memasang back to top button itu agar pengunjung bisa langsung menuju ke atas dalam sekali klik. Nahhh langsung saja mazinu kasih tips dan caranya membuat tombol back to top.


Cara Membuat Tombol Back To Top Terbaik

Tombol Back To Top yang Pertama
  • Login terlebih dahulu ke akun blog kalian
  • Masuk ke bagian layout / tata letak
  • Tambah gadget
  • Pilh add HTML / Java script
  • Lalu simpan kode dibawah ini :

<a href='#' style='display:scroll;position:fixed;bottom:15px;right:15px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI_-xVK8qcjjMVasz_oVudC_aYm3yQDTCIyAhltG1433dn0u9p0V8ovETffe8nxnMRucqzq0ty2RtZI6PKmr6mSply2sqppsdPM44UVUYHdzlI633MIpUGfLGO5qmSkhFkgF32-pdaeASI/s1600/navigate-up-icon.png'/></a>

*) kode yang berwarna biru ganti dengan kata-kata yang ingin ditampilkan
*) kode yang berwarna ungu ganti dengan url gambar yang ingin ditampilkan

  • Klik "Save", dan selesai.

Tombol Back To Top yang kedua 

  • Pertama masuk ke Blogger lalu pilih Layout terus Add a Gadget dan tambahkan HTML/JavaScript. Terus copy kode di bawah ini:

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

<script type="text/javascript" >


var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWfyVmocUM17BG6mbiKDFEAoQ8cB29WrXoOrCQdVdkTvMxfJvC6OD8KTrXa8Hj3liIk1ERtL_21-atcbAOn7W9yrp26X3rQ4jD3QJ1pcs9BPvKup87l33QYkqqUV_lF7zu7XXKGIgxLKTD/s1600/back+to+top10.gif" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },

    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
 
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}

scrolltotop.init()

</script>


  • Ganti Kode warna Pink dengan URL Gambar kalian!
  • Kalau Tidak Mau ganti Tidak apa-apa, itu juga sudah bagus kok,, yang nantinya hasilnya seperti ini :
 

  • Keren bukan? Jika sudah. Simpan!

Untuk ditempatkan di pojok kanan bawah silahkan taruh script dibawah ini tepat dibawah code </body> di Template - Edit HTML kalian,,


<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Mazinu Mazure - mazinubersahabat.blogspot.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://png-1.findicons.com/files/icons/2166/oxygen/48/arrow_up.png'/></a>

Okeh, Itu tadi cara membuat tombol Back To Top yang sudah mazinu berikan untuk kalian, semoga dengan kalian memasang tombol back to top di blog kalian menjadi keren dan tampil terbaik.

Rabu, 24 Juli 2013

Best | Top Blog Marketing Tips Given To Successful Blogger And Free Tips Marketing Your Blog

In this tutorial i will discuss best points which give you better idea of Marketing Your Blog and also Best Tips To Marketing Successful Blogger. Blogger Blogspot is also same thing and when you want to by best Name for your Niche or Blog then first you decide about name to get better results. In my opinion any type of blog but must unique.

Which Website Name Give Best CPC | CTR To Make More Money
First i tell you in my below article words Journal means (Blogger or Blog) for better results means i want to fully optimize my post that's why i not use Blog commonly.

Everyone United Nations agency encompasses a journal desires it to achieve success and even have plenty of internet traffic. you wish your readers to be excited concerning your content so they keep coming to go to. There area unit 3 promoting tips that you just will to try to to to assist you be a booming blogger. To be a booming blogger, you would like to own a RSS Feeds, update on a regular basis and inquire into different relevant blogs.

Marketing Tips And Techniques Using RSS Feed:

 


When you begin a replacement journal, nobody is aware of concerning it unless you truly provide them the link. you truly ought to do some promoting to let folks grasp that you just exists. There area unit some simple ways in which to induce the word out concerning your new journal. the primary issue you ought to do is about up a RSS feed. you wish to permit RSS feeds to be taken from your journal. RSS feeds area unit a good means for promoting and obtaining your journal out there. you ought to embody a contrivance on your sidebar therefore folks will register for your RSS feed.

Best Ways Make Money With Blogging Through Google 5 Profitable Work
Easy | Best | Simple Tricks To Make Money From Youtube | Chitika


Marketing Tips And Techniques Using Update Journal Often:

 


The second tip is to update your journal often and on a regular basis. If you've got committed to change your journal daily, then update it daily. The minimum is to form a replacement journal post once every week. If you develop a regular pattern, then your readers can begin to return back to your Website probing for new content. I will tell you from personal expertise that you just have to be compelled to be consistent. If not, you'll be able to begin to lose your audience.

Marketing Tips And Techniques Using Journal Commenting:

 


Best | Top Blog Marketing Tips Given To Successful Blogger And Free Tips Marketing Your Blog

Another way to induce a lot of readers to your journal is to inquire into different relevant blogs. you ought to realize blogs that area unit like yours. browse the posts and create relevant helpful comments. do not simply say "Nice journal post". most of the people permit you to go away the URL of your journal within the comments. In some cases, this can conjointly produce a backlink to your journal. If your comments add worth then folks can return to your journal to search out out a lot of concerning you. There area unit many tools that you just will use to search out relevant blogs. 2 of those tools area unit Technorati or the Google journal search tool.

How To Make Backlinks To Other Website To Increas Page Rank

Now below is my second part of my article which tell you how to Marketing Your Blog for better optimization or make money.


With many blogs being made each day, it's a mystery to several web loggers a way to build their blog stand out. it's very easy. folks wish to browse effective content, and with smart content arrives ad revenue. Well, perhaps it's not that abundant straightforward. you've got finally loosed the secrets of flourishing web log promoting. Do note that these aren't assured to change of magnitude your click-through ratios and that they won't bestow smart fate to you or your adverts. However, the following pointers ought to gain for your web log and create it additional simply accessible, easy and additional content-modified.

Best | Easy Tricks To Monetize Your Blogger Blog With Google Ads

A web log directory categorizes and organizes blogs in such the way that anyone will verify blogs associated to any topic simply. you'll be able to notice a web log directory with connected keywords or dig broad within the directory to zero in to the category that you just area unit checking out. it's very similar to the web site directories rather like Yahoo! And Dmoz.

Acquiring an inventory in an exceedingly best web log directory ascertains you of a good quantity of subject matter in terms of the exposure that your web log gets. once anybody explores for your connected searches or keyword a category during which you're registered, they're going to notice your web log. you'll further notice a permanent link back to you web log.

Articles promoting area unit what all serious blogger ought to comprise in its promoting strategy. All the tampered web marketers take reward of this vehicle, why? simply since it works and acts upon within the long-term. Beginners usually area unit unconscious of the ability article promoting admits and that is probably why they fall inadequate of properly exploitation it. create a habit of posting a minimum of 2 of your higher written articles every week or each 10-12 days to article directories. you are doing not need to suggests what you've got written already and announce on the web log. If you'd ideally wish to keep your well composed stuff to your web log, no problem, simply retell the data, alter a trifle, and supply it a singular bit.

Optimize Blogger Website To Increase Or Make Money With Blogging Tricks

If you're a little business owner with a web site, the good thanks to change of magnitude your organic traffic is to jot down compelling and fascinating content that's focused towards your target market.

If your content is best, as compare to alternative web sites can after all begin linking to your website. The search engines promptly develop on this and simply offer your web site additional "authority." Higher authority suggests that additional directed free traffic approaching your manner.

This theme involves submitting your computing machine to superior internet directories that review manually every web site. In most of the cases, you'll bear a fee for the reviewing method. many folks can tell you that the Search Engines don't type paid links and devalue them.

Bloggorati.com could be a distinctive web site providing wondrous platform for web log directory submission [Bloggorati.com]. It guarantees to supply large traffic to individual or business blogs. To fancy the many edges of quality web log directory submission and drive organic traffic to a web site, webmasters will visit promoting Your web log [Bloggoratic]


Related Articles:

 

Ready to Make Money With Adsense Keywords and Blogger 
SEO Tips How Keyword Take Your Website On Rank
How Can I Make Earning With My Blogger Blogspot
Best Blogging Suggestion And Advice For Benefits In Business SEO Professionals
Use Language And Formatting | Search Preferences | Setting In Blogger Blogspot
Simplifying The Practice of Blogging With Software
Customise Blogger Default Template To Make Professional Template
Get Google Page Rank With In 1 Month By Simple And Easy Tricks

Selasa, 23 Juli 2013

4 Best Tips For Paid Blogging As Career | How To Get A Blogging Job To Make Money

In this tutorial i will discuss some important points and tips which help you to get a Job in Blogging or also tell you how to Change your Blogging Skills into Blogging Career easily. If you want to run a blog or make money then use these below tips and enjoy it.

First i discuss my Four Best Tips or Techniques which give you idea how to get paid blogging.

Four Best Tips Or Suggestion For Paid Blogging As A Career:


Most people World Health Organization have confidence earning cash from blogging have confidence making their own blogs as thanks to promote their existing businesses.

Or they consider blogging on Market Niches, building audiences, so golf shot up with AdSense, or one in every of the sites which can pay them to post product reviews or links to corporations associated with those niches.

1) You'll Be Able To Get Acquired Writing Somebody Else's Diary:

 

How I Can Use Webmaster Tools Properly For Blogger

But there is another sort of paid blogging which needs nothing of you except that you simply have experience during a bound space, or will do analysis of a high quality that allows you to write as if you are associate knowledgeable.

Many corporations and web site homeowners apprehend that blogs area unit vital selling tools, however do not have the work force to take care of them.

And they area unit over happy to pay somebody to post on their blogs. Freelance blogging, or paid blogging, could be a approach for you to earn an internet financial gain while not knowing a issue concerning secret writing or net selling.

Best Tricks Monetize Your Blogger Blog With Google Ads Increase CPC | CTR And Earning

That is, of course, unless you're asked to diary on secret writing or net selling. however are you able to start on a career in paid blogging?

2) You Must Produce A Sample Diary:



The first issue you must do is build a group of diary posts that you'll be able to look around to prospective employers.

You'll try this by making your own diary on no matter topic can best showcase your writing skills. WordPress is way and away the most effective blogging platform; its free, with associate exceptionally straightforward interface, and lots of themes and plugins to assist you offer your diary knowledgeable look.

It's best to pick out a somewhat impersonal blogging topic on that you'll be able to write instructively and curiously.

4 Best Tips For Paid Blogging As Career | How To Get A Blogging Job To Make Money 1
4 Best Tips For Paid Blogging As Career | How To Get A Blogging Job To Make Money
Your prospective customers can most likely not have an interest in blogging of a private nature, thus keep on with topics like health or nutrition, or cash management, or selling, or parenting.

Write a quick introductory post lease your readers apprehend the aim of your diary, and explaining your interest within the topic. Then begin your regular posts, however continually make certain that you simply will make a copy any statements with analysis if necessary.

Your posts ought to continue topic, and be short enough to carry your readers' attention.

3) You Must Be A Part Of Some Outsourcing Sites:

 


When you have 10 or twelve posts, started accounts at outsourcing sites like rentacoder.com or elance.com.

These sites act as go-betweens for patrons World Health Organization area unit searching for bloggers and bloggers World Health Organization area unit searching for work. The patrons can post descriptions of what they have, and invite bids.

You can bid on the paid blogging comes that you think that you're qualified, and fasten a link to your diary beside the other data which could offer you a position against competitive bidders.

Most of the patrons can set a most bid, and if you do not assume you'll be able to work for that, don't bid.

4) You Must Build A Name For Excellence:

 

How Optimize Blogger | Website To Increase Or Make Money With Blogging Tricks

There area unit rating systems on most of those sites, thus once you win a paid blogging job, do no matter it takes to urge the most effective potential rating. it'll pave the approach for additional paid blogging opportunities!



How To Get A Blogging Job To Make Money:


It has been seen that blogging jobs have become a lot of widespread and in demand because the web forever will increase. individuals just like the plan of wakening at 10am, chilling out so writing a web log each one or a pair of hours. It sounds perfect: you are doing very little work for several cash. This unimaginative image individuals portray is wrong. you will end up having to make around ten articles daily at 500 words long. If that sounds simple, attempt to consider} 10 completely different ideas to write down five hundred words about. It's tough. Therefore, once you recognize you wish a blogging job, square measure capable of a doing one and intended enough to begin a 1, you'll then look to the web to search out the proper job for you.

Which Website | Blogger Name Give Best CPC | CTR To Make Money With Google Adsense

Before I begin things off, the most effective manner you'll get yourself a web logging job is to begin a blog yourself. this may assist you in several ways:

Tells plenty regarding yourself. If you've got had the initiative and want to begin a web site from scratch, the blogging employers can check up on you completely different as somebody WHO will severally work.

observe your skills. you will realize that you just do not have the abilities required to accumulate a blogging job. Therefore, through practising blogging as a vicinity time hobby on your own web site can get yourself wont to the idea of blogging. Blogging is completely completely different compared to several jobs out there. From this, it's a good plan to be told from your mistakes on a web log wherever you're able to do mistakes.

4 Best Tips For Paid Blogging As Career  How To Get A Blogging Job To Make Money 2Become a full time blogger. In making a web site, you will have hit the jackpot and made valuable articles that get thousands of views a month (it is feasible to try and do this as a result of I actually have done this myself!) If you discover your web site to achieve success enough, you'll question whether or not you truly want a blogging job or not as a result of your website is also creating enough cash to form yourself freelance. that is the great point regarding beginning a web site. you've got one thing to fall back on that provides systematically safe traffic and revenue.

Once you've got a web site that's obtaining sensible traffic, you'll then accept applying for blogging jobs. The question is, however do I realize the proper blogging job for me?

You need to appear at yourself and also the form of person you're. you wish to grasp that the blogging job you wish you may got to write several several articles regarding. Therefore, ensure you may {write regarding|write on|write of|write|compose|pen|indite} one thing you relish writing about. A negative blogger can shine through to their audience.

The first place you must rummage around for blogging jobs on the web is Google. merely kind the work you wish (e.g.if I needed to be a automotive blogger, i'd kind in 'car blogging jobs') and see what results you get. If you're not made, there's one different place you'll strive wherever you're secure top quality blogging jobs.

Problogger Jobs:

 

First Check For Blogging Jobs For ProBlogger  http://jobs.problogger.net

Problogger jobs is one amongst the foremost visited sites on the web for bloggers WHO wish jobs. this implies that several websites advertise on the location in hop of finding the proper blogger for the work. With over forty jobs on supply typically, you're bound to realize the proper job. If not, marker the page and return it in a very few weeks time. Blogging jobs come back and endure Problogger jobs plenty.

Once you've got found the proper job, you may then have to be compelled to build a blogging CV. What square measure your achievements? What causes you to right for this job?

  1. You've got a web site.
  2. You've got been writing for a protracted time currently.
  3. You're enthusiastic about the subject.
  4. You're Associate in Nursing knowledgeable within the topic.
  5. You will have expertise within the topic.
  6. You're the proper person for the work.

A word of warning is that you just won't get each job you apply for. Employers should get 100s of candidates for one job decreasing the possibilities of you obtaining it. However, if you do not get several replies to job offers, do not hand over. the proper job can surface for you in time.


Related Articles:


Tricks To Add Simply/Easily/ PayPal Donate Button To Blogger
Best | Latest Blogging Suggestion And Advice For Benefits In Business SEO Professionals
Add Manually CSS Jqeury Drop Down Menu By Replace/Remove Pages On Blogger
Create | Make | Add | Set 404 Error Page In Blogger Blogspot Easily
Simplifying The Practice of Blogging With Software
Use Best Blogger Settings Option Basic For SEO And Others Option Links
Use Language And Formatting | Search Preferences | Others Option Setting In Blogger Blogspot
25 Best Web Blog Directories For URL Submission Quickly Pinging In Google Search Engine 

Senin, 22 Juli 2013

Add | Give Comment Numbering On Blogger Threaded Comments Using Best Tricks

In this tutorial i will show you how to Add Comment Number with every comment using beautiful images or bubbles and also give number to every comment. It is very simply to add comment numbering in your blogger template and also very helpful because you can easily find how many comment you have to every post. It will add numbers like this way 1,1.a,1.b,1.c,1.d and so on you can easily see in a screenshot which is given below in image. This is done with CSS Tricks if you want to do this then follow my below small tutorial for adding this beautiful trick on your blogger comments.

Add Best Comment Numbering In Different Bubbles:


Go to Template.
Click on Edit HTML.
Now Press Ctrl+F in the HTML Body Box.
When you Press Ctrl+F then Search Box is appear top right corner.
Copy below Code/Tag and paste in search box and press enter.

]]>
]]></b:skin>

When you find this above tag in HTML Body then add below code just above/before this ]]></b:skin> tag.
Add | Give Comment Numbering On Blogger Threaded Comments Using Best Tricks
Add | Give Comment Numbering On Blogger Threaded Comments Using Best Tricks

.comment-thread ol {
    counter-reset: countcomments;
}

.comment-thread li:before {
    content: counter(countcomments,decimal);
    counter-increment: countcomments;
    float: right;
    font-size: 22px;
    color: #555555;
    padding-left: 10px;
    padding-top: 3px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge1fjXcH8hUJ4g8DuUcbI789AMyJDBTzg8vl0UiBH_3_5n4QqsVY5iREus81vIaJOpXzBZx9ZIIC5IPGKFm50tGHlwzxoqZ2PUnaGkPBmoAYm2TMSmtdM62EbqL2qQ5oGnXPf3mPwVaz77/s1600/comment+bubble2.png) no-repeat;
    margin-top: 7px;
    margin-left: 10px;

    width: 50px;
 /*image-width size*/
    height: 48px;
 /*image-height size*/
}

.comment-thread ol ol {
    counter-reset: contrebasse;
}

.comment-thread li li:before {
    content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
    counter-increment: contrebasse;
    float: right;
    font-size: 18px;
    color: #666666;
}

Now save your template and you are done and now turn to customization in blogger comments by replacing bubbles.

Customization In Comment Number In Bubbles:


padding-left: 10px; - Edit it to adjust the position of text(number) from left size
padding-top: 3px - By editing the value you can adjust the position of text(number) inside bubble from top.
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge1fjXcH8hUJ4g8DuUcbI789AMyJDBTzg8vl0UiBH_3_5n4QqsVY5iREus81vIaJOpXzBZx9ZIIC5IPGKFm50tGHlwzxoqZ2PUnaGkPBmoAYm2TMSmtdM62EbqL2qQ5oGnXPf3mPwVaz77/s1600/comment+bubble2.png) no-repeat; - If you want to change the bubble image then simply replace image URL with yours.
margin-top: 7px; - By editing this value you can adjust the position of bubble from top.
margin-left: 10px; - Increase or decrease the value as per your requirements.


Bubbles Image URL For Adding In Comments:


Now i am going to give you some shapes, images or bubbles which you can easily add in your blogger comment for adding these bubbles shapes Copy the URL of bubble images which you want to add and replace with red highlighted text or url and then save it. How to pick the URL of image? Your Answer is here. Right Click on your desire picture which you want to add and click on view image in your browser and copy the url in your browser and paste it.



Now save your template and you are done.
It will add numbers like this way 3,3.a,3.b & 4 here 3,4 are the main comments and 3.a,3.b are the replies,you can see a screenshot below in image. - See more at: http://www.helperblogger.com/2012/08/add-numbers-to-blogger-threaded-comments.html#sthash.Gv0yep4S.dpuf
It will add numbers like this way 3,3.a,3.b & 4 here 3,4 are the main comments and 3.a,3.b are the replies,you can see a screenshot below in image. - See more at: http://www.helperblogger.com/2012/08/add-numbers-to-blogger-threaded-comments.html#sthash.Gv0yep4S.dpuf
It will add numbers like this way 3,3.a,3.b & 4 here 3,4 are the main comments and 3.a,3.b are the replies,you can see a screenshot below in image. - See more at: http://www.helperblogger.com/2012/08/add-numbers-to-blogger-threaded-comments.html#sthash.Gv0yep4S.dpuf
It will add numbers like this way 3,3.a,3.b & 4 here 3,4 are the main comments and 3.a,3.b are the replies,you can see a screenshot below in image. - See more at: http://www.helperblogger.com/2012/08/add-numbers-to-blogger-threaded-comments.html#sthash.Gv0yep4S.dpuf

Related Articles: