Cara Membuat Scroll "Go To Top" Di Blogger

 

 

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 ->>

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 ->>

Free Download Software Download Manager

Tonec Inc. - 4.35MB (Shareware)

Internet 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.

Download

EA Download Manager Electronic Arts Inc - 33.53MB (Freeware) EA 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. Download

Free Download Manager freedownloadmanager.org - 6.87MB (Open Source) Free 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! Download

Orbit Downloader Innoshock - 4.32MB (Freeware) Orbit 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. Download

Star Downloader Star Downloader - 2.34MB (Freeware) Star 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

Download Accelerator Plus SPEEDbit - 9.83MB (Non-Commercial Freeware) DAP 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. Download

May Be Useful. 

Sumber : Febridriver.blogspot.com

Read More ->>

Cara Membuat Animasi Daun Berjatuhan Pada Blogger

Pada tutorial blogger kali ini saya akan menuliskan panduan bagaimana cara memasang efek daun berjatuhan pada blogger. Walaupun sebenarnya script efek daun jatuh ini bisa digunakan untuk blog maupun situs apa saja, tapi di sini saya akan menuliskan tutorial untuk blogger saja.

Sebelum saya meneruskan panduan membuat efek daun berjatuhan ini saya ingin menegaskan bahwa ini tidak bersifat wajib, karena cuma hiasan blog saja, dan mungkin saja script efek daun jatuh ini bisa membuat loading blog kamu menjadi lebih berat (Jika kamu sudah menggunakan script lainnya).

Jadi berat atau tidaknya blog kamu nanti tergantung dari banyak atau tidaknya script yang sudah kamu gunakan sebelum menggunakan script ini.

Langkah-langkahnya :

1. Klik Tata Letak
2. Klik Tambah Gadget / Add A Gadget
3. Pilih Gadget Html/JavaScript

4. Masukkan kode efek daun jatuh berikut di dalamnya
<script src='http://ahmad-rifai-tools.googlecode.com/files/daun-blog.ahmadrifai.net.js'/></script>
5. Simpan deh...

Selamat Mencoba......... Semoga bermanfaat............ 

jangang lupa like ya......

Read More ->>

Cara Membuat Daftar Isi Di Blogger

Daftar Isi atau yang sering kita sebut Sitemap pada umumnya kita gunakan sebagai petunjuk atau informasi sudah berapa banyak artikel yang selama ini sudah kita buat di dalam blog kita. Kadang kita merasa malas apabila kita harus membuat dan mengisi daftar isi tersebut secara manual setiap kali kita selesai meng update artikel. Maka dari itu kali ini saya akan berbagi informasi tentang bagaimana cara membuat daftar isi atau sitemap berdasarkan label secara otomatis mengisi sendiri setiap kita selesai membuat artikel. Berikut tutorialnya.

Buka menu Posting atau Posts kemudian kita klik Entri Baru atau New Post. Setelah masuk ke dalam halaman editor posting pilih dalam mode HTML bukan Compose. Lalu copy paste kan kode di bawah ini ke dalam halaman editor posting :

<script src="http://sitemap-kiosbisnis.googlecode.com/files/KiosBisnislabel2.js"></script><script src="http://clyfirst.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Ganti text yang berwarna merah diatas dengan alamat blog anda. Simpan dan Lihat hasilnya. Berikut contoh tampilan daftar isi berdasarkan label dari blog KiosBisnis.com.

Namun misal anda menginginkan menggunakan fungsi scroll karena daftar isi dirasa sudah terlalu banyak dan terlalu banyak memakan tempat (memanjang ke bawah) maka bisa menambahkan kode berwarna biru di bawah ini.

<div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height: 500px; background-color: none; text-align: left;"> <script src="http://sitemap-kiosbisnis.googlecode.com/files/KiosBisnislabel2.js"></script><script src="http://clyfirst.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Jangan lupa untuk mengganti teks berwarna merah dengan alamat blog anda. Simpan dan Lihat hasilnya. Berikut contoh tampilan daftar isi berdasarkan label menggunakan fungsi scroll dari blog KiosBisnis.com.

Selamat mencoba.......    Semoga Bermanfaat....... 

Read More ->>

Cara Membuat Read More Otomatis Pada Blogger

Read More untuk blogger.....? banyak para blogger yg ingin mempercantik bloggernya tentu...

nah saya ingin membagi tips nich.. buat para bloggger yg ingin menggunakan READ MORE di bloggernya, langsung aja yuk..:

1. Masuk Blogger pilih Template
2. Centang Expand Template Widge
3. Cari kode </head> Supaya cepat klik Ctrl F
4. Masukkan kode dibawah ini tepat dibawah </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

5. cari kode <data:post.body/> dan Ganti dengan kode dibawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>READMORE...&#187;&#187;&#160;&#160;</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan :
READ MORE : bisa diganti sesuai selera
summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar, bisa diganti sesuai selera
summary_img = 340; adalah tinggi potongan artikel dengan gambar, bisa diganti sesuai selera
img_thumb_height = 100; adalah ukuran tinggi thumbnail, bisa diganti sesuai sele
img_thumb_width = 120; adalah ukuran lebar thumbnail, bisa diganti sesuai selera

Save Template dan lihat hasilnya.

Selamat Mencoba.... Semoga bermanfaat......... 

Read More ->>