TUTORIALL MEMBUAT GALLERY FOTO BERSCROOLL

TUTORIALL MEMBUAT GALLERY FOTO BERSCROOLL

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 contoh kode Html di bawah ini yang saya pakai untuk galeri Photo Artis cowok:
Caranya
·                     Login pada Blogger
·                     Masuk mode Posting kemudian Entri Baru
·                     Klik Edit HTML yang ada disebelah tulisan Compose
·                     Masukan script tadi
·                     Klik tulisan Compose kemudian Terbitkan Entri

<div style="overflow:auto;width:700px;height:450px;padding:10px;border:1px solid #eee">
<tr>
<td><a href="link" target="_blank"><img src="url gambar" /></a>
<td><a href="link" target="_blank"><img src="url gambar" /></a>
<td><a href="link" target="_blank"><img src="url gambar" /></a>
<td><a href="link" target="_blank"><img src="url gambar" /></a>
</tr>
</div>

Jika sudah tinggal di publish

Keterangan :
Arah gambar : lebar halaman untuk scroolnya
Kecepatan gerak gambar :  Tinggi halaman untuk scroolnya
Link : Link gambar yang kita masukan
Url gambar: url gambar.

oya bila ingin lihat hasilnya silahkan klik    DEMO

Demikian Tutorial membuat scrool gallery foto, jika ragu silahkan post kan di komentar.

KABAR..HEBOH !!!!!! RAFFI AHAMAD BERSUMPAH ATAS NAMA ALLAH DIA TIDAK AKAN MENDUKUNG ORANG YANG SUDAH MENGHINA AGAMA ISLAM MASYARAKAT BANGGA DENGAN PEMIKIRAN RAFFI AHMAD

KABAR..HEBOH !!!!!! RAFFI AHAMAD BERSUMPAH ATAS NAMA ALLAH DIA TIDAK AKAN MENDUKUNG ORANG YANG SUDAH MENGHINA AGAMA ISLAM MASYARAKAT BANGGA DENGAN PEMIKIRAN RAFFI AHMAD

Walaupun saya harus mati sekalipun saya tidak akan mendukung orang yang sudah menghina agama islam
Saya berharap semoga warga jakarta bersedia mendukung cagub-cawagub anies-sandi jangan pernah biar orang luar ingin menjajah indonesia kehadiran mereka hanya membuat kerusuhan,kekacauan dan kekeliruan

" Kalau saya sih simple aja. Saya melihatnya bukan dari sosok saya sebagai selebritis, tapi saya sebagai warga. Saya melihat sosok Mas Anies dan juga Bang Sandi sebagai sosok yang berwibawa, bersahaja, dan auranya itu saya yakini bisa membawa perubahan untuk Jakarta, " ucap Raffi Ahmad saat ditemui di kawasan Kebon Jeruk, Jakarta Barat. 

Senada dengan sang suami, Nagita Slavina mengaku sebenarnya sudah lama mengagumi sosok Anies Baswedan. 

" Dari dulu saya sebenarnya ngefans sama Pak Anies. Ngeliatnya sebagai tokoh pendidikan yang kebapakan. Apalagi setelah sekarang punya anak, saya melihatnya Jakarta harus dipimpin seorang yang bisa bikin pinter banyak orang, " ucap perempuan yang biasa disapa Gigi itu. 

Gigi pun meyakini, Jakarta dibawah kepemimpinan Anies akan semakin maju dari pada sebelumnya. " Insya Allah dengan warganya yang makin pinter, tambah wawasan, insya Allah kotanya tambah maju, " ucap Gigi. 

Selain mengagumi sosok Anies, Gigi juga menyatakan ketertarikannya dengan Sandiaga Uno, Cawagub Anies Baswedan. Untuk sosok Sandiaga, Gigi mengaku punya penilaian tersendiri. 

" Kalau buat Bang Sandi, selain berwibawa, ganteng ya. Lebih ganteng dari suami saya, " ujar Gigi yang langsung disambut tawa oleh Anies dan Raffi. 

Di sisi lain, Raffi Ahmad sempat mengutarakan ajakannya kepada warga Jakarta untuk memilih pemimpinnya dengan hati nurani, terutama ditujukan untuk memilih Anies-Sandiaga. 

" Saya sebagai perwakilan anak muda, sangat menyarankan sekali untuk para warga memilih sesuai dengan hati nurani kita. Saya melihat sosok Mas Anies serta Bang Sandi itu beda sekali, sangat nyantai, serta yang pastinya membuat hati nurani saya dan istri memilih Anies-Sandi, " ucap Raffi Ahmad. 

Menanggapi dukungan dari Raffi Ahmad dan Nagita Slavina, Anies Baswedan juga mengaku jika ia merasa berterimakasih terhadap dukungan tersebut . 


" Kami ingin Jakarta jadi kota yang mendidik bukan kota pendidikan. Saya merasa terhormat atas dukungan dari Raffi dan gigi kita percaya ikhtiar kita dimudahkan dan tanggal 15 akan mencapai keberhasilan, insya Allah, " Anies Baswedan menandaskan. 

Cara Membuat Gallery Foto Di Blog


Di luar sana sebenar nya sudah banyak yang menyediakan template Galery Photo untuk pengguna blog, namun sayangnya, jika sobat menggunakan template tersebut, ya cocoknya blog sobat hanya untuk memposting photo dan tidak cocok untuk digunakan ke hal yang lain.

Tapi jangan khawatir gan, disini ada sedikit tutorial bagaimana cara membuat album menarik di blog agan tanpa harus menggunakan template album tersebut.

Cara penggunaannya juga sangat mudah, ikuti langkah-langkah dibawah ini :
1.  Pertama adalah Download/Save image terlebih dahulu File Gambar yang ingin anda tampilkan di blog.
2.  Jika sudah Download/Save image  gambarnya, sekarang kita memulai membuat sebuah postingan gambar, Login Ke Blog » Posting » New Post » Kasih Judul Album agan, sekarang klik HTML, Jangan yang Compose pada pilihan Pengeditan Dokument.

3.  Copykan Kode Berikut ini :

<table style="width:100%">
<tr>
<td>letakan kursor disini</td>
<td> </td>
<td> </td>
</tr>

<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

Klik insert image pilih gambar yang ingin di jadikan gallery foto maka akan otomatis terisi semuanya
contoh :

<td>  <a href="https://3.bp.blogspot.com/-eNw5NxfvKAQ/WPL8Ndtq7SI/AAAAAAAABAU/82l2TYRuVE4rzSOoQDRUYK-CyC27Jis5ACLcB/s1600/0.jpg" imageanchor="1" ><img border="0" src="https://3.bp.blogspot.com/-eNw5NxfvKAQ/WPL8Ndtq7SI/AAAAAAAABAU/82l2TYRuVE4rzSOoQDRUYK-CyC27Jis5ACLcB/s200/0.jpg" width="220" height="350" /></a></td>

tulisan tebal adalah gambar yang saya insert image dari folder saya dan terisi  otomatis dengan SRC nya, seterusnya sesuaikan width dan height nya hasilnya seperti gambar di atas.


Jika sudah, silahkan Publish Postingannya, Sangat Mudah Bukan?..
Selamat Mencoba. 

Demo  dan bila di klik pada foto terlihat seperti gambar 2

kalau agan kurang jelas bisa tanya langsung....di  commentar

CARA MEMBUAT SITEMAP KEREN DI BLOG

Sitemap atau daftar isi blog dirasa sangat penting untuk memberikan ruang informasi kepada pengunjung untuk mengetahui seluruh isi artikel pada blog kita. So Kali ini saya akan memberikan tutorial cara membuat sitemap keren otomatis dan cepat loading di blog. Sebenarnya sitemap default dari blogger sudah tersedia, namun terlihat biasa dan tidak menarik. Nah, dengan membuat sitemap blog keren maka akan menajadi perhatian tersendiri dimata pengunjung dan ini akan menjadikan pengunjung betah di blog yang kita kelola.

Yang paling menarik dari sitemap seo ini adalah menampilkan sitemap otomatis sesuai dengan label, jadi menampilkan judul postingan sesuai dengan label yang ada. postingan terbaru secara otomatis akan masuk dalam daftar, jadi anda tidak perlu susah-susah memasukkan satu persatu. Memasang sitemap di blog juga tidak membutuhkan kepandaian untuk menguasai html, karena anda tinggal copas dan memasangnya pada halaman statis.

Berikutcara untuk membuat sitemap keren. salah satu sitemap yang keren dibawah ini lalu pasang pada laman blog anda. Jika anda memasang dengan benar maka sitemap sudah berhasil anda pasang di blog.


Sitemap Keren Responsive

CARA MEMBUAT SITEMAP KEREN DI BLOG
INI TAMPILAN SITEMAP DI BLOG SAYA DENGA CODE DI BAWAH

<style type='text/css' scoped='scoped'>
#show-cat{float:left;margin-right:20px;width:220px;height:391px;overflow-x:hidden;overflow-y:auto;line-height:18px}
#show-cat ul{margin:0;border-top:1px solid #ccc;padding:0}
#show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:0}
#show-cat ul li a{display:block;padding:10px}
#show-cat ul li a,#navi-cat a{background:#fff;color:#d80556;text-decoration:none}
#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:15px}
#show-cat ul li a:hover,#navi-cat a:hover{background:#ccc;color:#fff}
#show-post{float:left;width:60%}
#show-post ul li{list-style-type:none;padding-bottom:15px}
#navi-cat{padding:20px 0}
#navi-cat a{margin-right:10px;border:1px solid #ccc}
#navi-cat a,#navi-cat span{padding:5px 10px}
#navi-cat span{float:right}
</style>
<div id='show-cat'></div>
<div id='show-post'>
<script type='text/javaScript'>
var cat_home='https://catatananakrantau2007.blogspot.co.id';cat_numb=11;cat_pre='Prev';cat_nex='Next';
var cat_name;var cat_start;var cat_class;
function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' &ndash; '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>');
</script>
</div>
<div style='clear:both'></div>   (sumber code : www.penaindigo.com )

Silahkan ganti URL https://catatananakrantau2007.blogspot.co.id/ dengan URL blog anda.

Cara Memasang Sitemap Keren di Blog anda

Pertama, Silahkan login akun blogger anda, kemudian pilih “Laman” lalu klik tombol “Laman Baru” lihat gambar berikut:
CARA MEMBUAT SITEMAP KEREN DI BLOG

Kedua, Isi judul laman dengan “Sitemap” atau “Daftar Isi“, Pilih Mode “HTML
Ketiga, Pasang kode HTML sitemap pilihan anda, terakhir klik “Publikasikan”. Perhatikan gambar dibawah ini.
CARA MEMBUAT SITEMAP KEREN DI BLOG


Selesai dan lihat hasilnya.
Keterangan:
Jangan klik mode Compose setelah memasang kode HTML diatas, Karena bisa saja sitemap tersebut tidak muncul dan terlihat halaman kosong.
sekian terima kasih