Tampilkan postingan dengan label Widget. Tampilkan semua postingan
Tampilkan postingan dengan label Widget. Tampilkan semua postingan

Jumat, 25 Januari 2013

Cara merampingkan / Mengecilkan Alexa Rank

Cara Merampingkan / Mengecilkan Alexa Rank
Siapa yang tidak menginginkan alexa ranknya terus meramping ? pasti semua blogger menginginkannya bukan ? ya ! sebab alexa rank yang ramping atau dengan digit yang kecil menandakan bahwa blog tersebut memiliki rangking yang bagus secara global maupun negara. Hal ini dikarenakan alexa memberikan sebuah layanan yang mana membuat suatu rangking sebuah blog secara global (dunia) maupun negara. Jadi jelas bagi blog yang beralexa ramping menandakan rangkingnya sangat bagus. Akan tetapi untuk membuat rangking alexa menjadi ramping tidak mudah loh,,, ada yang perlu dilakukan dan di usahakan. Berikut cara untuk Menurunkan Alexa Rank

Cara Menurunkan / Mengecilkan Digit Alexa Rank

1. Pasang widget alexa di blog anda untuk memantau keadaan blog anda.
Cara paling mudah dan murah meriah adalah dengan Blogwalking dan meninggalkan komentar di Blog-blog dengan Alexa Rank yang lebih tinggi dari Blog anda .

2. Daftar Blog ke Search Engine Terutama Google, Yahoo dan MSN                                      
Ini dilakukan agar blog kita cepat terindek di mesin pencari terutama yang sudah terkenel dan besar seperti Google, Yahoo, MSN dll, baru setelah itu ke search engine lainnya.

3. Daftar Blog ke Technorati                                                                                          
Technorati  merupakan salah satu direktori blog yang sudah terkenal, bia juga berfungsi sebagai blogsearch, tags aggregator, online bookmarks, juga bisa mengetahui  blog mana saja yg memasang link blog kita..

4. Cari Backlink
Cari backlink sebanyak-banyaknya dan berkualitas sebaiknya sih sesuai kategori blog, karena google menilai berdasarkan kuantitas dan kualitas link, tapi akhirnya mana saja yang mau bertukar link.. saya terima.

5. Bookmark  Blog Sebagai Homepage Browser
Bookmark blog sebagai homepage di komputer yang sering digunakan untuk browsing ini juga baru kemarin saya lakukan di komputer rumah sebenarnya sih ini bisa juga dikantor, diwarnet atau dimana saja, makin banyak tentu semakin baik.

6. Update blog 2 hari sekali , 1 minggu 2 kali atau 1 bulan sekali . bila perlu setiap hari justru lebih bagus lagi.

7. Tulis artikel Tentang Alexa
Tulis artikel tentang Alexa misalnya seperti yang sedang sobat baca tentang Cara Meningkatkan Alexa Rank ini dan ajak para pembaca untuk men-download Alexa Toolbar.  Jangan lupa saat membuat artikel tentang Alexa, selalu gunakan label atau kategori dengan keyword :  Alexa, Alexa rank, Alexa traffic rank, Rangking Alexa, dsb. Intinya ada kata ' Alexa '.

8. Melakukan Ping
Lakukan ping secara berkala , saya baru lakukan ini dua kali , ping ini untuk merefresh blog kita di data base mesin pencari.

9. Minta teman untuk mereview dan merating profil blog Anda di Alexa. Memang belum ada bukti, namun mungkin saja cara ini berguna.

Download / Instal Alexa toobar Disini

Semoga bermanfaat.
Read More ->>

Kamis, 20 Desember 2012

Cara Membuat Scroll To Top Button


Salam Blogger Sejati.
Untuk melengkapi tentang cara membuat Scroll To Top di blogger kali ini saya akan melengkapinya dengan Membuat Scroll To Top Button Menggunakan OW Generator.
Di postingan sebelumya blog Oto Website pernah membahas tentang Scroll To Top di antaranya berada di artikel : Memasang Tombol Smooth Scroll to Top With jQuery dan Blogger Scroll to Top With jQuery, yang pemasangannya menggunakan jQuwery dan perlu mengedit HTML.

Untuk kali ini Anda tidak perlu mengedit HTML karna Scroll To Top ini hanya menggunakan simple CSS yang di gabungkan menjadi satu Generator, bahkan Anda yang tidak mengerti tentang HTML ataupun pemula akan sangat mudah memasang Scroll To Top. Bahkan Anda dengan sangat mudah apa ingin memasang Scroll To Top ini di bagian kanan, kiri, bahkan di bagian tengah blog Anda. Di sini juga ada banyak pilihan Scroll To Top yang bisa Anda pilih.

Yang perlu Anda ketahui disini Generator ini di buat oleh teman saya ya itu Hasan dari Apps.dan saya memintanya agar saya bisa berbagi kepada Anda.


Membuat Scroll To Top Button Menggunakan OW Generator


Seperti yang saya bilang di atas bahwa cara Membuat Scroll To Top Button ini sangalah mudah dan simple karena menggunakan OW Generator.

Untuk cara menggunakan generator ini sepertinya tidak perlu saya jelaskan lagi karna generator ini sama dengan generator sebelumnya, silahkan Anda gunakan OW Generator ini dengan bijak.

Description: Membuat Scroll To Top Button Menggunakan OW GeneratorRating: 5.0Reviewer: dek rifItemReviewed: Membuat Scroll To Top Button Menggunakan OW Generator

Select Button

General Options
Button Size :
Position :
Include jQuery Plugin(Do you want to add it?) :


Copyright © 2012 by dek_rif @ Oto Website.All Rights Reserved
Read More ->>

Cara Membuat Animasi Joged Pada Blogger

panduan blogger pemula 

Panduan blogger yang akan membahas, menjelaskan serta membantu sobat blogger semua khususnya yang masih awam ataupun masih di bilang pemula dalam dunia blog. Panduan blogger pemula yang akan menerangkan tentang Cara Membuat Animasi Joged di Blog. Untuk membuat/menambahkan gambar di blog memang sangat mudah, tapi untuk bisa menampilkan gambar animasi yang bisa bergerak (animasi) bisa dibilang tak mudah juga. Karena membutuhkan sebuah kode HTML yang bisa membuat gambar tersebut bisa bergerak.

Gambar animasi yang akan diterangkan dalam panduan blogger kali ini adalah gambar animasi yang bisa berjoged.Memang gambar animasi ini tidaklah terlalu penting untuk dipasang pada sebuah blog.Gambar animasi ini hanya untuk sebuah hiasan di blog atau dalam hal ini hanyalah untuk mempercantik tampilan sebuah blog.Dan jika sobat blogger tertarik dengan gambar animasi "Joged" ini silahkan lihat beberapa contoh gambar animasi serta kode HTML nya di bawah ini :

Gambar 1:

picture widgets

<center><a href="http://febridriver.blogspot.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-011.gif" border="0" alt="picture widgets"></a></center>

Gambar 2:

picture widgets
<center><a href="http:/febridriver.blogspot.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-013.gif" border="0" alt="picture widgets"></a></center>

Gambar 3:

picture widgets
<center><a href="http://febridriver.blogspot.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-020.gif" border="0" alt="picture widgets"></a></center>

Gambar 4:

picture widgets
<center><a href="http://febridriver.blogspot.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-021.gif" border="0" alt="picture widgets"></a></center>

Gambar 5:

picture widgets
<center><a href="http://febridriver.blogspot.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-017.gif" border="0" alt="picture widgets"></a></center>

Gambar 6:

picture widgets
<center><a href="http://febridriver.blogspot.com/" target="_blank">
<img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-002.gif" border="0" alt="picture widgets"></a></center>

Gambar 7:

picture widgets
<center><a href="http://febridriver.blogspot.com/" target="_blank">
<img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-005.gif" border="0" alt="picture widgets"></a></center>

Gambar 8:

picture widgets
<center><a href="http://febridriver.blogspot.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-008.gif" border="0" alt="picture widgets"></a></center>

Gambar 9:

picture widgets
<center><a href="http://febridriver.blogspot.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-006.gif" border="0" alt="picture widgets"></a></center>

Gambar 10:

picture widgets
<center><a href="http://febridriver.blogspot.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-015.gif" border="0" alt="picture widgets"></a></center>

Berikut ini cara memasangnya di Blog :
  1. Login ke Blogger
  2. Klik Tata Letak
  3. Klik Tambah Gadget
  4. Pilih opsi HTML/Java Script
  5. Klik Simpan
Demikian tentang Cara Membuat Animasi Joged di Blog, semoga bermanfaat.



Sumber : Febri D'river
Read More ->>

Selasa, 18 Desember 2012

Cara membuat "Related Post" di Bloger


related post di blog

Panduan Blogger untuk blogger pemula. Panduan blogger yang akan membahas dan menjelaskan tentang Panduan Cara Membuat "Related Post" di blog. Related post atau Artikel Terkait pada blog mempunyai peran penting untuk blog itu sendiri dan akan memudahkan para pengunjung blognya untuk menemulan artikel yang mungkin mereka anggap menarik. Dalam hal ini penggunaan Related Post atau Artikel Terkait memang membantu pengunjung blog dan juga membantu pemilik blog itu sendiri, sehingga setiap artikel / postingan dapat dimungkinkan untuk dibaca oleh pengunjung.


Berikut Panduannya / langkah" nya :
  1. Login  ke akun blog sobat
  2. Setelah login, klik EDIT HTML
  3. Centang "Expand Widget Templates"
  4. Sekarang cari kode </head> ,untuk pencarian termudah silahkan sobat tekan Ctrl + F pada keyboard komputer sobat.
  5. Copy dan Paste kode di bawah ini persis diatas kode </head> :

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#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, &#8220;Times New Roman&#8221;, 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;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZaM_YUJDFk8o1PbsriNrNM3V9qxDTSkKHLs4tLoxHj7jI8kAWFGp3IU2GD1xtK-EuOz7dyp5aFSrVXgyZ80nTXAXxa3lElGuZGi2bKu4r4uoEJLCzuzNoyoDD5aQgqpQ6E6u8AUbKGbY/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>

<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
   
       
    8.   Langkah selanjutnya sobat cari kode :

       <div class='post-footer-line post-footer-line-1'>
 
     9.   Cara mencarinya sama seperti panduan no. 4
   10.   Jika sobat tak menemukan kode tersebut,silahkan sobat cari kode:
       <p class='post-footer-line post-footer-line-1'>  
   
   11.   Copy dan Paste kode di bawah ini dan letakkan di bawah kode di atas

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
 
  12. Simpan, dan lihat hasilnya.....

Semoga Bermanfaat.......
Read More ->>

Senin, 02 Juli 2012

Cara Memasang Widget Revolver Maps pada Blogger

Belakangan ini ketika saya sedang berkunjung ke beberapa blogger, saya menemukan sesuatu yang unik. Saya melihat ada sebuah widget yang sangat menarik, namanya Revolver Maps. Widget yang menampilkan visitor blogger dengan efek 3D dengan tampilan globe yang berputar sepertihalnya bumi. Dan saya pun tertarik untuk memasangnya. Karena efek 3D nya tersebut bisa membuat blogger terlihat lebih hidup. Dan akhirnya timbul keinginan saya untuk berbagi info ini, tentang bagaimana cara memasang widget revolver maps kepada para blogger sekalian.


Langkah Pertama

  1. Masuklah ke situsnya Revolver Maps, klik saja disini Revolver Maps
  2. Kemudian Klik Get Standard Version
  3. Atur Widgetnya sesuai keinginan anda.
  4. Copy kodenya

 Atau bagi Sobat yang tidak mau repot, bisa copy kode di bawah ini :

<script type="text/javascript" src="http://ji.revolvermaps.com/r.js"></script><script type="text/javascript">rm_f1st('0','280','true','false','000000','8z2akiyoa8x','true','ff0000');</script><noscript><applet codebase="http://ri.revolvermaps.com/j" code="core.RE" width="280" height="280" archive="g.jar"><param name="cabbase" value="g.cab" /><param name="r" value="true" /><param name="n" value="false" /><param name="i" value="8z2akiyoa8x" /><param name="m" value="0" /><param name="s" value="280" /><param name="c" value="ff0000" /><param name="v" value="true" /><param name="b" value="000000" /><param name="rfc" value="true" /></applet></noscript><small><a href="http://febridriver.blogspot.com/2012/07/cara-memasang-widget-revolver-maps.html" target="_blank"> Widget</a></small>

Langkah ke-2

  1. Login ke dasbor blog anda
  2. Pilih Rancangan
  3. Pilih elemen laman
  4. Pilih tambah gadget
  5. Pilih edit Html / java script
  6. Kemudin Paste kan kode tadi
  7. Atur di mana anda mau meletakannya
  8. Simpan
  9. Dan...., Selesai...

Mudah bukan ? Selamat mencoba. Dan buatlah blogger anda menjadi lebih hidup dan menarik....

Semoga bermanfaat. 


Copaser adalah Perbuatan Pengecut..! clyfirst.blogspot.com

Read More ->>

Cara membuat Widget Slideshow Post Popular Pada Blogger

Belakangan ini banyak teman-teman saya yang menanyakan kepada saya ... “gimana sih cara memasang slideshow post popular Pada blogger” Susah gak .....? terus saya jawab gak susah kok, tinggal copy scriptnya , edit sedikit habis itu save. Jadi deh.....,  Namun satu udah bisa, beberapa hari kemudian ada yang nanya lagi dan begitu terus hingga beberapa orang. Sehingga munculah sebuah ide untuk memposting cara membuat slideshow postingan pada blogger. Banyak yang berminat memasang widget ini setelah melihat blogger saya. Karena slideshow tersebut memudahkan para pengunjung untuk membaca postingan apa yang menarik pada blogger kita. Karena di slideshow tersebut bisa menampilkan gambar dari tiap postingan kita. Disertai judul dan Coment yang ada di postingan tersebut. Apakah anda berminat juga untuk memasang widget ini ....? caranya mudah kok..., Tidak perlu memakan waktu lama.....-_-, dari pada membuang–buang waktu mari kita langsung. membuatnya..:


Langkah-Langkahnya :
  • Login pada dashboard blogger sobat
  • Klik Tata Letak
  • Klik Tambah Gadget
  • Pilih tambah Html/JavaScript
  • Kemudian Copy kode Html Dibawah ini

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
    <script language='JavaScript'>

imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = " http://BlogSobat.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
    <script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div> 
<small><a href="http://http://clyfirst.blogspot.com/2012/07/cara-membuat-widget-slideshow-post.html " target="_blank" title="Cara Memasang Slideshow Postingan Di Blog"> <center>[Get Slideshow]</center></a></small> 

Ingat !!! jangan lupa ubah tulisan warna merah menjadi alamat url Blog sobat. Dan Editlah Width ( lebar) dan Height (tinggi) sesuai dengan yang anda inginkan. Namun jika anda tidak ingin repot2 mengubah ukuran, tinggal Copas aja. Tapi jangan lupa ya tulisan warna merahnya di ganti.

  • Pastekan script di atas kedalam Html/java script tadi
  • Simpan
  • Lalu atur dimana anda akan meletakan slideshow tersebut
  • Lalu simpan kembali.
  • Selesai

Mudah bukan ....? jangan lupa sering - sering berkunjung -__-.

Semoga bermanfaat. 


Copaser adalah Perbuatan Pengecut..! clyfirst.blogspot.com

Read More ->>

Cara memasang Widget Share Button Pada Blogger

Belakangan ini saya berkunjung  ke sebuah blogger, dan saya menemukan sesuatu yang unik di blogger sahabat saya tersebut. Saya menemukan widget share botton. Kemudian saya mencoba memasangnya, karena widget ini akan memudahkan pengunjung blog sobat untuk mengshare apa yang ada pada blogger sobat. Dan hal ini juga akan berdampak positif Pada blogger sobat. karena ini bisa menjadi media marketing gratis buat para blogger, untuk itu saya akan membagaikan kepada para sobat blogger tentang cara membuat share botton. Berikut langkah- langkahnya :

  1. Login ke dasbor blog anda
  2. Klik Tata Letak
  3. Klik Tambah Gadget
  4. kemudian klik Html/Javascript
  5. Copy kode Html di bawah ini
  6. Pastekan di Html/JavaScript tadi
  7. Simpan
  8. Dan Selesai.......

Kode Share button


<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="bagikan ke teman anda">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://clyfirst.blogspot.com/2012/07/cara-memasang-widget-share-button-di.html" target="blank" title="Cara Memasang Widget Share Button"><font color="blue"><center>[Get Widget]</center><font></font></font></a></div></div>

<!--Widget Share Button Melayang End-->


Catatan : untuk tulisan warna Biru anda dapat mengeditnya sesuai keinginan anda. Dan tulisan warna Merah bisa anda hapus jika anda ingin tampilan yang simple.

contoh hasilnya :



                                                                             


Semoga bermanfaat.........       Jangan Lupa Like Ya.......
Read More ->>

Popular Posts