Cara Memasang Widget Ongkos Kirim JNE, TIKI dan POS INDONESIA

Cara Memasang Widget Ongkos Kirim JNE, TIKI dan POS INDONESIA

Blogger Tips Tutorial

Apa kbar sobat GSG tercinta, terkasih dan tersayang sudah lama sekali tidak pernah update software gratis nih. tapi kali ini malah mau update tutorial Cara Memasang Widget Ongkos Kirim JNE, TIKI dan POS INDONESIA.

Tutorial ini sangat bermanfaat dan berguna terutama untuk sobat GSG yang punya toko Online alias jualan Online. karna dengan widget Ongkos Kirim JNE, TIKI dan POS INDONESIA ini pelanggan sobat tidak perlu lagi membuka situs kurir pengiriman barang di Indonesia, jadi cukup di website sobat saja.

Cara memasangnya sangat gampang sob, yang perlu sobat lakukan hanya mendaftar/registrasi saja di www.widgetku.com

Setelah sobat mendaftar nanti sobat akan di berikan kode script yang bisa sobat pasang di website toko Online milik sobat, gak ribet dan gak susah kok sob prosesnya. cuma registrasi email donak.

Jadi langsung saja menuju ke TKP www.widgetku.com dan lakukan registrasi disana.

Untuk contoh nya sobat bisa lihat Demo yang ada dibawah ini :

jadi langsung saja sobat daftar ke www.widgetku.com

Oke, terima kasih !!!

Anda sedang membaca Cara Memasang Widget Ongkos Kirim JNE, TIKI dan POS INDONESIA

Published by : File Admin   

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   

Cara Membuat Blog Anti Copy Paste

Cara Membuat Blog Anti Copy Paste

Blogger Tips Tutorial

Saling contek mencontek itu sudah hal yang biasa waktu ane masih sekolah dulu sob, saling menyalin jawaban teman adalah kegiatan yang pasti dilakukan, apalagi kalau musim ujian sekolah sudah mulai datang, hehehehehe.
Tapi kali ini ada cerita lain sob, contek mencontek dan salin menyalin alias copy paste bukan di bangku sekolahan, tapi di dunia blogger. saling copy paste di dunia blogger juga tidak kalah menariknya, hehehe mungkin para blogger nya lagi mau ujian. Mungkin ada diantara sobat yang rela-rela saja kalau artikel yang ditulis di blog nya di copy dan di share tanpa seizin pembuat artikel, tapi ada juga di antara sobat yang gak menginginkan hal tersebut. Tenang saja, ane menyediakan script nya secara gratis kok.

1. Login ke account blogger sobat
2. klik menu template lalu pilih Edit html
3. klik lanjutkan dan jangan lupa centang box 'expand template widget'
4. Lalu sobat cari kode </head> dengan cara tekan tombol ctrl+f lalu sobat ketikan kode tersebut.
5. Sobat copy kode di bawah ini dan letakan dibawah kode </head>

<script type="text/javascript">if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT>

6. lalu simpan template

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   

Cara Membuat Permalink SEO Di Blog

Cara Membuat Permalink SEO Di Blog

Blogger SEO Tips Tutorial

Permalink merupakan kepanjangan dari Permanen Link Tag, permalink sangat bergua untuk optimalisai setiap halaman blog sobat. Debgan permalink sobat bisa memberikan informasi sumber dan halaman dari artikel yang dibaca oleh pengunjung blog sobat semua. Sehingga akan membuat Nilai SEO On page di halaman sobat pasti akan semakin bertambah. Permalink ini sendiri letaknya ada dibawah postingan blog,
Permalink juga bisa menjadi internal link yang bisa membantu indexing blog sobat di search engin berdasarkan keyword yang tepat.

ScreenShoot Permalink

Untuk melihat contohnya, sobat bisa melihat dibagian bawah postingan blog ini

Dan cara membuat permalink sangatlah mudah

1. Masuk ke akun blogger sobat, dan pilih EditT HTML
2. Cari kode ]]></b:skin>  pada template anda.
3. Letakkan kode CSS dibawah ini diatas kode ]]></b:skin>

.permalink-seofriendly {border: 2px dashed #424242; padding: 5px; background: #fbfbef;-moz-border-radius:5px;} .permalink-seofriendly a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}

4. Kemudian cari kode <data:post.body/> pada template anda. Letakkan kode permalink dibawah ini dibawah kode <data:post.body/>. Jika template anda telah menggunakan fungsi Read More, maka letakkan kode permalink dibawah kode <data:post.body/>  yang ke-2

<div class='permalink-seofriendly' style='padding:5px 5px 5px 5px; overflow: auto; width: auto; height: auto; text-align: justify;'><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>. Anda boleh menyebarluaskan atau mengcopy artikel <strong><data:blog.pageName/></strong> ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.</small></div>

5. Jika anda ingin membuat url postingan pada permalink menjadi link aktif, sobat dapat mengganti kode <data:post.url/>  dengan kode Dibawah ini :

<a expr:href='data:post.url'><data:post.url/></a>

6. Silahkan melakukan modifikasi pada jenis style border atau background warna sesuai keinginan anda. Mencoba membuat dengan kreasi sendiri tentunya akan lebih memuaskan hasilnya.

7. Save/Simpan template anda.

Dan untuk melihat hasilnya, sobat bisa melihat dibagian bawah postingan sobat, aka akan muncul sesuatu yang baru. heheh
Semoga Bermanfaat ya Sobb...!!!!

Published by : File Admin   

Cara Memasang Meta Tag untuk mendapatkan Banyak Pengunjung Blog

Cara Memasang Meta Tag untuk mendapatkan Banyak Pengunjung Blog

Blogger SEO Tips Tutorial

semua sobat Blogger pasti sudah tau apa itu Meta Tag, namun tidak bagi sobat-sobat blogger yang masih baru dan belum mengerti cara optiasi blog agar seo friendly dan cepat terindex oleh mesin pencari/search engin.

Salah satu cara untuk mengoptimalisasi blog kita adalh dengan memasang Meta Tag ke dalam blog kita.

screenshoot cara memasang meta tag

CARA MEMASANG

1. Masuk ke akun Blogger sobat

2. Lalu masuk ke bagian Edit Template

3. Jika sudah masuk ke edit template, maka cari kode berikut

<b:include data='blog' name='all-head-content'/>

Tekan tombil CTRL+F untuk mempermudah mencari kode yang akan di cari

4. Jika kode diatas sudah ketemu, maka letakkan kode dibawah ini tepat dibawah kode yang kita cari tadi.

<meta content=' Deskripsi blog kamu' name='description'/><meta content='keyword 1 ,keyword2 ,keyword3 ...' name='keywords'/><meta content='Nama Anda' name='Author'/><meta content='Alamat email Anda' name='Email'/><meta content='global' name='distribution'/><meta content='5 days' name='revisit'/><meta content='5 days' name='revisit-after'/><meta content='document' name='resource-type'/><meta content='all' name='audience'/><meta content='general' name='rating'/><meta content='all' name='robots'/><meta content='index, follow' name='robots'/><meta content='id' name='language'/><meta content='id' name='country'/>

5. Jika sudah di masukkan, maka sekarang sobat ganti tulisan yang berwarba merah dengan informasi blog anda.

Ingat untuk deskripsi blog jangan terlalu panjang, usahakan kurang dari 156 karakter. karena jika terlalu panjang maka resikonya tidak akan terindex atau sia-sia.
SEMOGA BERHASIL SOBBB ..!!!

Published by : File Admin