Cara Memasang Tombol Back to Top di Blog

Cara Memasang Tombol Back to Top di Blog

Blogger SEO Tips Tutorial

Mungkin Sobat GSG Pernah melihat tombol back to top di bagian kanan bawah atau di tengah bawah pada suatu blog. Dengan Tombol back to top berfungsi untuk blog sobat yang konten nya sangat banyak atau panjang sehinggan tampilan blog terlihat terlalu memanjang ke bawah.

Itulah gunanya kita memasang tombol back to top, Dengan adanya tombol tersebut dapat memudahkan pengunjung kembali lagi ke atas halaman blog jika mereka berada di bagian terbawah, sehingga tidak perlu repot-repot lagi menggunakan fungsi scroll dengan meng-klik tombol tersebut.

Jika Sobat ingin memasang tombol back to top pada blog, berikut simak dan ikuti langkah-langkahnya:

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Kemudian cari kode </body> untuk mempercepat pencarian gunakan Ctrl + F.
4. Letakkan kode dibawah ini tepat diatas </body>

<script src='https://freemovies-store.googlecode.com/files/backtotop.js' type='text/javascript'/> <a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNJyx_v1-FsUg-NNSJfbwI2eNYD2sEnr6OeN1TLvMYK2YjjifvFSumJHZpdXf9GAe_MTSksh5_XyN6pd3Sw-EAToZ7O0pQeHCxI-TFZtwVm2GFXk-OGDScZEZu3AC7snx7-kOhyphenhyphenm2jzrk/s1600/back-to-top.gif'/></a><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

5. Setelah selesai 'Simpan template / Save Template'.

Lihat apa ada yang berubah ? sekarang pengunjung blog Anda sangat terbantu dengan adanya tombol back to top ini, jadi gak perlu lagi repot-repot memakai fungsi scroll untuk kembali ke atas postingan.

Published by : File Admin   

Xara Web Designer Premium V9.0.2 Full Version

Xara Web Designer Premium V9.0.2 Full Version

Desain Editing Freeware Internet SEO Software Tools

Xara Web Designer merupakan aplikasi untuk mendesign sebuah web, dengan menggunakan Xara Web Designer Premium v9 kita tidak perlu harus memiliki keahlian HTML dalam mendesign sebuah web, cukup drag n drop saja.

Compatibility :

Working with industry standards is vital, so Web Designer sites are W3C compliant, cross browser compatible (IE 5.5, Firefox, Safari, Chrome) and XHTML, CSS standards based.
It can also import a huge range of files types for vector graphics, image and text including PDF, RTF, RAW, PSD, TIFF and of course JPEG, PNG, GIF.



Minimum System Requirements :

Microsoft® Windows® XP/Vista/7/8.
Intel Celeron or newer, or AMD Sempron or newer, plus: Photo & Graphic Designer, Designer Pro, Web Designer, Web Designer Premium 500MB RAM, 300MB hard disc space.


Link Download

Pasword : berbagi2gratis.blogspot.com

Download : [ 32 Bit ] Xara Web Designer Premium V9.0.2 Full Version
Download : [ 64 Bit ] Xara Web Designer Premium V9.0.2 Full Version
Download Crack (4Shared | Mediafire)

Published by : File Admin   

Alienware Free Screen Saver

Alienware Free Screen Saver

Beckground Desain Freeware Patch SEO Software Themes Tools Walpaper Windows

Bosen dengan tampilan PC/Laptop sobat yang gitu-gitu aja, dan ingin merubahnya jadi semakin keren ? tenang aja sob, ni ane ada free screen saver Alienware yang pasti sobat menyukainya. Dengan screen saver Alienware ini maka tampilan desktop sobat pasti semakin bertambah keren dan gak akan terlihat jadul lagi, heheheeh.

Link Download

Download Alienware Free Screen Saver (4 MB)
Mirror Link | Alienware Free Screen Saver (4 MB)
How To Use

Published by : File Admin   

Cara Membuat Slide Show Postingan Blog

Cara Membuat Slide Show Postingan Blog

Blogger SEO Tips Tutorial

Pada postingan kali ini, ane akan menjelaskan bagaimana cara membuat slide Show untuk postingan, dimana hasilnya slide Show akan bergerak kebawah. untuk lebih jelasnya sobat bisa melihatnya pada blog ane ini, letaknya ada di sidebar kanan.

screenshoot slideshow pada postingan

Cara membuatnya sangatlah mudah sob,
1. Pertama masuk ke blog sobat
2. Kemudian menuju ke tata letak blog
3. Tambahkan Widget HTML dengan fungsi javascript
4. Copy kode dibawah ini dan pastekan di HTML Javascript tadi

<style type="text/css">#rp_plus_img{height:386px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background: transparant;} #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img li{border:solid 1px #585858; margin:0; padding:0; list-style:none;} #rp_plus_img li{height:85px;padding:5px;list-style:none;} #rp_plus_img a{color:#FFFF00;} #rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:65px;height:65px;} </style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="http://dongengblogger.googlecode.com/files/slidekebawah.js"></script><script type="text/javascript">var speed = 1500; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script><ul id="rp_plus_img"><script style="text/javascript">var numposts = 80; var numchars = 90; </script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul>

5. Klik SAVE/Simpan.

Dan lihatlah hasilnya, ,.,

Published by : File Admin   

Cara Membuat Scroll Pada Popular Post

Cara Membuat Scroll Pada Popular Post

Blogger SEO Tips Tools Tutorial

Pada postingan kali ini, ane akan share tutorial cara membuat/modifikasi tampilan Popular Post dengan fungsi Scroll. Mungkin diantara sobat masih ada yang bingung bagaimana cara membuatnya, dibawah ini ane buatkan tutorialnya. Untuk contoh bisa sobat lihat pada blog ini saja ya.

screenshoot scroll pada popular post

Cara Membuat Scroll Pada Popular Post di Blog :
1. Login ke blogger dengan akun sobat
2. Masuk ke halaman Template
3. Klik Edit HTML Lalu Lanjutkan
4. cari kode ]]></b:skin>
(gunakan Ctrl+F)
5. copy dan paste kode di bawah ini tepat di atas kode ]]></b:skin>

#PopularPosts1 .widget-content{ height:200px; overflow:auto;}

6. Untuk height bisa sobat atur sesuai keinginan sobat sendiri
7. Jika sudah, SAVE template sobat dan lihat hasilnya.

Published by : File Admin   

Cara Membuat Read More Otomatis Di Blog

Cara Membuat Read More Otomatis Di Blog

Blogger SEO Tips Tools Tutorial Utilities Windows

Malam sobat, kali ini ane akan share cara dan tutorial membuat Read Mmore/Baca Selengkapnya secara otomatis. Jadi sobat gak perlu lagi capek-capek membuat Read More manual dengan blogger lagi.

screenshoot Read More Otomatis Di Blog

Cara Membuat Readmore Otomatis di Blogger
1. Silahkan login ke Blogger > Template
2. Supaya lebih aman, klik tombol Cadangkan / Pulihkan yang ada di pojok kanan > Unduh Template Lengkap, setelah selesai template terunduh, tekan Tutup
3. Sekarang klik tombol Edit HTML.
4. Copy kode ini:
</head>
5. Letakkan kursur DI DALAM kotak Edit HTML.
6. Tekan CTRL+F untuk mencari lalu tekan CTRL+V lalu tekan ENTER
7. Setelah ketemu kode </head> , maka letakkan kode berikut diatas </head>

<script type='text/javascript'>var thumbnail_mode = "float" ; summary_noimg = 250; summary_img = 220; img_thumb_height = 150; img_thumb_width = 120; </script><script type='text/javascript'>//<![CDATA[ function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c}; //]]></script>

Kode yang berwarna merah itu bisa sobat edit dan sesuaikan dengan selera sobat, gak di ganti juga gak papa.

8. Sekarang cari kode <data:post.body/> sebagaimana anda tadi mencari </head> maka akan anda temui kode tersebut tidak hanya satu. sehingga kita harus coba-coba, tapi mulailah dari <data:post.body/> yang paling bawah atau akhir.

Jika sudah ketemu yang paling akhir, maka ganti kode tersebut dengan ini:

<b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.pageType != "static_page"'><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><span class='rmlink' style='float:left'><b>Baca Selengkapnya</b> → <a expr:href='data:post.url'><data:post.title/></a></span></b:if></b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if><b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

9. Jangan langsung save, saya sarankan untuk pratinjau terlebih dahulu saja, jika sudah merasa benar, baru sobat SAVE. Untuk contohnya bisa sobat lihat sendiri di blog ini.

Published by : File Admin