Advertisement

POSS ALL

Saturday, March 26, 2016

membuat color box dan scroll box di postingan blog


color box adalah kotak yang memiliki background atau warna atau gambar
dan bisa di isi dengan kode script/html.
    
Scroll box adalah kotak yang berisi tulisan atau gambar atau lainnya yang menggunkan fungsi scroll. Selain gambar dan tulisan, sobat dapat mengisi scroll box tersebut dengan kode script / html. Memasang scroll box sangat bermanfaat sekali untuk kalian yang ingin membuat Linklist / blogroll agar panjang blogroll tersebut tidak membuat loading blog kita lambat. Untuk membuatnya, cukuplah mudah. Sobat hanya tinggal memasang kode Html di bawah ini:

- color box

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
isi box</div>


penjelasan:

  • border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
  • Double; = Bentuk kotak, bisa diganti dengan,
    dashed
    dotted
    Double
    Groove
    inset
    outset
    ridge
  • Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
  • background-color:ffffff; = warna dalam kotak. 
  • Dan text-align:left; = posisi tulisan didalam kotak di kiri.
- scrool box

tambahkan script ini

<div style="overflow:auto;width:300px;height:100px;padding:10px;border:1px solid #eee">


Isi Scroll Box

</div>

contoh script blog

<div style="overflow:auto;width:100px;height:50px;padding:10px;border:1px solid #eee">


<a href="http://andro-net.blogspot.co.id/">scroll 1</a>
<br />
<a href="http://hardlinesite.blogspot.com/">scroll 2</a>
<br />
<a href="http://andro-net.blogspot.co.id/">scroll 3</a>
<br />
<a href="http://andro-net.blogspot.co.id/">scroll 4</a>
<br />
<a href="http://andro-net.blogspot.co.id/">scroll 5</a>
<br />
</div>


nanti jadinya akan seperti ini



atur width dan height nya ajah yah untuk melebar dan meninggikan box
sekian terima kasih

Cara membuat setiap postingan ada readmorenya di blogger


Ketika membuat blog baru, biasanya tampilan blog masih biasa-biasa saja. Artinya kita masih menggunakan tampilan blog yang diberikan oleh Blogger sendiri. Seiring dengan waktu, muncul kebosanan dan ingin menggantinya dengan yang lain. Ada yang menggunakan template yang dinamis, atau mengutak-atik tampilan blog sesuai keinginan.

Read More atau baca Selanjutnya dibuat agar tampilan blog terlihat lebih rapi dan elegan. Tujuannya agar tampilan bloh ketika pertama kali dibuka bisa terlihat banyak cuplikan artikel. Dengan begitu, pengunjung bisa melihat cuplikan-cuplikan yang ada di dalam blog kita dan memilihnya satu persatu.

Cara Membuat Read More

1. Login blogger
2. Pilih template -> klik edit html
3. Cari kode </head> (gunakan CTRL+F atau F3 untuk mempermudah
    pencarian)
4. Letakkan kode dibawah ini diatas kode </head>



<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 80;
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>


penjelasan:
kode script berwarna merah
  • summary_noimg = 150; (banyaknya huruf jika tidak ada gambar)
  • summary_img = 150; (banyaknya huruf jika ada gambar)
  • img_thumb_height = 80; (Ukuran tinggi gambar)
  • img_thumb_width = 120; (Ukuran lebar gambar)

next

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



<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&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:left'> <a expr:href='data:post.url'><b>Readmore</b> &#8594; <data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if> 

6. Tulisan Readmore bisa anda ganti sesuai dengan keinginan anda.
7. Simpan template dan Lihat hasilnya.

Cara Memasang Back to Top di Blog

memasang tombol "Back to Top" di Blog.

Tombol "Back to Top" memudahkan user atau pengunjung kembali ke bagian atas blog, dalam satu klik, tanpa harus men-scroll mousenya atau "mengusap-usap" jarinya di "touch pad" atau layar SmartPhone-nya.
Nah, dengan adanya  tombol "Back to Top" ini, sobat tinggal "klik" dan tampilan bagian atas blog akan tersaji secara otomatis.


Cara Memasang Back to Top

 

1. Pastikan di template blog sobat sudah ada kode jquery, yaitu kode seperti ini:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>

Atau seperti ini:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

jika belum ada, lakukan langkah seperti ini:
- Template > Edit HTML
- Cari (CTRL+F) kode </head>
- COPY salah satu kode tersebut dan PASTE di atas kode </head>  tadi.
- Save!

2. Klik "Layout" (Tata Letak)
3. Klik "Add Gadget" di Sidebar
4. Pilih "Javascript/HTML"
5. Copy dan Paste kode berikut ini:

 <style>
.mbw-back-to-top {
    position: fixed;
    bottom: 2em;
    right: 10px;
    text-decoration: none;
    padding: 1em;
    display: none;
    cursor:pointer;
}
</style>
<img class="mbw-back-to-top" src="http://2.bp.blogspot.com/-36z7H3mWlZ0/USDizr47anI/AAAAAAAAAjU/8SoPm-odD7I/s1600/back_to_top_button.png" />
<script type="text/javascript">
/*****mybloggersworld.com***/
jQuery(document).ready(function() {
    var offset = 220;
    var duration = 500;
    jQuery(window).scroll(function() {
        if (jQuery(this).scrollTop() > offset) {
            jQuery('.mbw-back-to-top').fadeIn(duration);
        } else { //www.mybloggersworld.com
            jQuery('.mbw-back-to-top').fadeOut(duration);
        }
    });
 
    jQuery('.mbw-back-to-top').click(function(event) {
        event.preventDefault();
        jQuery('html, body').animate({scrollTop: 0}, duration);
        return false;
    })
});
</script>

Kode yang berwarna merah adalah url image "Back to Top". sobat bisa menggantinya dengan gambar lain sesuai dengan selera sobat.

Friday, March 25, 2016

cara membuat bootanimation melalui hp android

artikel kali ini saya ingin berbagi cara tentang cara simple buat bootanimation melalui hp kita masih lanjutan dari postingan sebelumnya tentang boot logo
apa itu bootanimation ?

bootanimation itu merupakan gambar animasi, yang muncul ketika hp kita dihidupkan pada saat poweroff ataupun restart, bootanimation bisa dilihat pada saat booting ke 2 setelah booting pertama yaitu boot logo.





next membuat bootanimation melalui hp android
bahan
- aplikasi zarchiver
           root explorer
           text editor
           aplikasi edit gambar

step
- buka app zarchiver
- buat folder baru dan rename menjadi bootanimation
- buka folder yang barusan di buat
- lalu buat folder baru lagi kita tambahkan 2 folder baru
  2 folder baru itu kita rename menjadi folder 1 menjadi part0
  folder 2 menjadi part1
- jadi intinya dalam 1 folder bootanimationnya itu di dalemnya terdapat
  2 folder yaitu part0 , part1
- lalu tambahkan file yang berextensi .txt
  dan rename file txtnya menjadi desc.txt
- buat beberapa file .png ukuran terserah tapi kalau mau full resolusi
  pake yang 480*845
- kasih nama file .png nya itu sesuai urutan contoh
  png pertama ane kasih nama 001.png
  png kedua 002.png
  png ketiga 003.png
  dan seterusnya
- pindahkan file file .png tersebut ke dalam folder yang dibuat tadi
  >folder part0 itu untuk animasi yang tidak berulang
  >folder part1 itu untuk animasi yang berulang
   #penjelasan
   kalau ingin memindahkan filenya itu harus berurutan nama .png nya
   contoh ane masukin file .png ke dalem folder part0 sekitar 10 png
   berarti nama png nya sampai 010.png
   selanjutnya memindahkan file.png yang lain ke folder part1 karena
   tadi masukin file terakhir di folder part0 010.png berarti kita   
   tinggal melanjutkannya sajah di folder part1 nya berarti lanjut
   pindah file dari 011.png dan seterusnya

- buka file text desc.text
  tambahkan text seperti ini

    480*845 30
    c 1 0 part0
    c 0 0 part1

   (480 845 tanpa tanda *)
   #penjelasan
   > 480 845 resolusi gambar .png nya
   > 30 kecepatan frame (semakin besar semakin cepat)
   > c 1 0 part0 semua file di dalem folder part0 tidak looping
   > c 0 0 part1 semua file di dalem folder part 0 looping load file
     gambar terakhir

- kompres file editan tadi
  buka folder bootanimation lalu tandain semua lalu di compres
  jadikan compresannya seperti gambar contoh di bawah ini sesuaikan


- ni contoh file bootanimation.zip tes tes di sony experia m saja ya tidak untuk device lain
 
Download
 

- selesai
- buka rootexplorer
- push bootanimation editan tadi ke system/media
- permission rw-r-r-
- reboot

SEMOGA BERHASIL

cara menyembunyikan credit link template blog

Hampir semua template blog baik yang berplatform Blogger atau WordPress memiliki credit link yang terdapat dibagian footer blog atau bagian bawah dari halaman blog. Menghapus credit link template blog sama dengan menghapus hak milik dari pembuat template blog itu karena dengan menghapus credit link template blog sama juga tidak menghargai jerih payah dari pembuat template tersebut apalagi sampai mengganti credit link tersebut dengan mengatasnamakan diri sendiri, seakan-akan template tersebut merupakan hasil buatannya. Apakah menghapus credit link menyalahi aturan? Tentu saja sangat menyalahi aturan jika dari si pembuat template menyarankan atau tidak memperbolehkan untuk tidak menghapus credit link tersebut. Apapun alasannya, tidak boleh menghapus credit lenk secara sepihak kecuali sudah meminta izin untuk kepada si pembuat template tersebut untuk menghapus credit link yang ada. Namun berbeda jika template yang kita gunakan merupakan template premium karena hampir semua pembuat template yang menjual templatenya sehingga menjadikan template tersebut berbayar atau menjadi template premium sudah tidak mencantumkan credit link pada template atau kalau pun ada credit link yang terpasang maka pengguna template diperbolehkan untuk menghapus credit link tersebut


Jika menghapus credit link tidak diperbolehkan atau diperbolehkan sesuai dengan status dari template blog tersebut, apakah berbayar atau tidak. Bagaimana kalau credit link yang ada dibagaian bawah halaman blog (footer) tersebut disembunyikan? Bukankah cara tersebut masih wajar dilakukan? Karena pemasangan link credit template blog menurut saya sebenarnya hanyalah untuk memberikan tambahan backlink pada blog pembuat template tersebut sehingga dengan adanya backlink tersebut akan meningkatkan nilai dari blog si pembuat template sehingga mempengaruhi nilai SEO untuk blog tersebut. Nah benarkah seperti itu? Benarkah menyembunyikan credit link boleh dilakukan? Meski pada intinya pemasangan credit link untuk menambah porsi SEO dari link yang terpasang tersebut namun tujuan utama dari pemasangan credit link menurut saya adalah agar blogger lainnya yang tertarik dengan template blog tersebut mengetahui siapa pemilik template blog itu sebenarnya dan juga untuk mendapatkan referrer link sebagai trafik blog yang berasal dari berbagai IP sehingga mendatangkan visitor yang unik. Dengan begitu, jika pemasangan cedit link tersebut tidak di hapus, hal ini sebenarnya juga membantu penindeksan blog yang tetap membiarkan credit link tersebut tetap terpasang. Kenapa bisa membantu pengindeksan blog baru yang menggunakan template dengan credit link yang tetap terpasang?

Credit link merupakan suatu kredit link yang biasanya terletak pada bagian footer (bawah) pada sebuah template.

Biasanya credit link ada pada semua template creator, namun pada template yang gratis credit link biasanya dapat dihapus tanpa menimbulkan pengaruh apapun. Berbeda dengan credit link pada template yang premium/berbayar atau template free yang populer, biasanya menghapus credit link dapat membuat blog kita akan redirect/dialihkan ke blog yang terdapat pada credit link.

Credit link tempate berfungsi memberikan apresiasi kepada si pembuat template agar karyanya dapat diketahui dan diakui para pemakai. Namun beberapa blogger menganggap dengan adanya credit link membuat blognya kurang rapi, sehingga berusaha menghilangkan credit linknya.

Jika ingin menggunakan template premium tanpa credit link dapat dilakukan dengan cara membelinya kepada pembuatnya. Namun jika ingin menggunakan template premium tanpa credit link harus berusaha sedikit.

Sebelum lanjut ke cara menyembunyikan credit linknya, pastikan sobat telah memiliki aplikasi notepad++.
Berikut ini cara menyembunyikan credit link dan menghalangi redirect ke blog pada credit link.
Pertama, klik kanan pada template yang akan disembunyikan credit linknya, lalu pilih Open with notepad++.



Kemudian cari letak credit link yang akan disembunyikan, biasanya diawali dengan kata Copyright, Design by, Credit, Clone dan lainnya. Biasanya terletak dibawah.




Copykan kode dibawah ini setelah kode id='copy2', atur agar sesuai tergantung templatenya.
style='visibility:hidden'


Selesai!
Untuk memakainya silahkan simpan terlebih dahulu.