Jumat, 31 Agustus 2012

Cara Membuat Scroll "Go To Top" Di Blogger

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh561D6qLPT_HL1xkhcQ2g3GCAhNx-FYH8cTfo93tIQQQckQ9_RDZyRBHAzjsma0Ud6WtgYvi7Ltlq-KFIh9ZdlLTdbSYKw8P-afqtf7bgA-xlceSQdPFtdFjwWStp-Yf2QVytMJGd5plWB/s1600/back-to-top.png
 
Kawan-kawan semua, masih membahas mengenai Tutorial blogger. Kali ini saya berbagi info mengenai bagaimana Cara mudah membuat tombol scroll back to top pada blogger sobat. Caranya mudah sekali, sobat tinggal copy script dibawah ini. Tapi ikuti dulu langkah-langkahnya, seperti di bawah ini :

1.Harus login dulu ke blogger
2.Klik Rancangan
3.Setelah di edit tata letak tinggal klik "Tambah Gadget"
4.Selanjutnya masukkan script dibawah ini ke dalam gadget yang tadi telah disiapkan

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="kembali ke beranda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh561D6qLPT_HL1xkhcQ2g3GCAhNx-FYH8cTfo93tIQQQckQ9_RDZyRBHAzjsma0Ud6WtgYvi7Ltlq-KFIh9ZdlLTdbSYKw8P-afqtf7bgA-xlceSQdPFtdFjwWStp-Yf2QVytMJGd5plWB/s1600/back-to-top.png" border="0" alt="back to top" /></a>

5.Tinggal klik save


NB :
*Warna biru bisa diganti dengan gambar sesuai dengan keinginan sobat
*Warna merah bisa diganti dengan tulisan sesuai dengan keinginan sobat 

Semoga bermanfaat ya sobat...mohon tinggalkan pesan mengenai tips dan trik blog ini.

Read More ->>

Lirik Lagu Chrisitna Perri - Thousand Years

 


Heartbeats fast
Colors and promises
How to be brave

How can I love when I’m afraid to fall
But watching you stand alone
All of my doubt suddenly goes away somehow

One step closer

I have died everyday waiting for you
Darling don’t be afraid I have loved you
For a thousand years
I love you for a thousand more

Time stands still
Beauty in all she is
I will be brave

I will not let anything take away
What’s standing in front of me
Every breath

Every hour has come to this

One step closer

I have died everyday waiting for you
Darling don’t be afraid I have loved you
For a thousand years
I love you for a thousand more

And all along I believed I would find you
Time has brought your heart to me
I have loved you for a thousand years
I love you for a thousand more

One step closer

One step closer

I have died everyday waiting for you
Darling don’t be afraid I have loved you
For a thousand years
I love you for a thousand more

And all along I believed I would find you
Time has brought your heart to me
I have loved you for a thousand years
I love you for a thousand more

Read More ->>

Lirik lagu Count On me - Bruno Mars





 If you ever find yourself stuck in the middle of the sea
I’ll sail the world to find you
If you ever find yourself lost in the dark and you can’t see
I’ll be the light to guide you

Find out what we’re made of
What we are called to help our friends in need

You can count on me like one, two, three
I’ll be there 
and I know when I need it
I can count on you like four, three, two
And you’ll be there 
cause that’s what friends
Are supposed to do,, ooh, ooh, oh yeah

If you toss and you turn and you just can’t fall asleep
I’ll sing a song beside you
And if you ever forget how much you really mean to me
Everyday I will remind you

Find out what we’re made of
What we are called to help our friends in need
You can count on me like one, two, three
I’ll be there and I know when I need it
I can count on you like four, three, two
And you’ll be there ’cause that’s what friends
Are supposed to do, ooh, ooh, yeah, yeah

You’ll always have my shoulder when you cry
I’ll never let go, never say goodbye

You can count on me like one, two, three
I’ll be there and I know when I need it
I can count on you like four, three, two
And you’ll be there ’cause that’s what friends
Are supposed to do, ooh, ooh, oh yeah
You can count on me ’cause I can count on you

Read More ->>

Jumat, 17 Agustus 2012

Cara Membuat Slide Show Berdasarkan Kategori


Cara Membuat Slide Show berdasarkan Kategori/Label - Cara Membuat Slideshow otomatis - Slideshow memang akan menjadi widget yang bisa memperindah layout template Anda. Pada posting sebelumnya, saya pernah membahas tengan cara membuat slideshow. Namun, slideshow yang dibuat menggunakan cara manual. Yaitu, kita memasukkan gambar dan deskripsi satu persatu.
Kali ini, kita akan membuat slideshow content yang dibuat berdasarkan kategori/label secara otomatis. Jadi nanti, Anda tinggal mengubah kategori untuk mengubah tampilan slide-nya. Langsung saja :

  • Login ke blogger.
  • Klik Design/Tata Letak --> Edit HTML --> centang "Expand Widget Templates"
  • Backup dulu template anda dengan mengklik "Download Template Lengkap". Untuk berjaga-jaga bila terjadi error.
  • Cari kode : ]]></b:skin>
  • Letakkan kode berikut di atas kode ]]></b:skin>
 #featured{margin-bottom:8px}
.sliderwrapper{position: relative;overflow: hidden;height: 240px}
.sliderwrapper .contentdiv{visibility: hidden;position: absolute;left: 0;top: 0;padding: 0px;height: 100%;}
.pagination{text-align: left;padding:8px 0px}
.pagination a{font-size:11px;color:#fff;padding: 3px 6px;background:#1b75d6}
.pagination a:hover, .pagination a.selected{color:#dedde5;background-color:#535352}
.featuredPost{width:360px;padding:10px 10px 0;background:#191919;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;color:#dedde5;position:absolute;bottom:0}
.featuredPost a{color:#fff}
.featuredPost a:hover{color:#dedde5}
.featuredPost h2{margin:0;font-size:12px;line-height:1}
.featuredPost span{font-size:10px}
.featuredPost p{font-size:11px}
  • Masih dalam dalam posisi Edit HTML. Cari kode </head>
  • Sekarang letakkan kode berikut ini di atas kode </head>
<script>
//<![CDATA[
/* Script from:http://simplexdesign.blogspot.com/ */
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFXfy-4AZoqVy1FCeYx7uWRRzLrYhaDo7FB0aH4H8jIySwQSR8M3g0I2DHTSaLmfMpmK-7qiV3MWmWArEOlKYDGtuSRgUY8MggRDvy6Thxw6IYGvtn-pmOrACOWvtCJPQT7m484BEGTfE/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 100;

numposts1 = 5;
label1 = "berita";

function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}

function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split("")[0];break}}
     
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["January","February","March","April","May","Juny","July","August","September","October","November","December"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
}}

var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<div class="contentdiv"><div class="sliderPostPhoto"><a href="'+posturl+'"><img width="370" height="240" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="featuredPost"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><span>'+daystr+'</span><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';   
document.write(trtd);    
j++;
}}
//]]>
</script>
  1. Perhatikan kode yang di beri huruf tebal label1 = "berita". Itu adalah label atau kategori yang akan ditampilkan di slider, di sini dipilih label berita. Anda nanti tinggal mengganti dengan label yang diinginkan.
  2. Perhatikan juga kode img width="370" height="240"  itu adalah lebar dan tinggi slider, silahkan sesuaikan dengan  template Anda.
  • Kemudian, cari kode </body>
  • Letakkan kode di bawah ini sebelum kode </body>
<script src='http://dl.dropbox.com/u/12924430/contentslider.js'/>
<script>
//<![CDATA[
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
enablefade: [true, 0.5], //[true/false, fadedegree]
autorotate: [true, 6000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
//]]>
</script>
  • Kemudian, cari kode <div id='main-wrapper'>, jika anda ingin slider tampil di atas main-wrapper seperti pada demo, dan letakkan kode berikut di bawahnya  :
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div id='featured'>
<div class='sliderwrapper' id='slider1'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
<div class='pagination' id='paginate-slider1'>
</div>
</div>
</b:if>
  • Save/simpan template.
Yang perlu diperhatikan di sini adalah kode label1 = "berita". berita adalah label yang ditampilkan dalam slider. Anda bisa menggantinya dengan label atau kategori yang diinginkan. 

Selamat mencoba..... Semoga Bermanfaat .....
Read More ->>

Rabu, 15 Agustus 2012

Free Download Software Download Manager

Tonec Inc. - 4.35MB (Shareware)
Download Internet Download Manager 6.11 Build 8Internet Download Manager (IDM) is a tool to increase download speeds by up to 5 times, resume and schedule downloads. Comprehensive error recovery and resume capability will restart broken or interrupted downloads due to lost connections, network problems, computer shutdowns, or unexpected power outages. Simple graphic user interface makes IDM user friendly and easy to use.
Internet Download Manager has a smart download logic accelerator that features intelligent dynamic file segmentation and safe multipart downloading technology to accelerate your downloads.
Internet Download Manager supports proxy servers, ftp and http protocols, firewalls, redirects, cookies, authorization, MP3 audio and MPEG video content processing. IDM integrates seamlessly into Microsoft Internet Explorer, Netscape, MSN Explorer, AOL, Opera, Mozilla, Mozilla Firefox, Mozilla Firebird, Avant Browser, MyIE2, and all other popular browsers to automatically handle your downloads.



EA Download Manager

Electronic Arts Inc - 33.53MB (Freeware)
Download EA Download Manager 8.0.3.427EA Download Manager (formerly EA Link or EA Downloader) is an application that enables you to download games and related content directly to your computer. This application also provides one location for you to manage and organize your EA digital content.
EA Download Manager is simple to use. You can download and install this small application in a matter of minutes.
EA Download Manager was replaced by Origin.

Free Download Manager

freedownloadmanager.org - 6.87MB (Open Source)
Download Free Download Manager 3.9 build 1249Free Download Manager? It is a powerful, easy-to-use and absolutely free download accelerator and manager. Moreover, FDM is 100% safe, open-source software distributed under GPL license.
FDM offers these features:

  • BitTorrent support
  • Upload Manager
  • Flash video downloading
  • Portable (USB stick) mode
  • Audio/video file preview and conversion
  • Download acceleration
  • Resume broken downloads
  • Smart file management and powerful scheduler
  • Adjust traffic usage
  • HTML Spider: Download whole web pages or even whole web sites with HTML Spider.
  • Simultaneous downloading from several mirrors
  • Zip files partial download
  • Active spyware and adware protection through active communication among users
  • Multi language support
  • Plus many more features!

Orbit Downloader

Innoshock - 4.32MB (Freeware)
Download Orbit Downloader 4.1.1.1Orbit Downloader, is a download manager specifically designed for the new generation Web (Web 2.0). You can use Orbit to download video/music/files from Myspace, YouTube, Imeem, Pandora, and Rapidshare, or on any site to make general downloading easier and faster.
Main Orbit Downloader Features:

  • Download social music, social video and streaming media
  • Extreme download acceleration.
  • Super Light: micro-sized and resource-friendly
  • Supports RapidShare download.
  • Supports IE, Firefox, Maxthon, and Opera.
  • Supports Metalink download.
  • Supports HTTP, HTTPS, FTP, MMS, RTSP and RTMP protocols.
  • Supports Proxy server configuration.
  • Supports download, pause and resume.
  • Provides general download management.

Star Downloader

Star Downloader - 2.34MB (Freeware)
Download Star Downloader Free 1.45Star Downloader is a download manager that accelerates your downloads by splitting the files into several parts and downloading them simultaneously. Download speeds are increased further by choosing the fastest mirror sites.
You may automatically resume broken downloads if your connection is lost or if your computer accidentally shuts down. With the scheduler, you can download files at certain times of the day. Star Downloader may also automatically connect to your ISP and hang-up upon completion of downloads.
To help you organize and manage your downloads there is an advanced category system and an integrated unzipping utility can automatically unzip and install downloaded files. Star Downloader also integrates with your antivirus program to automatically scan files upon completion of the download.
Star Downloader supports FTP and HTTP. Proxy is also supported.

Download Accelerator Plus

SPEEDbit - 9.83MB (Non-Commercial Freeware)
Download Download Accelerator Plus 10.0.3.5DAP is a consumer application that accelerates your downloads using SPEEDbit's patented multi-channel technology. While you download, DAP ensures your computer is using maximum bandwidth by downloading from parallel mirror sites.
Main features:

  • Automatic Mirroring Speed Boost.
  • Download safer as you see what the leading security programs say about your files.
  • Continue broken or paused downloads
  • Watch previews of videos as they download.


May Be Useful. 

Sumber : Febridriver.blogspot.com
Read More ->>

Popular Posts