MZ Blog

Perjuangan pencari kerja berjalan jauh untuk berjuang

2019-12-10T16:31:00.036+07:00

Ini sudah kali ketiga saya harus bolak balik lintas kota dengan melewati beberapa kabupaten dengan menempuh jarak 220 km sekali jalan dengan berkendara sepeda motor...sangat melelahkan, tapi itulah hidup.

Mungkin kita selalu menyalahkan keadaan yang memaksa kita untuk berbuat hal seperti ini..tapi yah tetap harus dijalani

Bulan Desember ini adalah bulan perjuangan bagi saya untuk mau melakukan hal seperti itu, karena memang ada harapan di ujung sana.Semoga harapan indah itu bukanlah harapan palsu Berdoa dan berbuat sudah dilakoni...saatnya untuk menunggu hasilnya

Semoga saja..🙏

Desember 2019

Template blogspot Gratis episode ke tiga

2019-08-05T17:57:00.070+07:00

Ini mungkin karena memang kurang kerjaan saja...dan akhirnya kerjaannya adalah utak atik template blogspot, khususnya template blogspot buatan maskolis yang saya redesign kembali ke beberapa template gratis dibawah ini, bila sobat ingin mencobanya monggo silahkan di icip-icip template blogspotnya

Nah kira-kira seperti ini yang bisa saya sajikan untuk sobat pembaca, pasti template ini masih banyak kekurangannya, karena sekali lagi pengetahuan saya di dunia desain template blogspot tidak ada apa-apanya dibandingkan dengan para master yang sudah lama berkecimpung di dunia desain ini, oh yah..untuk footer credit tolong yah jangan dihapus yah...dan terimakasih bila ada sobat yang berminat memakai template yang saya sajikan kalau ada masalah widget template dan lainnya bisa menghubungi saya di kolom komentar.
Selamat Mencoba...

Cara mengganti kotak komentar dengan komentar Contempo

2019-08-05T17:41:00.022+07:00

Ketika template blogspot ada lagi yang terbaru maka kolom kotak komentar pun berganti dengan tampilan terbaru dan kali ini saya akan memberikan tutorial cara mengganti kotak komentar lama anda dengan kotak komentar terbaru silahkan disimak yah...

1. Tambahkan CSS dibawah ini dan taruh di atas <b:skin><![CDATA[

 <!-- Variable definitions -->
<Group description="Komentar Baru Blogger (Contempo, Soho, Emporio, Notable)">
 <Variable name="body.background" description="Body Background" type="background" color="#dddfe2" default="#dddfe2 none repeat scroll top left" value="#dddfe2 none repeat scroll top left"/>
 <Variable name="body.font" description="Font" type="font" default="normal 400 14px Roboto, Arial, sans-serif" value="normal 400 14px Arial,sans-serif"/>
 <Variable name="body.text.color" description="Text Color" type="color" default="#1d2129" value="#1d2129"/>
 <Variable name="body.text.font" description="1"
  type="font"
  default="$(body.font)" value="normal 400 14px Roboto,Arial,sans-serif"/>
 <Variable name="posts.background.color" description="2"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="body.link.color" description="3"
  type="color"
  default="#008c5f" value="#008c5f"/>
 <Variable name="body.link.visited.color" description="4"
  type="color"
  default="#008c5f" value="#008c5f"/>
 <Variable name="body.link.hover.color" description="5"
  type="color"
  default="#1d2129" value="#1d2129"/>
 <Variable name="blog.title.font" description="6"
  type="font"
  default="$(body.text.font)" value="normal 400 14px Roboto, Arial, sans-serif"/>
 <Variable name="blog.title.color" description="7"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="header.icons.color" description="8"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="tabs.font" description="9"
  type="font"
  default="$(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
 <Variable name="tabs.color" description="10"
  type="color"
  default="#ccc" value="#cccccc"/>
 <Variable name="tabs.selected.color" description="11"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="tabs.overflow.background.color" description="12"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="tabs.overflow.color" description="13"
  type="color"
  default="$(body.text.color)" value="#1d2129"/>
 <Variable name="tabs.overflow.selected.color" description="14"
  type="color"
  default="$(body.text.color)" value="#1d2129"/>
 <Variable name="posts.title.color" description="15"
  type="color"
  default="$(body.text.color)" value="#1d2129"/>
 <Variable name="posts.title.font" description="16"
  type="font"
  default="$(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
 <Variable name="posts.text.font" description="17"
  type="font"
  default="$(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
 <Variable name="posts.text.color" description="18"
  type="color"
  default="$(body.text.color)" value="#1d2129"/>
 <Variable name="posts.icons.color" description="19"
  type="color"
  default="$(body.text.color)" value="#6c6f74"/>
 <Variable name="labels.background.color" description="20"
  type="color"
  default="#008c5f" value="#008c5f"/>
</Group>

2. Setelah itu sobat cari kode data:post.commentFormIframeSrc dan tambahkan seluruhnya dengan kode dibawah ini

<!-- Sebelum -->
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

<!-- Sesudah -->
<a expr:href='data:post.commentFormIframeSrc appendParams {skin: "contempo"}' id='comment-editor-src'/>

Setelah itu klik simpan dan coba lihat hasilnya, bila terjadi error dapat bertanya ke saya di kolom komentar

Selamat mencoba..

Sumber : Igniel

Template Blogspot gratis episode ke dua

2018-09-14T19:47:00.007+07:00

Hallo Sobat kembali saya share seri berikutnya dari Benote template mulai dari seri pertama hingga ke tujuh dan sekarang saya share kembali seri ke delapan dan sembilan

Khusus untuk Benote seri sembilan menjawab permohonan dari Mas Warman, monggo mas silahkan dipakai bila berkenan...😊

Template Blogspot Benote seri ke delapan

DEMO DOWNLOAD

Template Blogspot Benote seri ke sembilan

DEMO DOWNLOAD

Baiklah itu saja dulu template gratis yang saya berikan, bila ada yang ingin bertanya dapat bertanya di kolom komentar

Selamat mencoba..

Cara membuat efek parallax di blogspot

2018-09-14T13:21:00.004+07:00

Kali ini saya akan memberikan tutorial cara membuat efek parallax pada template blogspot sobat, silahkan disimak...

1. Masukkan kode css dibawah ini dan taruh di atas </head>

body{height:100%}
.image1{
width:100%;
height:100%;
background-image: url(link gambar.jpg);
background-size: cover;
/* Agar tampilan gambar tetap proposional dengan ukuran layar */
background-position:center;
/* Posisi gambar ditengah */
background-attachment: fixed;
/* Ini lah yang membuat gambar dapat di scroll */
background-repeat: no-repeat;
/* Cocok untuk gambar besar agar tidak ada perulangan */
}
.isi1{
width:100%;
padding: 50px 15px;
/* Membuat tulisan berada ditengah elemen konten dan efek tinggi otomatis.*/
}
@media screen and (max-width:1024px) {
.image1{
background-attachment: scroll;
/* Mematikan efek dengan, layar yang dibawah resolusi 1024px */
      }
}

2. Masukkan kode javascript dibawah ini dan taruh di atas kode </body>

 <script type='text/javascript'>
$(document).ready(function() {
  $(window).scroll(function() {
    var scr = $(document).scrollTop() / 10; // Angka 10 lebih kencang, 100 = tidak bergerak
    $(".image1").css('background-position', '50% '+scr+'%');
    // Selector yang dipilih .image1, sesuaikan dengan css yang kamu buat
  });
});
</script>

3.Untuk pemanggilnya taruh di antara widget yang ingin sobat berikan efek parallax dengan kode dibawah ini

 <div class='image1'>
  <h2>Scroll Down</h2>
</div>
<div class='isi1'>
  <h2>Efek Parallax</h2>
Efek parallax
</div>

Selamat mencoba semoga berhasil!

Gambar : babastudio.com

Template Blogspot Gratis edisi pertama

2018-09-04T23:32:00.026+07:00

Halo Sobat MyZozieman, mumpung kegiatan saya di dunia nyata tidak terlalu sibuk maka dalam beberapa hari kembali saya melakukan hobi yang agak aneh, hehehe biasanya khan kalau hobi tuh kaya mancing, touring dan lainnya tapi dalam beberapa hari ini saya malah asyik berjam-jam hanya untuk utak-atik template blogspot dan hasilnya yah ada seri dari mulai Template Blogspot Benote 1 sampai Benote 7 saya buat dan inilah hasilnya..

Template Blogspot Benote 1

DEMO DOWNLOAD

Template Blogspot Benote 2

DEMO DOWNLOAD

Template Blogspot Benote 3

DEMO DOWNLOAD

Template Blogspot Benote 4

DEMO DOWNLOAD

Template Blogspot Benote 5

DEMO DOWNLOAD

Template Blogspot Benote 6

DEMO DOWNLOAD

Template Blogspot Benote Movie 7

DEMO DOWNLOAD

Semua Template saya redesign dari para ahlinya yang sudah terbiasa bikin template blogspot yang tentunya ciamik punya. Pastinya untuk Fitur semua template sudah responsive dan untuk Benote 5 sudah valid AMP HTML sedangkan untuk Benote 7 saya bikin khusus untuk template Video Streaming

Kenapa seperti itu, karena saya membuat template mungkin banyak pedoman yang saya tidak mengerti...maklum pengetahuan saya di bidang script dan lainnya bukan ahlinya, tapi saya membuat template berdasarkan design dan kebisaan yang saya punya saja

Tak lupa saya mengucapkan banyak terimakasih terutama pada para ahli di bidang design template seperti kang Adhy, Bung Frangki, Mba Lina, Bro CB, Bro Basri, Mastamv, MasRhino dan terakhir tentunya Mas Kolis yang sekarang entah dimana.
Juga para master lainnya, yang banyak memberikan tutorial dan cara membangun sebuah template

Kalau dibilang sih templatenya masih banyak kekurangan, kenapa seperti itu?
lihat di bawah :

Pengetahuan tentang Script : widht=1px;height=8px
Pengetahuan tentang jquerry : widht=3px;height=4px
Pengetahuan tentang SEO : widht=2px;height=2px
Pengetahuan tentang isi perut Blogspot : widht=3px;height=2px

*ingat loh ini skalanya dari 1-100 kira-kira seperti itu pengetahuan saya tentang Template Blogspot😤

Silahkan bila Sobat berkenan ingin melihat bahkan download atau pakai template atau juga mau design ulang lagi yah silahkan monggo saja, tapi tolong untuk credit link jangan dihapus yah...😚

Beberapa widget keren untuk Blogspot

2018-09-04T14:06:00.006+07:00

Hallo Sobat My Zozieman kali ini saya akan memberikan beberapa widget keren untuk menghiasi blog Anda silahkan disimak satu-satu yah

Widget Follow by Email di Sidebar Blogger

/* Follow by Email */
.FollowByEmail .follow-by-email-inner {
position: relative;}
.follow-by-email-inner {
background: none repeat scroll 0 0 #222;
padding: 15px;}
.follow-by-email-inner:before {
color: #c9c9c9;
content: "Get Our Latest Articles Delivered to Your Email Inbox. It's Free!";
font-family:sans-serif,arial;
font-size: 12px;
font-weight: normal;
padding: 0px 0px 0px 2px;}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{
border: 1px solid #f0f0f0;
font-size: 13px;
height: 28px;
padding-left: 8px;
width: 100%}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
background: #f24024;
border: 0 none;
color: #FFF;
cursor: pointer;
font-size: 11px;
height: 28px;
margin: 0 3px;
width: 80px;
z-index: 0;}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
background: #f24024;
border:none !important;
box-shadow:none !important;
border-radius:none !important;
filter: alpha(opacity=60);
opacity: 0.9;
cursor:pointer}

Sumber : contohblog

Label Katagori Style 1

/* Label */
.label-size-1, .label-size-2, .label-size-3, .label-size-4, .label-size-5 {
font-size: 100%;
opacity: 10;}
.cloud-label-widget-content {text-align: left}
.label-size {
background-color: #56b8e2;
display: block;
float: left;
margin: 0 3px 3px 0;
color: #ffffff;
font-size: 11px;
text-transform: uppercase;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.label-size a, .label-size span {
display: inline-block;
color: #ffffff!important;
padding: 6px 8px;
font-weight: bold;}
.label-size:hover {background-color: #333333}
.label-size:hover .label-count {background-color: #56b8e2}
.label-size:hover .label-count:before {border-right: 6px solid #56b8e2}
.label-count {
position: relative;
white-space: nowrap;
padding-right: 3px;
margin-left: -2.5px;
background-color: #333333;}
.label-count:before {
content: "";
width: 0;
height: 0;
border: 0 solid transparent;
border-top-width: 5px;
border-bottom-width: 5px;
border-right: 6px solid #333333;
position: absolute;
top: 8px;
left: -6px;}

Label Katagori Style 2

/* CSS label */
#sidebar-wrapper .Label li {background:#fff;color:#666;padding:5px;text-align:left;width:100%;border-bottom:1px solid #f1f1f1;transition:all .3s ease-out;}
#sidebar-wrapper .Label li:hover {background:#fff;color:#ef4824;}
#sidebar-wrapper .Label li:before {content:&quot;\f105&quot;;font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;
color:#666;transition:all .3s ease-out;}
#sidebar-wrapper .Label li:hover:before {margin:0 0 0 5px;padding-right:4px;color:#ef4824;}
#sidebar-wrapper .Label li a {color:#666;font-size:95%;transition:all .3s ease-out;}
#sidebar-wrapper .Label li a:hover {color:#ef4824;}
#sidebar-wrapper .Label li span{float:right;background-color:#999;color:#fff;line-height:1.2;margin:0 5px 0 0;padding:4px 6px;text-align:center;font-size:12px;transition:initial;border-radius:2px;}
#sidebar-wrapper .Label li span:hover{background-color:#ef4824;color:#fff}
#sidebar-wrapper .label-size{background:#fdfdfd;display:block;float:left;margin:0 4px 4px 0;font-size:13px;border:1px solid #e6e6e6;transition:all 0.3s;}
#sidebar-wrapper .label-size:hover{background:#ef4824;border-color:#b69c6c;}
#sidebar-wrapper .label-size a {display:inline-block;color:#444;padding:8px 10px;
font-weight:400;}
#sidebar-wrapper .label-size a:hover {color:#fff;}
#sidebar-wrapper .label-size a:before {content:&quot;\f02b&quot;;font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;padding-right:4px;
color:#444;transition:initial;}
#sidebar-wrapper .label-size a:hover:before {content:&quot;\f02b&quot;;font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;color:#fff;transition:initial;}

Label Katagori Style 3

.cloud-label-widget-content {
text-align: left;}
.label-size {
background: #5498C9;
display: block;
float: left;
margin: 0 3px 3px 0;
color: #fff;
font-family: &#39;Open Sans&#39;,&quot;Segoe UI&quot;,Arial,Tahoma,sans-serif;
font-size: 11px;
text-transform: uppercase;}
.label-size:nth-child(1) {
background: #F53477;}
.label-size:nth-child(2) {
background: #89C237;}
.label-size:nth-child(3) {
background: #44CCF2;}
.label-size:nth-child(4) {
background: #01ACE2;}
.label-size:nth-child(5) {
background: #94368E;}
.label-size:nth-child(6) {
background: #A51A5D;}
.label-size:nth-child(7) {
background: #555;}
.label-size:nth-child(8) {
background: #f2a261;}
.label-size:nth-child(9) {
background: #00ff80;}
.label-size:nth-child(10) {
background: #b8870b;}
.label-size:nth-child(11) {
background: #99cc33;}
.label-size:nth-child(12) {
background: #ffff00;}
.label-size:nth-child(13) {
background: #40dece;}
.label-size:nth-child(14) {
background: #ff6347;}
.label-size:nth-child(15) {
background: #f0e68d;}
.label-size:nth-child(16) {
background: #7fffd2;}
.label-size:nth-child(17) {
background: #7a68ed;}
.label-size:nth-child(18) {
background: #ff1491;}
.label-size:nth-child(19) {
background: #698c23;}
.label-size:nth-child(20) {
background: #00ff00;}
.label-size a, .label-size span {
display: inline-block;
color: #fff !important;
padding: 4px 10px;
font-weight: bold;}
.label-size:hover {
background: #222;}
.label-count {
white-space: nowrap;
padding-right: 3px;
margin-left: -3px;
background: #333;
color: #fff ;}
.label-size:hover .label-count, .label-size:focus+.label-count {
background-color: #ff6bb5;}

Label Katagori Style 4

/* CSS label */
.label-size{ margin:0; padding:0; position:relative; }  .label-size a ,  .label-size span{ float:left; height:24px; line-height:24px; position:relative;font-size:12px; margin-bottom: 9px; margin-left:20px; padding:0 10px 0 12px; background:#0089e0; color:#fff; text-decoration:none; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px;  border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px;  border-top-right-radius:4px;  } .label-size a:before ,  .label-size span::before{ content:""; float:left; position:absolute; top:0; left:-12px; width:0; height:0; border-color:transparent #0089e0 transparent transparent;border-style:solid; border-width:12px 12px 12px 0;   } .label-size a:after ,  .label-size span::after{ content:""; position:absolute; top:10px; left:0; float:left; width:4px;height:4px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; -moz-box-shadow:-1px -1px 2px #004977; -webkit-box-shadow:-1px -1px 2px #004977; box-shadow:-1px -1px 2px #004977; }  .label-size a:hover ,  .label-size span::hover { background:#555;} .label-size a:hover:before ,  .label-size span::hover::before{border-color:transparent #555 transparent transparent;}

Label Katagori Style 5

 .label-size{
   display: inline-block;
   padding: 0px 10px;
   height: 29px;
   line-height:29px;
   border-radius: 5px;
   font-weight:bold;
   font-size:12px;
   text-decoration:none;}
.label-size{
  border: 1px solid #769e42;
  box-shadow: inset 0 1px 0 #c5e59c ;
  background-color: #9ed35a;
  text-shadow: 0px 1px 1px #6ea23b;
  color: #fff;
  background-image: linear-gradient(bottom, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  background-image: -o-linear-gradient(bottom, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(125,196,64) 0%, rgb(157,210,88) 100%);}
.label-size:hover{
  background-color: #b7fa66;
  background-image: linear-gradient(top, #b7fa66 0%, #7ec940 100%);
  background-image: -o-linear-gradient(top, #b7fa66 0%, #7ec940 100%);
  background-image: -moz-linear-gradient(top, #b7fa66 0%, #7ec940 100%);
  background-image: -webkit-linear-gradient(top, #b7fa66 0%, #7ec940 100%);
  background-image: -ms-linear-gradient(top, #b7fa66 0%, #7ec940 100%);}
.label-size:active{
  background-image: linear-gradient(top, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  background-image: -o-linear-gradient(top, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  background-image: -moz-linear-gradient(top, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  background-image: -webkit-linear-gradient(top, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  background-image: -ms-linear-gradient(top, rgb(125,196,64) 0%, rgb(157,210,88) 100%);}
.label-size{
  display:inline-block;
  border-radius: 5px 0 0 5px;
  border-right-width:0;
  position:relative;
  z-index:5;
  margin-right: 20px;
  margin-bottom: 10px;}
.label-size:after{
  content: " ";
  width: 22px;
  height: 22px;
  line-height: 18px;
  font-size:25px;
  border-top: 1px solid #769e42;
  border-right: 1px solid #769e42;
  box-shadow: inset 0 1px 0 #c5e59c ;
  background-color: #9ed35a;
  text-shadow: 0px 1px 1px #7eac46;
  border-radius: 3px 7px 3px 0;
  color: #fff;
  background-image: linear-gradient(135deg, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  background-image: -o-linear-gradient(135deg, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  background-image: -moz-linear-gradient(135deg, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  background-image: -webkit-linear-gradient(135deg, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  background-image: -ms-linear-gradient(135deg, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  position:absolute;
  top: 3px;
  right: -12px;
  z-index:-3;
  -webkit-transform: rotate(45deg);  /* Saf3.1+, Chrome */
       -moz-transform: rotate(45deg);  /* FF3.5+ */
        -ms-transform: rotate(45deg);  /* IE9 */
         -o-transform: rotate(45deg);  /* Opera 10.5 */
            transform: rotate(45deg);
               filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */
                       M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476, sizingMethod='auto expand');
                 zoom: 1;}
.label-size:hover:after{
  background-color: #b7fa66;
  background-image: linear-gradient(-45deg, #b7fa66 0%, #7ec940 100%);
  background-image: -o-linear-gradient(-45deg, #b7fa66 0%, #7ec940 100%);
  background-image: -moz-linear-gradient(-45deg, #b7fa66 0%, #7ec940 100%);
  background-image: -webkit-linear-gradient(-45deg, #b7fa66 0%, #7ec940 100%);
  background-image: -ms-linear-gradient(-45deg, #b7fa66 0%, #7ec940 100%);}
.label-size:active:after{
  background-image: linear-gradient(-45deg, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  background-image: -o-linear-gradient(-45deg, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  background-image: -moz-linear-gradient(-45deg, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  background-image: -webkit-linear-gradient(-45deg, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
  background-image: -ms-linear-gradient(-45deg, rgb(125,196,64) 0%, rgb(157,210,88) 100%);}
.label-size:before{
  content: " ";
  height:5px;
  width:5px;
  display:block;
  position:absolute;
  right:-3px;
  top:11px;
  background-color: #fcfdf5;
  border: 1px solid #83ab52;
  border-radius:5px;
  box-shadow: 0 1px 0 #b2ddd83;}
.label-size span{
  padding:2px 5px;
  border: 1px solid #9e5c26;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 #f5bf8c;
  background-color: #ed943f;
  text-shadow: 0px 1px 1px #000;
  margin-left: 10px;
  background-image: linear-gradient(bottom, rgb(211,95,32) 0%, rgb(223,131,45) 100%);
  background-image: -o-linear-gradient(bottom, rgb(211,95,32) 0%, rgb(223,131,45) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(211,95,32) 0%, rgb(223,131,45) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(211,95,32) 0%, rgb(223,131,45) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(211,95,32) 0%, rgb(223,131,45) 100%);}
#Label1 {height:210px !important;}.

Label Katagori Style 6

/* Labels */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;filter:alpha(100);opacity:10} .cloud-label-widget-content{text-align:left} .label-size{border:5px dashed #000000;border-bottom-right-radius:30px;border-top-left-radius:30px;background:#FA0830;display:block;float:left;margin:0 3px 3px 0;color:#ffffff;font-size:11px;text-transform:uppercase} .label-size a,.label-size span{display:inline-block;color:#ffffff!important;padding:6px 8px;font-weight:bold} .label-size:hover{border:5px dashed #FA0830;background:#000000} .label-count{white-space:nowrap;border-bottom-right-radius:30px;border-top-left-radius:30px;padding-right:3px;margin-left:-3px;background:#000000;color:#fff!important} .label-size{line-height:1.2}

Label Katagori Style 7

/* Labels */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;filter:alpha(100);opacity:10} .cloud-label-widget-content{text-align:left} .label-size{border:8px inset #0572F8;background:#0572F8;display:block;float:left;margin:0 3px 3px 0;color:#ffffff;font-size:11px;text-transform:uppercase} .label-size a,.label-size span{display:inline-block;color:#ffffff!important;padding:6px 8px;font-weight:bold} .label-size:hover{background:#000000} .label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;background:#000000;color:#fff!important} .label-size{line-height:1.2}

Label Katagori Style 8

/* Labels */
.widget-content.list-label-widget-content {padding:0;}
.widget-content.cloud-label-widget-content {display:inline-block;}
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
.cloud-label-widget-content{text-align:left;padding:10px;}
.label-count {background:#fff;white-space:nowrap;display:inline-block;padding:5px 7px;margin-right:3px;border:1px solid #FF9934;border-radius:4px;}
.label-count:hover {background:#fafafa;color:#222;border-radius:4px}
.Label li {background:#fff;color:#666;padding:5px;text-align:left;width:100%;border-bottom:1px solid #eee;transition:all .3s ease-out;}
.Label li:hover {background:#fff;color:#FF9934;}
.Label li:before {content:"\f105";font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;
color:#666;transition:all .3s ease-out;}
.Label li:hover:before {margin:0 0 0 5px;padding-right:4px;color:#29abe2;}
.Label li a {color:#666;transition:all .3s ease-out;}
.Label li a:hover {color:#FF9934;}
.Label li span{float:right;background-color:#999;color:#fff;line-height:1.2;margin:0 5px 0 0;padding:4px 6px;text-align:center;font-family:'Arimo',sans-serif;font-size:12px;transition:initial;border-radius:2px;}
.Label li span:hover{background-color:#FF9934;color:#fff}
.label-size{background:#fdfdfd;display:block;float:left;margin:0 4px 4px 0;font-family:'Arimo',sans-serif;font-size:13px;border:1px solid #FF9934;transition:all 0.3s;border-radius:5px;}
.label-size:hover{background:#FF9934;border-color:#FF9934;}
.label-size a {display:inline-block;color:#444;padding:8px 10px;
font-weight:400;}
.label-size a:hover {color:#fff;}
.label-size a:before {content:"\f02b";font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;padding-right:4px;
color:#444;transition:initial;}
.label-size a:hover:before {content:"\f02b";font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;color:#fff;transition:initial;}
.Label li {background:transparent;float:left;padding:5px;margin:0;text-align:left;width:45%;transition:all .3s ease-out;}
.Label li:hover {color:#29abe2;}
.Label li a {color:#aaa;transition:all .3s ease-out;}
.Label li a:hover {color:#29abe2;}
.Label li span{float:right;color:#aaa;margin:0;padding:4px 6px;text-align:center;font-family:'Arimo',sans-serif;font-size:13px;font-weight:400;border-radius:2px;}
.Label li span:hover{color:#29abe2}
.label-size{background:#fff;color:#fff;display:block;float:left;margin:0 4px 4px 0;font-family:'Arimo',sans-serif;font-size:13px;transition:all 0.4s;}
.label-size a {display:inline-block;color:#fff;padding:8px 10px;
font-weight:400;transition:initial;}
.label-size a:hover {background:#29abe2;color:#fff;transition:all 0.2s;}
label-size a:before {content:"\f02b";font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;padding-right:4px;
color:#fff;transition:initial;}
.label-size a:hover:before {content:"\f02b";font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;color:#fff;transition:initial;}
.label-size:hover, #footer-wrapper-inner .label-size:hover{background:#29abe2;color:#fff;transition:initial;}
.label-count {background:#333;}

Label Katagori Style 9

/* CSS cloud label */
.cloud-label-widget-content {margin:15px 0 0;position:relative}
.label-size{background:#46506f;position:relative;margin:0 4px 3px 0;padding:0;font-size:12px;transition:all 0.3s;display:inline-block;text-transform:uppercase;height:28px;color:#fff;border-radius:2px;overflow:hidden}
.label-size a{color:inherit;text-decoration:none;font-weight:normal;padding:0 12px;margin:0;height:28px;line-height:28px;}
.label-count{font-size:10px;display:inline-block;background:#2d3759;color:#fff !important;transition:all 0.3s;white-space:nowrap;padding:0 5px;height:28px;line-height:27px;}
.label-size:hover{background:#333}
.label-size:hover .label-count{background:#222}
/* CSS list label */
.list-label-widget-content ul {padding:0 !important;margin:15px 2px 0!important;list-style:none !important;position:relative}
.list-label-widget-content li{position:relative;width:49%;display:inline-block}
.list-label-widget-content li a{color:#46506f;background:#fff;padding:5px;padding-left:10px;font-size:14px;border-radius:3px;border:1px solid #ddd;box-shadow:4px 0 0 #ddd inset;display:inline-block;margin-bottom:10px;}
.list-label-widget-content li a:hover{border-bottom:none;border:1px solid #C3C3C3;color:#2d3759}
.list-label-widget-content li span{font-size:11px;background:#eee;padding:5px;border-radius:2px}
.list-label-widget-content li:hover span{background:#46506f;color:#fff}

Label Katagori Style 10

/*CSS Label*/
.Label a{ padding-left: 5px; padding-right: 31.5px; color: #fff; height: 32px; background: #359bed; margin-right: 2px; line-height: 32px; text-decoration: none; -webkit-transition: all .3s ease-in-out !important; float: left; margin-top: 2px; font-size: 13px; text-align: left; display: inline-block; border: 1px solid transparent; border-radius: 3px; } .Label a:hover{ background:none; border: 1px solid #545454; border-radius:3px; color:#222; } .Label a:after{ content: ""; position: absolute; width: 0px; height: 0px; border-width: 16.5px; border-style: solid; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.3) rgba(0,0,0,0.1) transparent; }

Label Katagori Style 11

Label Katagori Style 12

/*CSS Label*/
.label-size{display:block;float:left;background:#555!important;margin:0 1px 1px 0;color:#eee;font-size:100%}.label-size a:hover,.label-size span:hover,.label-size:hover{background:#3384ff}.label-size a,.label-size span{display:inline-block;color:#fff;padding:4px 4px}

Label Katagori Style 13

/*CSS Label*/
.Label a{ padding-left:20px; background:#FFA500; padding:0 20px; color:#000!important; border-radius:100px; -moz-border-radius:100px; height:17px; line-height:17px; text-transform:uppercase; text-decoration:none; border:none !important; -webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px; float:left; margin-left:5px; margin-top:5px; font-size:14px; } .Label a:hover{ color:#000!important; background:#fff; }

Label Katagori Style 14

/* Label kelap-kelip */
.Label a{margin:0 11px 6px 0;padding:5px 5px 0 5px;background:#222;-moz-box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;opacity:.5;text-transform:uppercase;border-radius:5px;float:left;text-decoration:none;height:24px;line-height:24px;color:rgba(0,0,0,.6);text-shadow:2px 2px 3px rgba(255,255,255,.1);font:14px 'Arial black';letter-spacing:3px;-moz-animation-name:seociyusdisko;-moz-animation-duration:2s;-moz-animation-timing-function:linear;-moz-animation-delay:.5s;-moz-animation-iteration-count:infinite;-moz-animation-direction:alternate;-moz-animation-play-state:running;-webkit-animation-name:seociyusdisko;-webkit-animation-duration:2s;-webkit-animation-timing-function:linear;-webkit-animation-delay:.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-webkit-animation-play-state:running;-o-animation-name:seociyusdisko;-o-animation-duration:2s;-o-animation-timing-function:linear;-o-animation-delay:.5s;-o-animation-iteration-count:infinite;-o-animation-direction:alternate;-o-animation-play-state:running}@keyframes seociyusdisko{0%{background:red}25%{background:#ff0}50%{background:#00f}100%{background:green}}@-moz-keyframes seociyusdisko{0%{background:red}25%{background:#ff0}50%{background:#00f}100%{background:green}}.Label a:hover{position:relative;animation:seociyushover .5s infinite;-moz-animation:seociyushover .5s infinite;-webkit-animation:seociyushover .5s infinite;-o-animation:seociyushover .5s infinite}@keyframes seociyushover{from{left:0}to{left:10px}}@-moz-keyframes seociyushover{from{left:0}to{left:10px}}@-webkit-keyframes seociyushover{from{left:0}to{left:10px}}@-o-keyframes seociyushover{from{left:0}to{left:10px}}

Label Katagori Style 15

/*CSS Label*/ .Label a{ padding-left:20px; background:#00FFFF; padding:0 20px; color:#000!important; border-radius:100px; -moz-border-radius:100px; height:17px; line-height:17px; text-transform:uppercase; text-decoration:none; border:none !important; -webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px; float:left; margin-left:5px; margin-top:5px; font-size:14px; } .Label a:hover{ color:#000 !important; background:#fff; }

Label Katagori Style 16

/*CSS Label*/
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;filter:alpha(100);opacity:10} .cloud-label-widget-content{text-align:left} .label-size{border-radius:30px;background:#FA0830;display:block;float:left;margin:0 3px 3px 0;color:#ffffff;font-size:11px;text-transform:uppercase} .label-size a,.label-size span{display:inline-block;color:#ffffff!important;padding:6px 8px;font-weight:bold} .label-size:hover{border-radius:30px;background:#333333} .label-count{white-space:nowrap;border-radius:30px;padding-right:3px;margin-left:-3px;background:#333333;color:#fff!important} .label-size{line-height:1.2}

Label Katagori Style 17

/*CSS Label*/
.label-size{margin:0 2px 6px 0;padding:3px;text-transform:uppercase;border:solid 1px #adff2f;border-radius:3px;float:left;text-decoration:none;font-size:10px;color:#666}.label-size:hover{border:1px solid #6bb5ff;text-decoration:none;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out;-moz-transform:rotate(7deg);-o-transform:rotate(7deg);-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);zoom:1}.label-size a{text-transform:uppercase;float:left;text-decoration:none}.label-size a:hover{text-decoration:none}

Label Katagori Style 18

/* Label */
.label-size{margin:0 2px 6px 0;padding:3px;text-transform:uppercase;border:solid 1px #c6c6c6;border-radius:3px;float:left;text-decoration:none;font-size:10px;color:#666;display:inline-block;float:none;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;text-decoration:none;background-color:#1ba1e2;color:#fff!important;-webkit-text-shadow:rgba(0,0,0,.2) 1px 0,rgba(0,0,0,.2) 0 1px,rgba(255,255,255,.2) -1px 0,rgba(255,255,255,.2) 0 -1px,rgba(0,0,0,.2) 1px 1px,rgba(255,255,255,.2) -1px -1px;-moz-text-shadow:rgba(0,0,0,.2) 1px 0,rgba(0,0,0,.2) 0 1px,rgba(255,255,255,.2) -1px 0,rgba(255,255,255,.2) 0 -1px,rgba(0,0,0,.2) 1px 1px,rgba(255,255,255,.2) -1px -1px;-o-text-shadow:rgba(0,0,0,.2) 1px 0,rgba(0,0,0,.2) 0 1px,rgba(255,255,255,.2) -1px 0,rgba(255,255,255,.2) 0 -1px,rgba(0,0,0,.2) 1px 1px,rgba(255,255,255,.2) -1px -1px;text-shadow:rgba(0,0,0,.2) 1px 0,rgba(0,0,0,.2) 0 1px,rgba(255,255,255,.2) -1px 0,rgba(255,255,255,.2) 0 -1px,rgba(0,0,0,.2) 1px 1px,rgba(255,255,255,.2) -1px -1px;-webkit-box-shadow:0 0 1px #999;-moz-box-shadow:0 0 1px #999;-o-box-shadow:0 0 1px #999;box-shadow:0 0 1px #999;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .1s ease-in;-moz-transition:-moz-transform .1s ease-in;-o-transition:-o-transform .1s ease-in;transition:transform .1s ease-in}.label-size:hover{color:#fff;background-color:#0c92da;-webkit-box-shadow:0 0 20px #000032;-moz-box-shadow:0 0 20px #000032;-o-box-shadow:0 0 20px #000032;box-shadow:0 0 10px #000032;-webkit-transform:rotate(3deg) scale(1.2);-moz-transform:rotate(3deg) scale(1.2);-o-transform:rotate(3deg) scale(1.2);transform:rotate(3deg) scale(1.2);zoom:1}.label-size a{display:inline-block;float:none;margin:2px 1px;padding:6px 3px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;text-decoration:none;background-color:#252c44;color:#fff!important;-webkit-text-shadow:rgba(0,0,0,.2) 1px 0,rgba(0,0,0,.2) 0 1px,rgba(255,255,255,.2) -1px 0,rgba(255,255,255,.2) 0 -1px,rgba(0,0,0,.2) 1px 1px,rgba(255,255,255,.2) -1px -1px;-moz-text-shadow:rgba(0,0,0,.2) 1px 0,rgba(0,0,0,.2) 0 1px,rgba(255,255,255,.2) -1px 0,rgba(255,255,255,.2) 0 -1px,rgba(0,0,0,.2) 1px 1px,rgba(255,255,255,.2) -1px -1px;-o-text-shadow:rgba(0,0,0,.2) 1px 0,rgba(0,0,0,.2) 0 1px,rgba(255,255,255,.2) -1px 0,rgba(255,255,255,.2) 0 -1px,rgba(0,0,0,.2) 1px 1px,rgba(255,255,255,.2) -1px -1px;text-shadow:rgba(0,0,0,.2) 1px 0,rgba(0,0,0,.2) 0 1px,rgba(255,255,255,.2) -1px 0,rgba(255,255,255,.2) 0 -1px,rgba(0,0,0,.2) 1px 1px,rgba(255,255,255,.2) -1px -1px;-webkit-box-shadow:0 0 1px #999;-moz-box-shadow:0 0 1px #999;-o-box-shadow:0 0 1px #999;box-shadow:0 0 1px #999;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .1s ease-in;-moz-transition:-moz-transform .1s ease-in;-o-transition:-o-transform .1s ease-in;transition:transform .1s ease-in;background-color:#252c44;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);background-color:#252c44;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);background-color:#252c44;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}

Label Katagori Style 19

/* Label */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:10}.cloud-label-widget-content{text-align:left}.label-size{background:#0dd7b4;display:block;float:left;margin:0 3px 3px 0;color:#fff;font-size:11px;text-transform:uppercase}.label-size a,.label-size span{display:inline-block;color:#fff!important;padding:6px 8px;font-weight:700}.label-size:hover{background:#333}.label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;background:#333;color:#fff!important}.label-size{line-height:1.2}

Label Katagori Style 20

/*CSS Label*/
#sidebar-wrapper .Label li{position:relative;background:#fff;border-bottom: 1px solid #bbb;color:#444;padding:0;margin:0;text-align:left;width:100%;font-size:90%;transition:all .3s ease-out}
#sidebar-wrapper .Label li:hover {background:#fff;color:#cf4d35;}
#sidebar-wrapper .Label li:before {content:"";position:absolute;width:0;height:100%;background:#4fafe9;transition:all .2s ease-in-out;}
#sidebar-wrapper .Label li:hover:before {width:100%;}
#sidebar-wrapper .Label li a{padding:0 0 0 10px;display:block;position:relative;line-height:42px;color:#787878;text-decoration:none;transition:all .3s ease-out}
#sidebar-wrapper .Label li a:hover {color:#fff;}
#sidebar-wrapper .Label li span{float:right;height:42px;line-height:42px;width:42px;text-align:center;display:inline-block;background:#4fafe9;color:#FFF;position:absolute;top:0;right:0;z-index:2}
#sidebar-wrapper .Label li:nth-child(1) span,#sidebar-wrapper .Label li:nth-child(1):before,#sidebar-wrapper .Label li:nth-child(7) span,#sidebar-wrapper .Label li:nth-child(7):before {background:#ca85ca;}
#sidebar-wrapper .Label li:nth-child(2) span,#sidebar-wrapper .Label li:nth-child(2):before,#sidebar-wrapper .Label li:nth-child(8) span,#sidebar-wrapper .Label li:nth-child(8):before {background:#e54e7e;}
#sidebar-wrapper .Label li:nth-child(3) span,#sidebar-wrapper .Label li:nth-child(3):before,#sidebar-wrapper .Label li:nth-child(9) span,#sidebar-wrapper .Label li:nth-child(9):before {background:#61c436;}
#sidebar-wrapper .Label li:nth-child(4) span,#sidebar-wrapper .Label li:nth-child(4):before,#sidebar-wrapper .Label li:nth-child(10) span,#sidebar-wrapper .Label li:nth-child(10):before {background:#f4b23f;}
#sidebar-wrapper .Label li:nth-child(5) span,#sidebar-wrapper .Label li:nth-child(5):before,#sidebar-wrapper .Label li:nth-child(11) span,#sidebar-wrapper .Label li:nth-child(11):before {background:#46c49c;}
#sidebar-wrapper .Label li:nth-child(6) span,#sidebar-wrapper .Label li:nth-child(6):before,#sidebar-wrapper .Label li:nth-child(12) span,#sidebar-wrapper .Label li:nth-child(12):before {background:#607ec7;}
#sidebar-wrapper .label-size{position:relative;display:block;float:left;margin:0 4px 4px 0;font-size:13px;transition:all 0.3s;}
#sidebar-wrapper .label-size a{background:#fff;background-image:linear-gradient(to bottom,rgba(255,255,255,1)0,rgba(250,250,250,1)70%,rgba(246,246,246,1)99%,rgba(246,246,246,1)100%);display:inline-block;color:#444;padding:5px 8px;font-weight:400;border:1px solid #e3e3e3;background-repeat:repeat-y;background-size:100% 90px;background-position:0 -30px;transition:all .3s}
#sidebar-wrapper .label-count{opacity:0;visibility:hidden;font-size:85%;display:inline-block;position:absolute;top:-10px;right:-10px;background:#4fafe9;color:#fff;white-space:nowrap;padding:0;width:22px;height:22px;line-height:22px;border-radius:100%;text-align:center;z-index:1;transition:all .3s}
#sidebar-wrapper .label-size:hover .label-count{opacity:1;visibility:visible;top:-5px}
#sidebar-wrapper .label-size a:hover{color:#444;background-image:linear-gradient(to bottom,rgba(255,255,255,1)0,rgba(250,250,250,1)18%,rgba(255,255,255,1)99%,rgba(255,255,255,1)100%);background-position:0 0}
.Label li {background:transparent;float:left;padding:5px;margin:0;text-align:left;width:45%;transition:all .3s ease-out;}
.Label li span{float:right;color:#aaa;margin:0;padding:4px 6px;text-align:center;font-size:13px;font-weight:400;border-radius:2px;}

Sumber : lk21
Thumb Pic : belajarkuh.com

Kotak script dengan seleksi di blog AMP

2018-08-29T23:35:00.003+07:00

Kembali saya ingin bagikan css untuk membuat kotak script di blog AMP dengan tambahan seleksi dan dijamin tidak akan membuat blog sobat menjadi error karena hanya dibuat dengan kode css saja.

Silahkan sobat copas kode dibawah ini dan dimasukkan di atas kode </style>

pre{padding:.5em 1em;margin:1.3em 0;white-space:pre;word-wrap:normal;overflow:auto;background-color:#002028;font-size:14px;clear:both;border-left:3px solid #184e59;color:#84999b;max-height:500px;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}
code{font-family:Consolas,Monaco,&#39;Andale Mono&#39;,&#39;Courier New&#39;,Courier,Monospace;line-height:1.6em;color:#00aecd;font-size:12px}
pre code{display:block;padding:0.5em;color:#839496}
::selection{background:#1066b9;color:white}
::-moz-selection{background:#1066b9;color:white}
.centered{text-align:center}
.highlight{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}

Selamat mencoba..!

Cara membuat back to top button valid AMP

2018-08-29T23:08:00.006+07:00

Halo Sobat, kali ini saya kembali akan memberikan tutorial membuat widget back to top untuk Blog AMP karena 2 widget ini semuanya sudah valid AMP

Cara memasang widget 1

1.Letakkan kode dibawah ini di atas </head>

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet'/>

2.Letakkan CSS dibawah ini di atas kode </style>

/*Back to top ATAEH*/
.back-to-top{cursor:pointer;position:fixed;right:30px;width:50px;height:50px;font-size:26px;color:#fff;z-index:99999;text-align:center;border-radius:100%;background:#4285f4;line-height:50px;box-shadow:0 6px 12px rgba(0,0,0,.2);bottom:30px}.back-to-top i{font-size:inherit;line-height:inherit;color:#fff}

3.Selanjutnya sobat lekakkan kode HTML di bawah ini di atas kode </body>

<!--ATAEH backtotop-->
<div class='back-to-top'>
<a href='#'><i class='fa fa-angle-up'/></a>
</div>

4.Finish

Sumber : Ataeh

Cara memasang widget 2

1.Letakkan CSS dibawah ini di atas kode </style>

.scrollToTop{color:#ddd;
font-size:1.4em;
box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);
width:50px;
height:50px;
border-radius:100px;
border:none;
outline:0;
background:#00c2ff;
z-index:1000;
bottom:10px;
right:10px;
position:fixed;
opacity:0;
visibility:hidden;
cursor:pointer}
#marker{position:absolute;
top:100px;
width:0;
height:0;} 
.scrollToTop svg{width:34px;
height:34px;
vertical-align:middle;}
#totop:before{content:&quot;&quot;;
display:block;
height:20px;
margin-top:-20px;
visibility:hidden;}

2.Pasang kode dibawah ini di atas kode </head>

<script async='async' custom-element='amp-animation' src='https://cdn.ampproject.org/v0/amp-animation-0.1.js'/>
<script async='async' custom-element='amp-position-observer' src='https://cdn.ampproject.org/v0/amp-position-observer-0.1.js'/>

3.Pasang kode HTML dibawah ini, di bawah kode <body>

<div id='totop'></div>

4.Pasang kembali kode dibawah ini di atas kode </body>

<amp-animation id='showAnim' layout='nodisplay'>
<script type='application/json'>
{"duration": "200ms",
"fill": "both",
"iterations": "1",
"direction": "alternate",
"animations": [{
"selector": "#scrollToTopButton",
"keyframes": [{
"opacity": "1",
"visibility": "visible"}]},
{"selector": "#halaman",
"keyframes": [{
"opacity": "1",
"visibility": "visible"}]}]}
</script>
</amp-animation>
<amp-animation id='hideAnim' layout='nodisplay'>
<script type='application/json'>
{"duration": "200ms",
"fill": "both",
"iterations": "1",
"direction": "alternate",
"animations": [{
"selector": "#scrollToTopButton",
"keyframes": [{
"opacity": "0",
"visibility": "hidden"}]},
{"selector": "#halaman",
"keyframes": [{
"opacity": "0",
"visibility": "hidden"}]}]}
</script>
</amp-animation>
<div id='marker'>
<amp-position-observer layout='nodisplay' on='enter:hideAnim.start; exit:showAnim.start'>
</amp-position-observer>
</div>
<button aria-label='Scroll To Top' class='scrollToTop' id='scrollToTopButton' on='tap:totop.scrollTo(duration=200)'>
<svg viewBox='0 0 24 24'>
<path d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z' fill='#fff'/>
</svg>
</button>

5.Finis

Selamat mencoba...!

Sumber : chimul
Gambar : seroundtable

Cara membuat tombol Like Facebook di blog AMP

2018-08-29T23:07:00.009+07:00

Tutorial kali ini saya akan memberikan cara membuat tombol Like Facebook di blog AMP, dan sangat mudah dalam pemasangannya

1.Masukkan script dibawah ini di atas kode

<script async custom-element="amp-facebook-like" src="https://cdn.ampproject.org/v0/amp-facebook-like-0.1.js"></script>

2.Langkah berikutnya sobat masukkan juga script dibawah ini, dia antara kode

 <b:includable id="post" var="post">
.......................................
.......................................
<amp-facebook-like width="90"
  height="20"
  layout="fixed"
  data-layout="button_count"
  data-href="https://www.facebook.com/id Facebook sobat/">
</amp-facebook-like>
.....................................
.......................................
</b:includable>

3.Bila sobat hanya ingin tombol Like tersebut terlihat di halaman depan saja tinggal sobat tambahkan script di bawah ini, di atas kode script 2 yang sudah ditaruh di blog Sobat

<b:if cond="data:blog.url == data:blog.homepageUrl">
...kode script langkah 2...
</b:if>

Demikian tutorial Cara membuat tombol Like Facebook di blog AMP, Selamat mencoba...

Widget recent post dan random post

2018-06-24T22:09:00.005+07:00

Hallo Sobat My Zozieman kali ini saya akan memberikan tutorial mudah untuk membuat recent post dan random post di blog Anda.

Widget ini semuanya berbentuk galeri gambar kotak, tapi tenang saja judulnya bisa terlihat juga koq bila sobat mengarahkan cursor mouse ke arah gambar yang dituju silahkan disimak dan bila perlu dipakai di Blog Sobat

Note : Semua caranya, sobat tinggal masukkan script dibawah ini dalam widget HTML/Javascript yang ada di Blog Sobat

1. Recent post hanya gambar saja

<center><div id='bp_recent'></div>
<script style='text/javascript' src='https://rawgit.com/bungfrangki/recentposts/master/recentpost_thumb.js'></script>
<script style='text/javascript'>
var numberOfPosts = 6;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 90;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='ID BLOG SOBAT/feeds/posts/summary?max-results=12&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'></script></center>

Sumber : bungfrangki

2. Random post hanya gambar saja

<style type='text/css'>
#random-posts{width:100%;background:none;}
#random-posts ul {margin: 0 auto!important;  padding: 0 !important;text-align:center  }
#random-posts ul li {background:none ;list-style-type: none;margin:0;padding:0 !important}
#random-posts li{float:left;list-style:none;border:none;width:90px;height:90px;overflow:hidden;margin-right:5px !important;margin-top:5px !important}
#random-posts img{float:left;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;;border:none;outline:0;position:static;transition:all .8s ease-out;}
#random-posts img:hover {-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);}
</style>
    <div id="random-posts">
    <ul>
    <script type='text/javaScript'>
    var rdp_numposts=6;
    var rdp_snippet_length=0;
    var rdp_info='no';
    var rdp_comment='Comment';
    var rdp_disable='';
    var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
    </script>
    <script type='text/javaScript'>
    function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFqtXvt8aJ5mAz9PDpqOt3ypEDKhTnSVQOQimggbL1TUpu2wmwOSFbcml6ZjjebCU2lwJEPrWMUO6QHhR_c-vR5defjn3qIokMqa1pzpDzAMD_616RMTn54v1UD1pjswRAd6gOqVQuqlya//"}}};document.write('<li>');document.write('<a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_posttitle+'"><img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'" title="'+rdp_posttitle+'" height="90" width="90"/></a>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
    </script>
    </ul>
    </div>

Note : Tambahan lagi dari saya untuk random dan recent post hanya tulisan saja tutorial-nya di bawah ini, dan cara pemasangannya sama dengan yang di atas

1. Random Post hanya tulisan saja

<div id='random-post-container'>Memuat...</div>
<script>
//<![CDATA[
// Feed configuration
var homePage = ' ID BLOG SOBAT ',
maxResults = 5,
containerId = 'random-post-container';
// Function to generate random number limited from `min` to `max`
// Used to create a valid and safe random feed `start-index`
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
// Function to shuffle arrays
// Used to randomize order of the generated JSON feed
function shuffleArray(arr) {
var i = arr.length, j, temp;
if (i === 0) return false;
while (--i) {
j = Math.floor(Math.random() * (i + 1));
temp = arr[i];
arr[i] = arr[j];
arr[j] = temp;
}
return arr;
}
// Get a random start index
function createRandomPostsStartIndex(json) {
var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
// console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');
}
// Widget's main function
function randomPosts(json) {
var link, ct = document.getElementById(containerId),
entry = shuffleArray(json.feed.entry),
skeleton = "<ul>";
for (var i = 0, len = entry.length; i < len; i++) {
for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';
}
skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';
}
ct.innerHTML = skeleton + '</ul>';
}
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=createRandomPostsStartIndex"></scr' + 'ipt>');
//]]>
</script>

2. Recent post hanya tulisan saja

<script>
//<![CDATA[
function showlatestposts(json){document.write('<ul id="recent-posts">');for(var i=0;i<5;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postsurl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){postsurl=entry.link[k].href;break;}}
document.write('<li class="recent-posts">');document.write('<a href="'+ postsurl+'" target ="_top" title="'+ posttitle+'">'+ posttitle+'</a>');document.write('</li>');}
document.write('</ul>');};
document.write("<scr" + "ipt type=\"text/javascript\" src=\"/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts\"></scr" + "ipt>");
//]]>
</script>

Sekian tutorial dari saya, bila ada yang belum mengerti dapat berkomentar di kolom komentar...Selamat mencoba..👌

Gambar : reviewsdir.com

Cara memasang random post slider di blogspot

2018-06-11T15:22:00.005+07:00

Halo sobat Zozieman kali ini saya akan memberikan tutorial mudah dalam memasang widget random post slider di blogspot Anda, kenapa mudah? Karena Sobat tinggal Copas saja script dibawah ini kedalam widget HTML Blog Sobat

<style type="text/css">
ul.featured-widget-list,ul.featured-widget-list li{margin:0;padding:0;list-style:none;position:relative }ul.featured-widget-list li{display:none}ul.featured-widget-list li:nth-child(1){display:block;line-height:0}ul.featured-widget-list img{border:0;width:100%;height:auto}ul.featured-widget-list .featuredbg{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;opacity:.6;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3-cOQnjsE8ztTSYlnCkE12jKhXYyMMo_4RVInqZWYk5g4TW_76dg66T5jl0MmB5Re-c_1XPByY_3hn55NvrkrjMlecSf6c65FbQXzvOjWZg0W3XEfPFuHRO3gP_wXuV4O7_KnWbt3CUk/s400/overlay-bg.png);background-position:0% 100%;background-repeat:repeat-x}ul.featured-widget-list .featuredbg:hover{opacity:.1}ul.featured-widget-list h5{position:absolute;left:0;right:0;text-align:center;bottom:10px;z-index:2;color:#fff;margin:0;text-transform: capitalize;padding:10px 20px;line-height:1.9em;letter-spacing:0.3px;font: 600 16px 'Abel', sans-serif;overflow:hidden}ul.featured-widget-list li:hover h5{bottom:30px}ul.featured-widget-list .featured-meta{font: 11px 'Abel', sans-serif;letter-spacing:0.3px;position:absolute;bottom:0;left:0;right:0;text-align:center;z-index:2;color:#fff;opacity:0}ul.featured-widget-list h5, ul.featured-widget-list .featured-meta {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}ul.featured-widget-list li:hover .featured-meta{bottom:20px;opacity:1}.feat-buttons{position:absolute;top:50%;left:0;z-index:5;width:100%}
.feat-buttons a{text-indent:-9999px;margin:0 7px;width:15px;height:15px;padding:5px;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;position:relative;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}.feat-prev{float:left;}.feat-next{float:right;}.feat-buttons a.feat-prev::before, .feat-buttons a.feat-next::before{content:"";width:0;height:0;border-width:6px 7px;border-style:solid;border-color:transparent #fff transparent transparent;position:absolute;top:50%;margin-top:-6px;margin-left:-11px;left:50%}
.feat-buttons a.feat-next::before{border-color:transparent transparent transparent #fff;margin-left:-3px}
</style>
<div id="featuredbwidget"></div>
<link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type='text/javascript'>
//<![CDATA[
featuredbwidget({
listURL:" Id Blog Sobat ",
featuredNum:9,
listbyLabel:false,
feathumbSize:350,
interval:3000,
autoplay:true,
featuredID:"#featuredbwidget"
});
function featuredbwidget(a){(function(e){var h={listURL:"",featuredNum:3,featuredID:"",feathumbSize:300,interval:5000,autoplay:false,loadingFeatured:"nextfeatured",pBlank:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid4PYSl88jYp6-y735RHUWRCLpSvJD-q0wJXBMjroT4MMbMO_eTAS0Wjbp55lo8obT2sf_t8Qm0iLCfiKoSEITHj8v6LsmWM3R-xk5h6svf_FwdI9vz2NrWsX2qLr6_89JZ8PQyy20_SM/s500/no-image.png",byMonth:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],listbyLabel:false};h=e.extend({},h,a);var g=e(h.featuredID);var d=h.featuredNum*200;g.html('<div class="featslider"><ul class="featured-widget-list"></ul><div class="feat-buttons"><a href="#" class="feat-prev">Prev</a><a href="#" class="feat-next">Next</a></div></div>');var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.feathumbSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.feathumbSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.byMonth[parseInt(p,10)-1];l+='<li><a href="'+q+'"><div class="featuredbg"></div><img class="featuredthumb" src="'+u+'"/><h5>'+k+'</h5></a><div class="featured-meta"><span class="fdate"><span class="fday">'+t+'</span> <span class="fmonth">'+v+'</span> <span class="fyear">'+x+'</span></span> - <span class="fauthor">'+m+"</span></div></li>"}e("ul",g).append(l).addClass(h.loadingFeatured)};var c=function(){e(h.featuredID+" .feat-next").click()};var b=function(){e.get((h.listURL===""?window.location.protocol+"//"+window.location.host:h.listURL)+"/feeds/posts/summary"+(h.listbyLabel===false?"":"/-/"+h.listbyLabel)+"?max-results="+h.featuredNum+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeout(function(){e(h.featuredID+" .feat-prev").click(function(){e(h.featuredID+" .featslider li:first").before(e(h.featuredID+" .featslider li:last"));return false});e(h.featuredID+" .feat-next").click(function(){e(h.featuredID+" .featslider li:last").after(e(h.featuredID+" .featslider li:first"));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.featuredID+" .featslider li:first").before(e(h.featuredID+" .featslider li:last"));e(h.featuredID+" .featslider").hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e("ul",g).removeClass(h.loadingFeatured)},d)};e(document).ready(b)})(jQuery)};
//]]>
</script>

Selamat mencoba...☺

Sumber : helplogger
Gambar : futuretricks

Mengatasi thumbnail blogspot yang buram

2018-06-06T07:31:00.005+07:00

Seringkali kita menemukan gambar thumbnail yang ada di blog kita tampilannya buram atau blur, untuk mengatasinya sobat bisa memasukkan kode script dibawah ini dan taruh di atas kode </body> atau kode yang paling bawah

<script>
//<![CDATA[
function resizeThumb(parentID, size) {
var parent = document.getElementById(parentID),
image = parent.getElementsByTagName('img');
for (var i = 0; i < image.length; i++) {
image[i].src = image[i].src.replace(/\/s72\-c/, "/s" +
size + "-c");
image[i].width = size;
image[i].height = size;
}
} resizeThumb('Blog1', 300);
//]]>
</script>

Monggo dicoba..semoga bermanfaat 👶

Sumber : blogromeltea
Gambar : bakuloreg

Cara membuat Icons Font Awesome bergerak

2018-06-06T05:02:00.005+07:00

Kali ini saya ingin memberikan tutorial cara membuat font awesome dapat bergerak dan tentunya sobat sudah tau apa itu font awesome bukan?, animasi ini di kembangkan oleh Louis LIN ya, anda bisa fork project nya di
github.

Pertama sobat tambahkan css tambahan untuk menganimasikan font awesome nya dengan cara tambahkan kode ini di header anda

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome-animation/0.0.8/font-awesome-animation.min.css" rel="stylesheet"></link>

Lalu setelah itu cara menggunakanya cukup mudah yaitu dengan cara memanggil class icon awesome anda spasi class animasinya.

<i class="fa fa-ikon-anda animasinya"></i>

Class animasinya anda bisa lihat di sini. Intinya ke dua class tersebut anda gabung menjadi satu, tambahkan spasi untuk menambah class lebih dari satu, sebagai contoh:

 <i class="fa fa-thumbs-up fa-2x faa-bounce animated"></i>
 <i class="fa fa-thumbs-o-down faa-vertical animated">
 <i class="fa fa-hand-paper-o faa-shake animated"></i>
 <i class="fa fa-play-circle faa-pulse animated"></i>
 <i class="fa fa-heart faa-tada animated-hover"></i>
 <i class="fa fa-heart faa-tada animated-hover" style="color: #f66767;"></i>
Sukai ini  <a href="#" class="faa-parent animated-hover"><i class="fa fa-thumbs-up faa-pulse"></i> Sukai ini</a>

Sobat juga bisa mempercepat atau memperlambat gerakan animasi dengan menambah class faa-fast untuk lebih cepat dan faa-slow untuk lebih lambat.

Demikian cara membuat animasi font awesome di blog sobat

Selamat mencoba😄

Sumber : goez

Tips pulang kampung yang nyaman

2018-06-06T02:18:00.006+07:00

Sebentar lagi liburan panjang akan tiba terutama bagi masyarakat Indonesia yang akan kumpul bersama di hari Raya Idul Fitri bersama keluarga di kampung halaman masing-masing, dan kali ini saya akan memberikan beberapa tips apa saja yang harus dipersiapkan agar liburan para sobat pembaca aman dan nyaman

1. Persiapan keuangan

Ini tentunya hal yang paling utama buat sobat persiapkan apalagi yang ingin memberikan sedikit rejeki dari sobat buat saudara dan handai taulan di kampung halaman, juga untuk persiapan di jalan bila terjadi sesuatu maka semuannya pasti berbicara soal uang..khan ada istilah mengatakan "tak ada uang tak ada layanan"

2. Persiapan Fisik

Fisik Sobat harus prima bila akan bepergian jauh, mungkin ada yang menggunakan mobil terutama bila sobat menggunakan motor maka persiapan fisik tentunya harus prima dan bila dimungkinkan maka sobat bisa membawa obat-obatan seperlunya, tips dari saya bila sobat merasa kelelahan jangan dipaksakan tapi istirahat yang cukup untuk menjaga kesehatan agar tiba di kampung halaman tidak mengalami sakit atau hal-hal yang tidak diinginkan

3. Persiapan mental

Bukan hanya fisik yang sobat harus perhatikan tetapi juga mental harus juga dipersiapkan maklum dari jaman saya kecil sampai sekarang belum pernah kalau ada tradisi pulang kampung maka perjalanan pulang akan lancar jaya...pasti akan ada kemacetan yang bukan hanya 10-20 menit saja tapi juga bisa 1 - 2 hari sobat akan tidur di jalanan dan menikmati bermacet ria di jalan

4. Cek & Ricek

Ini juga menjadi bagian yang terpenting, cek ini mulai dari kondisi rumah sobat yang akan ditinggalkan ( titip ke tetangga ) atau bila sobat pulang kampung dengan kendaraan umum cek barang bawaan sobat, tips dari saya sebelumnya untuk barang-barang yang berat dan banyak bisa sobat paket-kan terlebih dahulu ke kampung halaman

Cek ini juga berlaku untuk sobat yang menaiki kendaraan pribadi baik mobil maupun motor karena bukan hanya kondisi fisik sobat yang harus prima tapi kondisi kendaraan yang sobat kendarai-pun harus prima

mungkin ini hanya sebagian kecil tips dari saya agar sobat bisa pulang kampung dan merayakan hari raya di kampung halaman sobat dengan aman dan nyaman....Selamat Pulang Kampung...😅

Memasuki usia pensiun...setelah ini apa Lagi....?

2018-05-31T14:49:00.005+07:00

Dalam sebuah perbincangan akrab dengan istri saya, dia berkata nanti kalau sudah tua nanti, kamu akan saya belikan gerobak.

Untuk apa? Supaya dari rumah masa depan kita nanti yang rencananya dekat dengan lapangan golf, kamu bisa pakai gerobak itu untuk membawa peralatan tambal ban ke bengkel pinggir jalan.

Ooops. Wah, kok masa tua saya malah harus dorong-dorong gerobak? Tapi pembicaraan ini membuka pikiran saya, mengenai mau melakukan apa saya setelah pensiun nanti.

Saat sudah sepuh, kata istri saya. Jadi dengan seksama saya melihat ke dalam hati saya apa yang ingin saya lakukan pada masa tua saya nanti.

Memang saya rencana untuk membuka bengkel kecil, tetapi itu untuk memperbaiki sepeda cucu saya saja. Sepertinya diperlukan rencana yang lebih matang untuk mempersiapkan diri untuk menyambut masa tua tersebut.

Mari kita lihat beberapa contoh persiapan pensiun yang dilakukan :

Kisah Pak Nana

Satu kisah nyata, Pak Nana (bukan nama sebenarnya) ditawarkan untuk menerima pensiun dini dari kantornya, dengan jumlah pensiun yang cukup besar, maka tawaran itu segera diterimanya.

Dengan uang yang diterimanya, segera beliau merenovasi rumahnya, membeli kendaraan baru, TV layar lebar sepertinya mempersiapkan untuk menikmati hidup selama masa pensiunnya ini.

Setelah semuanya terlaksana, apa kegiatan yang dilakukan sehari-hari? Pagi-pagi terlihat mengantar istrinya untuk bekerja dengan mengendarai sepeda motor, dan sore hari menjemput istri dari tempat kerja.

Di hari kerja, mencoba membuka bengkel reparasi. Setelah beberapa bulan, semua kegiatan itu berhenti dan perubahan terjadi, Pak Nana yang merasa tidak berguna karena tidak dapat menghasilkan uang lagi, berubah menjadi seorang yang cemburuan, karena dia tidak lagi mengantar istrinya kerja, maka istrinya diantar tukang ojek.

Sampai suatu hari Pak Nana terkena stroke..... Hmm sepertinya persiapan secara materi untuk menikmati hidup semasa pensiun, bukan seperti yang saya inginkan.

Kisah Pak Mumu

Kisah kedua, sukses bekerja dalam bidangnya, Pak Mumu (bukan nama sebenarnya) menanamkan modalnya kepada istrinya untuk mengembangkan usahanya.
Dengan modal yang kuat dan kemampuan istrinya dalam mengelola usaha tersebut, maka usaha tersebut menjadi besar, dan memiliki banyak karyawan.
Setelah Pak Mumu memasuki masa pensiun, maka sang istri menyerahkan kursi pimpinan ke suaminya.... Apakah berhasil.....?

Tanpa pernah memiliki pengalaman memegang bisnis tersebut, maka terjadi pergolakan dalam bisnis ini dan sang istri terpaksa mengambil alih kembali kepemimpinan suaminya sedang sang suami hanya membantu administrasi kecil dalam bisnis ini... Persiapan membuat usaha tanpa keahlian dalam menjalankannya, bukanlah hal yang saya inginkan.

Salomo dalam kebijaksanaannya melakukan kesalahan yang fatal yang dilakukan juga oleh beberapa orang di negeri ini.... Menikah lagi di masa tua. Lee Iacocca dalam bukunya yang berjudul “Where Have All The Leaders Gone?” menyatakan bahwa dia melakukan kesalahan yang sama dalam mempersiapkan masa pensiunnya.

Setelah gagal dengan pernikahan keduanya setelah istri pertama nya meninggal dunia, dia membagikan tentang apa saja yang seharusnya dilakukan dalam mempersiapkan masa pensiun. Inilah langkah-langkah yang perlu diambil untuk mempersiapkan masa pensiun:

Langkah Pertama : Milikilah Rencana

Seperti juga yang dikatakan oleh Peter Drucker—"The best way to predict your future is to create it." Cara terbaik untuk meramalkan masa depan Anda adalah dengan membuatnya sendiri. Jangan sekedar bermimpin akan masa depan, mari kita ciptakan sendiri masa depan kita.

Kita melakukan berbagai macam hal karena kita tidak mempunyai rencana. Perencanaan membuat kita hanya melakukan apa yang benar-benar penting bagi kita. Dan dahsyatnya lagi dari kitab suci berkata,”... mulai dari sekarang apapun juga yang mereka rencanakan, tidak ada yang tidak akan dapat terlaksana.” Jika kita memiliki rencana, maka itu akan dapat dicapai.

Setelah mendengar ini saya membuat perencanaan untuk hidup saya:

40 – 47 tahun : berkarir setinggi mungkin sebagai karyawan, target menjadi country manager.
48- 55 tahun : memulai usaha membangun sarana pendidikan dari pendidikan dasar sampai universitas
56 – 63 tahun : membuka panti asuhan untuk anak-anak dan panti werdha untuk orang tua.
63-70 tahun :mentoring panti asuhan dan panti werdha
71-78 tahun : berkebun dan beternak di panti werdha
79 - 86 tahun : menikmati hidup di panti werdha

Ternyata kehidupan memiliki tiga tahapan. Tahap pertama belajar (0 – 40 tahun saya), kedua menghasilkan (40 – 55 tahun) dan ketiga mengembalikan (56 – 86 tahun). Masa pensiun merupakan waktu mengembalikan – memberi sesuatu kembali bagi masyarakat – hal ini bisa mentransformasi kehidupan kita. Dan ini membawa kita ke langkah selanjutnya.

Langkah Kedua : Kembalikanlah Sesuatu

Setelah kita menerima dari segalanya dalam kehidupan kita, maka langkah yang selayaknya kita ambil adalah mengembalikan sesuatu kepada dunia ini.

Kalau diperhatikan dari rencana yang saya buat, maka pada usia pensiun (55 tahun) saya merencanakan untuk mengembalikannya dalam bentuk membangun panti asuhan dan panti werdha.

Lee Iacocca membagikan aturan-aturan dalam masa pensiun:

Hitunglah berkah yang Anda terima
Jangan mengasingkan diri dari kehidupan
Temukan apa yang membuat Anda bahagia
Kumpul-kumpullah dengan anak muda
Jalani saja hidup Anda – sekarang

Langkah Terakhir : Gemakan Doa Anda

“Berdoalah untuk saya...” Ini yang pernah diucapkan Paus Yohanes Paulus II kepada Lee Iacocca. Kita perlu memiliki pemimpin spiritual yang mendoakan kita dan kita perlu juga berdoa untuk mereka. Memiliki kehidupan spiritual yang sehat memperpanjang umur hidup kita.

Dan akhirnya, seperti yang dikatakan oleh Oral Roberts, ”Setiap orang akan mati, dan mereka pergi ke suatu tempat. Jadi yakinlah rekening bank spiritualmu memiliki penerimaan kas lebih banyak dari utang.” Selama masih hidup di dunia, mari kita menabung di rekening bank spiritual kita. Selamat menempuh masa pensiun.

Salam Hikmat, Bijaksana dalam Bertindak,

Ong Budi Setiawan/Klub Amsal

Cara menampilkan widget di halaman tertentu

2018-05-17T10:48:00.006+07:00

Membuat widget hanya terlihat atau muncul dihalaman tertentu adalah solusi agar halaman blog anda terlihat rapi dan tidak terlalui ramai, jadi hanya menampilkan widget terpilih yang relevan dengan halaman blog anda. Dengan cara ini anda bisa mengatur tampil widget misalnya, widget terlihat hanya atau kecuali di halaman Homepage, Archive, Label & URL tertentu dan Static pages.

Tehnik ini menggunakan "</b:if>" conditional tag pada XML Blogger, yang berfungsi sebagai perintah agar widget akan muncul atau disembunyikan di halaman tertentu saja.

Membuat Widget Tidak Terlihat Pada Halaman Tertentu

Pada Cond Tag tersebut bisa kita rubah untuk menampilkan atau menyembunyikan widget. Dengan mengganti "==" menjadi "!=" (!selain atau kecuali) yang artinya widget tersebut tidak terlihat / disembunyikan di jenis halaman yang anda tentukan.

<!-- hanya terlihat di homepage -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>
<!-- terlihat kecuali di homepage -->
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>

Daftar Jenis Type Halaman Blogger

Kemudian anda tinggal rencanakan widget yang anda pilih akan terlihat atau tidak terlihat di jenis halaman blog anda.

Halaman Depan (Homepage)

<!-- widget hanya terlihat di halaman homepage -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>

Halaman Archive

<!-- widget hanya terlihat di halaman archive -->
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if>

Halaman Postingan

<!-- widget hanya terlihat di halaman postingan -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if>

Di Halaman URL Tertentu

<!-- widget hanya terlihat di halaman postingan -->
<b:if cond='data:blog.pageType == &quot;url-postingan&quot;'>
......................................................
</b:if>

Di Halaman StaticPages

<!-- widget hanya terlihat di halaman staticpages -->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>

Di Halaman Label / Tag Tertentu

<!-- widget hanya terlihat di halaman label / tag tertentu -->
<b:if cond='data:blog.searchLabel == &quot;nama_label&quot;'>
......................................................
</b:if>

Setelah anda mengedit html template anda, klik "Save template". Untuk melakukan hal yang sama pada widget yang lain, lakukan langkah-langkah sama seperti diatas

Cari widget ID.
Cari elemen widget di Edit HTML Template.
Masukan kondisi tag sesuai jenis halaman pada elemen widget.

Note tambahan :

Oh yah ini ada tambahan lagi agar widget bisa tampil di tampilan mobile ( handphone ) atau tidak bisa tampil yang saya lihat dari Blog Arlinadesign

Bila ingin tampil di tampilan mobile pasang dengan cara sama di atas kode dibawah ini

<b:if cond='data:blog.isMobileRequest == "true"'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
-----
</b:widget>
</b:if>

Sedangkan bila tidak mau ditampilkan, sobat tinggal ganti tulisan "true" dengan "false"

Selamat mencoba...👷

Cara membuat site map blog sederhana

2018-05-16T19:17:00.007+07:00

Sitemap atau bisa disebut juga daftar isi sangat berperan penting dalam suatu blog, sitemap juga bisa berguna sebagai navigasi karena dapat membantu pengunjung melihat semua artikel blog sobat secara keseluruhan (walaupun hanya judul artikel saja).

Sitemap atau daftar isi yang saya bagikan kali ini sangat sederhana dan juga membuat loading blog anda lebih cepat untuk memuatnya, walaupun sebenarnya kecepatan loading blog tergantung widget blog sobat, tapi setidaknya sesuatu yang berbau sederhana akan lebih mempercepat loading blog.

Semua judul artikel blog sobat akan muncul di dalam sitemap dengan menurut label. Kelemahan dari sitemap kali ini adalah jika dalam suatu artikel sobat tidak adanya label, maka tidak akan muncul pada sitemap atau daftar isi. Saya sarankan agar semua artikel atau postingan diberi label karena supaya memudahkan pengunjung blog sobat.

Caranya dengan memasukkan kode dibawah inipada halaman blog sobat dan harus pada mode HTML yah jangan pada mode Compose

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkfyymsIupudv57zlalsXnD13suaHVr3YG6XoBIKaf50sYOW759ID6fhKGhMxeEgI32F5S_lLC1GXNL7_Tybzp6c3P9cM47CI-IYXGs4sOxrKqAbSL4YcAJCFAeHWHWKWf4loib2Ku7crl/s1600/new%2521.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>
<script src="isi dengan alamat blog sobat/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

Selamat mencoba...😊

Cara pasang widget kode warna pada template galery blog

2018-05-16T05:50:00.008+07:00

Hallo sobat, untuk kali ini saya akan memberikan tutorial cara membuat widget kode warna dan biasanya dipakain untuk blog yang menyajikan galeri template, silahkan disimak caranya

1. Masukkan kode css di bawah ini, di atas kode </style> atau di bawah kode
<![CDATA[

/*color button*/
.tcp {display: inline-block;}
.avia-button.avia-size-small { font-size: 13px; min-width:95px; padding: 10px 10px 10px;}
.avia-button.tulip {display: block; float: left;}
body div .avia-button { border-bottom-style: solid; border-bottom-width: 1px; border-radius: 3px; display: inline-block; font-size: 12px; font-weight: normal; line-height: 1.2em; margin: 3px 0; max-width: 100%; padding: 10px; position: relative; text-align: center;text-decoration: none;}

2. Selanjutnya sobat tinggal pasang kode di bawah ini dalam widget sobat ⇒HTML/javaScript widget

<center>
<div class="tcp tulip"><a style="background-color:#000000; border-color:#000000; color:#ffffff; " class="avia-button avia-icon_select-no avia-color-custom avia-size-small avia-position-left " href="https://rebontheme.blogspot.co.id/search/label/Black?&amp;max-results=12"><span class="avia_iconbox_title">Black</span></a></div>
<div class="tcp tulip"><a style="background-color:#0000ff; border-color:#0000ff; color:#ffffff; " class="avia-button avia-icon_select-no avia-color-custom avia-size-small avia-position-left " href="https://rebontheme.blogspot.co.id/search/label/Blue?&amp;max-results=12"><span class="avia_iconbox_title">Blue</span></a></div>
<div class="tcp tulip"><a style="background-color:#A52A2A; border-color:#A52A2A; color:#ffffff; " class="avia-button avia-icon_select-no avia-color-custom avia-size-small avia-position-left " href="https://rebontheme.blogspot.co.id/search/label/Brown?&amp;max-results=12"><span class="avia_iconbox_title">Brown</span></a></div>
<div class="tcp tulip"><a style="background-color:#008000; border-color:#008000; color:#ffffff; " class="avia-button avia-icon_select-no avia-color-custom avia-size-small avia-position-left " href="https://rebontheme.blogspot.co.id/search/label/Green?&amp;max-results=12"><span class="avia_iconbox_title">Green</span></a></div>
<div class="tcp tulip"><a style="background-color:#FFA500; border-color:#FFA500; color:#ffffff; " class="avia-button avia-icon_select-no avia-color-custom avia-size-small avia-position-left " href="https://rebontheme.blogspot.co.id/search/label/Orange?&amp;max-results=12"><span class="avia_iconbox_title">Orange</span></a></div>
<div class="tcp tulip"><a style="background-color:#FF0000; border-color:#FF0000; color:#ffffff; " class="avia-button avia-icon_select-no avia-color-custom avia-size-small avia-position-left " href="https://rebontheme.blogspot.co.id/search/label/Red?&amp;max-results=12"><span class="avia_iconbox_title">Red</span></a></div>
<div class="tcp tulip"><a style="background-color:#C0C0C0; border-color:#C0C0C0; color:#ffffff; " class="avia-button avia-icon_select-no avia-color-custom avia-size-small avia-position-left " href="https://rebontheme.blogspot.co.id/search/label/Silver?&amp;max-results=12"><span class="avia_iconbox_title">Silver</span></a></div>
<div class="tcp tulip"><a style="background-color:#FFFFFF; border-color:#FFFFFF; color:#ffffff; " class="avia-button avia-icon_select-no avia-color-custom avia-size-small avia-position-left " href="https://rebontheme.blogspot.co.id/search/label/White?&amp;max-results=12"><span class="avia_iconbox_title"><span style="color: #000000;">White</span></span></a></div>
<div class="tcp tulip"><a style="background-color:#808080; border-color:#808080; color:#ffffff; " class="avia-button avia-icon_select-no avia-color-custom avia-size-small avia-position-left " href="https://rebontheme.blogspot.co.id/search/label/Gray?&amp;max-results=12"><span class="avia_iconbox_title">Gray</span></a></div>
</center>

3. Save...dan lihat hasilnya..! Mudah bukan..Selamat mencoba

Sunrise di wisata alam Sewu Ngadirejo Temanggung

2018-05-11T06:57:00.009+07:00

Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah adalah salah satu tempat wisata yang berada di desa ngadirejo, kabupaten temanggung, provinsi jawa tengah, negara indonesia. Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah adalah tempat wisata yang ramai dengan wisatawan pada hari biasa maupun hari liburan. Tempat ini sangat indah dan bisa memberikan sensasi yang berbeda dengan aktivitas kita sehari hari.

Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah memiliki pesona keindahan yang sangat menarik untuk dikunjungi. Sangat di sayangkan jika anda berada di kota temanggung tidak mengunjungi wisata alam yang mempunyai keindahan yang tiada duanya tersebut.

Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah sangat cocok untuk mengisi kegiatan liburan anda, apalagi saat liburan panjang seperti libur nasional, ataupun hari ibur lainnya. Keindahan Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah ini sangatlah baik bagi anda semua yang berada di dekat atau di kejauhan untuk merapat mengunjungi tempat Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah di kota temanggung.

Dimana lokasi Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah ? seperti yang tertulis di atas lokasi Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah terletak di desa ngadirejo, Kecamatan giripurno, Kabupaten temanggung, Provinsi jawa tengah.

Tetapi jika anda masih bingung di mana lokasi atau letak Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah saya sarankan anda mencari dengan mengetik Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah di search google maps saja. Di Google maps sudah tertandai dimana lokasi yang anda cari tersebut.

Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah merupakan tempat wisata yang harus anda kunjungi karena pesona keindahannya tidak ada duanya. Penduduk lokal daerah ngadirejo juga sangat ramah tamah terhadap wisatawan lokal maupun wisatawan asing.

Kota temanggung juga terkenal akan keindahan obyek wisatanya , salah satu contohnya adalah Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah . Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah ini merupakan obyek wisata yang berada di kota temanggung jawa tengah, Berjarak sekitar 35 km dari pusat kota Temanggung.

Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah Ini merupakan wisata alam pegunungan yang baru, obyek wisata alam ini menyuguhkan pemandangan alam pegunungan dan perkebunan tembakau, tanaman khas dari daerah Temanggung.

Dinamakan Alam Sewu karena tempat ini tepat di atas desa Pring Sewu.Untuk memasuki tempat ini tidak dikenakan biaya sepeserpun, namun perlu di ingat kekurangan dari obyek wisata Alam Sewu ini adalah jalannya sangat terjal dan berbahaya, harus hati-hati super ekstra menaikinya. Naik ke tempat ini hanya bisa menggunakan motor,

Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah cocok sekali di kunjunggi oleh para pecinta alam dan juga penyuka traveling karena untuk mencapai Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah ini di butuhkan tenaga ektra dan juga butuh perjuangan keras untuk samapi di Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah ini.

Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah bisa dibilang sebuah wisata alam yang memiliki beberapa akan fasilitas dan pelayanan di antaranya sebagai berikut :

Area Parkir kendaraan
Mushola
Kamar mandi / MCK
Penginapan
dan masih banyak lainya

Bagi wisatawan asal kota temanggung sudah tidak bingung lagi untuk mendatangi lokasi Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah. Akan tetapi bagaimana bagi wisatawan luar kota bahkan luar negeri, tentu mereka bingung dan takut kesasar. Tapi jangan khawatir bagi wisatawan luar kota temanggung saya mempunyai solusinya agar anda semua tidak kesasar.

Tentunya sarana transportasi apa yang anda pakai untuk berwisata ke Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah dengan memakai kendaraan pribadi seperti : Mobil atau motor pribadi. Anda bisa meminta panduan arah ke Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah di google maps yang terpasang di smartphone anda. Karena memakai kendaraan pribadi akan lebih menyenangkan dari pada memakai kendaraan umum.

Akan tetapi jika anda memakai kendaraan umum seperti : bis umum atau angkutan lainnya juga bukan masalah besar, pasalnya anda bisa berhenti di terminal bus kota atau desa tujuan anda. Setelah itu melanjutkan dengan menggunakan ojek ataupun kendaraan pribadi anda menuju lokasi Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah tersebut.

Saran dan tips sebelum menuju ke tempat Wisata Alam Sewu di Ngadirejo Temanggung Jawa Tengah,anda perlu mempersiapkan keperluan yang akan butuhkan. Serta beberapa barang tambahan seperti kamera karena anda pasti ingin mengabadikan moment bersama kelurga ataupun teman – teman anda.

Jangan lupa bawa perlengkapan kesehatan (contohnya adalah sabun, tissue basah, sampo, antiseptik). Siapkanlah fisik dan kendaraan anda supaya liburan anda berjalan dengan lancar. Jaga kondisi diri anda dan selalu berhati – hati.

Sumber : https://temanggungtrip.wordpress.com

9 Kalimat romantis bila berpacaran

2018-05-11T06:47:00.010+07:00

Rasa sayang atau keseriusan itu bisa ditunjukkan dengan tindakan, bisa juga dengan kata-kata. Tapi kata-kata pun tak melulu yang manis dan terlalu klise. Toh kalimat aku sayang kamu itu sebenarnya terlalu absurd untuk menunjukkan keseriusan. Sederhana saja, santai tapi nggak terkesan gombal-gombalan, terpenting apa yang di sampaikan itu jelas maksud dan tujuannya.

Sebab kamu sebagai cewek perlu mempertanyakan sikap cowokmu, jika kalimat-kalimat ini belum pernah sekalipun dia ucapkan ke kamu. Karena setidaknya 9 kalimat ini merupakan gambaran awal keseriusannya.

1. “Aku pengen ngajak ngopi bareng Mas kamu, deh. Ya, sebelum ketemu orang tua kamu, ambil hati Masnya dulu kan bisa.”

Buat dia menjalin hubungan dengan kamu, harus juga menjalin hubungan dengan keluargamu. Nah, sebelum bertemu dan mendekati orang tua, dia sudah beritikad baik mendekatkan diri dengan saudara kandungmu. Setidaknya ini tahap awal keseriusan dia ke kamu.

2. “Aku udah ceritain tentang kamu ke orang rumah, dan tanggapan mereka semuanya menyenangkan. Jadi tenang mau ajak kamu ke rumah.”

Dia tahu sebelum mengenalkanmu langsung ke orang tua dan keluarganya. Dia sudah harus menceritakan dirimu secara umum ke mereka semua. Sekalian melihat bagaimana tanggapan atau reaksi mereka dengan cerita tentang dirimu ini.

3. “Jaga diri baik-baik yaa. Soalnya aku belum bisa selalu ada di sisi kamu sekarang.”

Dia memang belum bisa selalu ada di sisimu, namun perhatiannya tak pernah berkurang sedikitpun. Meski jauh, tapi dia membuatmu tak pernah merasa sendiri.

4. “Kamu kalau ada uneg-uneg bilang ya. Biar aku tahu, dan kita bisa sama-sama cari penyelesaian yang nyaman di aku ataupun kamu.”

Kunci sebuah hubungan itu kan kejujuran, apapun yang kalian rasakan, pikirkan atau temukan, sudah seharusnya dibagi bersama terlebih menyangkut dia, kamu, dan hubungan kalian ini.

5. “Hubungan kita kan ada untuk saling melengkapi, jangan sungkan ya buat minta tolong apapun ke aku.”

Sebagai pasangan dia tahu bagaimana cara untuk bisa saling melengkapi dan membantu. Makanya dia selalu memastikan agar kamu tak sungkan untuk meminta bantuan kepadanya. Bahkan tanpa kamu minta dia akan segera bergerak membantumu.

6. “Aku selalu senang deh, kalau kamu semangat dan ceria ngejalani semua kegiatan.”

Bahagianya kamu itu bahagianya dia, begitu juga sebaliknya. Makanya dia selalu senang lihat kamu selalu bergairah menjalani hari-hari dengan kesibukan yang kamu sukai. Buatnya apapun yang kamu lakukan adalah cerminan dari pribadinya sendiri.

7. “Ayo main ke kampung halaman aku, Yang! Nanti aku ajak keliling ke tempat-tempat favoritku. Main juga ke rumah tempat aku akan selalu pulang dan bertemu orangtua.”

Nggak cuma diajak ke rumahnya, ketemu orang tua dan keluarganya, tapi juga mengenal lingkungan tempat dia lahir dan tumbuh. Supaya kamu tahu, inilah lingkungan yang punya andil membentuk pribadinya. Langkah ini bisa jadi keputusan besar baginya untuk mengajak melangkah ke jenjang selanjutnya.

8. “Emang sih biaya nikah itu batasnya gengsi. Tapi nggak ada salahnya kan Yang kalau kita sama-sama nabung dari sekarang. Kerja yang giat yuk!”

Dia nggak menyarankan untuk mengadakan acara pernikahan yang mewah. Tapi dia tetap selalu mengingatkan untuk giat bekerja dan menabung. Semata-mata karena masa depan setelah pernikahan nanti memerlukan banyak biaya-biaya yang lebih dari sekadar menyewa gedung biasa.

9. “Sayang jangan pernah bosan ya ngejalanin hubungan sama aku. Kalau emang bosan, bilang aja ya. Biar aku bisa bikin bosan jauh-jauh dari kamu dan kita.”

Kalau udah sama-sama nyaman, sayang dengan tulus, mau bosan kayak gimana udah harusnya bisa disikapi sama-sama. Kayak permintaan sederhananya, supaya kamu selalu cerita saat sedang dilanda kebosanan.

Kalimat yang nggak klise, tapi maknanya lebih dalam sekadar bilang aku sayang kamu atau aku mau serius sama kamu! Bagaimana, cowok kamu udah pernah bilang kalimat-kalimat yang setipe dengan itu nggak?

Nilai sebuah marmer

2018-05-11T06:46:00.004+07:00

Suatu ketika, ada sebuah museum yang sangat besar. Di dalamnya terdapat beberapa patung marmer, dengan beralaskan lantai marmer yang indah. Patung itu, dipasang di ruang utama, dan selalu menjadi perhatian setiap pengunjung yang datang kesana. Banyak orang dari seluruh dunia yang datang hanya untuk mengagumi keindahan patung itu.

Pada suatu malam, si lantai marmer, berkata pada patung itu. “Hei, Patung Marmer, ini sungguh tidak adil. Sungguh tidak adil. Kenapa setiap orang yang datang dari seluruh dunia, hanya mengagumi mu, sementara mereka menginjakkan kakinya berdiri di atas tubuhku. Aku selalu terhina dengan ini semua, aku selalu diinjak-injak. Ini sungguh tidak adil !!.”

Patung itu lalu menjawab, “Tenang sobatku lantai marmer. Apakah kamu masih ingat, kita sesungguhnya berasal dari gua yang sama? Bukankah kita sama-sama lahir dari tempat itu?

Si Lantai Marmer kembali berseru, “Yeah, itulah yang membuatku tambah tidak adil. Kita lahir dari tempat yang sama, namun, kini, kita mendapat perlakuan yang berbeda. Tidak adil!!.

Dengan tenang, Patung itu berkata, “Lalu, apakah kamu juga masih ingat saat ada seorang pematung yang datang kepadamu, namun, kamu menolak itu semua? Apakah kamu masih ingat, saat kamu tak mau untuk diukir oleh pahat-pahat itu?

“Ya, tentu saja, aku masih ingat, ujar si Lantai, “Aku benci pria itu. Bagaimana mungkin aku bisa menerimanya? Pahat-pahat itu sangat menyakitkan.

“Betul, pematung itu tak bisa bekerja membuat karya, sebab, kamu menolak untuk diukir olehnya, ujar si Patung. Lantai itu bertanya lagi, “Lalu, mengapa demikian?.

“Sobatku, saat pematung itu selesai denganmu, dan mulai mengukirku, aku tahu, suatu saat, aku akan tampil berbeda. Aku akan menjadi lebih baik suatu saat nanti. Aku juga tahu, kerja kerasnya akan membuatku tampil lebih indah. Aku menerima semua alat yang digunakannya. Walaupun memang, semua pahat-pahat itu begitu menyakitkan menimpa tubuhku, jelas si Patung panjang lebar.

Si Lantai cuma berguman dalam hati, “Mmmmm….”

“Sobatku, ada sebuah harga untuk semuanya di dunia ini. Saat kamu menolak untuk menerima semua cobaan itu, jangan salahkan orang lain jika mereka semua menginjak-injak tubuhmu.

Teman, memang, ada sebuah harga untuk semuanya di dunia ini. Tak ada yang memberikannya gratis buat kita. Kisah ini, adalah sebuah gambaran tentang cobaan yang Allah berikan buat kita. Kita, sering menolak untuk diberikan cobaan oleh Allah. Kita, kerap enggan untuk menjalani semua ujian itu dengan sabar. Ada banyak keputusasaan yang selalu menyertainya. Kita selalu mengeluh, dan mengeluh, bahwa cobaan dan ujian itu selalu menyakitkan.

Dan sesungguhnya, saat Allah membentuk kita semua dengan pahat-pahat-Nya, saat itulah kita sedang di uji. Memang, kadang itu semua menyakitkan. Namun, sekali lagi, selalu ada sebuah harga untuk semua itu. Saat Allah memberikan kita ujian yang berat, maka di saat lain, Allah juga akan menganugerahkan kita nikmat yang banyak pula.

Teman, seperti inilah Allah membentuk kita. Pada saat Allah membentuk kita, tidaklah menyenangkan, sakit, penuh penderitaan, dan banyak air mata. Tetapi inilah satu-satunya cara bagi Allah untuk mengubah kita supaya menjadi cantik dan memancarkan kemuliaan Allah.

Teman, anggaplah sebagai suatu kebahagiaan, apabila kamu jatuh ke dalam berbagai pencobaan, sebab Anda tahu bahwa ujian terhadap kita menghasilkan ketekunan. Dan biarkanlah ketekunan itu memperoleh buah yang matang supaya Anda menjadi sempurna dan utuh dan tak kekurangan suatu apapun.

Apabila Anda sedang menghadapi ujian hidup, jangan kecil hati, karena Allah sedang membentuk Anda. Bentukan -bentukan ini memang menyakitkan tetapi setelah semua proses itu selesai.Anda akan melihat betapa cantiknya Allah membentuk Anda.

Menggali bukit

2018-05-11T06:44:00.006+07:00

Zaman dahulu ada 2 desa yang dipisahkan sebuah bukit…sehingga desa yg satu gemah-ripah-lohjinawi atau bahasa sederhananya “SUBUR-MAKMUR dan hidup SEJAHTERA”…sedangkan desa yang satu lagi sangat TANDUS dan mereka hidup KEKURANGAN…sehingga beberapa pindah dari desa ini.

Waktu terus berlalu tanpa adanya perubahan….sampai akhirnya ada seorang ayah sebut saja UMAR yang ingin mewujudkan IMPIANNYA…ingin merubah nasibnya selama ini…dan itu disampaikan kepada ke-3 anak laki-lakinya, “Wahai anak2ku..mulai besok ayah akan menggali bukit itu agar kondisi desa kita bisa berubah..” Tapi ke-3 anaknya menganggap itu HAL YANG MUSTAHIL DILAKUKAN..bahkan menganggap ayah mereka sudah GILA….

Keesokan harinya UMAR benar-benar melaksanakan niatnya…setelah sholat SUBUH beliau pergi ke bukit dengan membawa cangkul untuk menggali bukit…penduduk desapun menganggap UMAR sudah gila…dan ke-3 anaknya juga berusaha menasehati ayahnya..namun UMAR tidak mau merubah pendiriannya…beliau sangat yakin bisa mewujudkan IMPIANNYA..hari berganti hari..pekan berganti pekan..lama-lama ke-3 anaknya mulai berpikir ulang…”JANGAN-JANGAN AYAH BENAR”…akhirnya ketiga-nyapun sepakat membantu ayah mereka…sehingga setip pagi satu keluarga ini mengalokasikan sebagian waktunya untuk menggali bukit…dan penduduk desapun makin yakin satu keluarga itu sudah GILA SEMUA.

Tanpa terasa waktu terus berlalu…sampai akhirnya satu demi satu penduduk desa mulai membantu apa yang dilakukan oleh keluarga UMAR sampai suatu waktu IMPIAN MEREKA BENAR-BENAR TERWUJUD…sekarang nasib penduduk desa sudah berubah TOTAL yg semula serba kekurangan sekarang SUBUR, MAKMUR, dan SEJAHTERA.

Sahabat sekalian…, Sebagian dari kita barangkali takut untuk bermimpi karena menganggap bahwa impiannya terlalu BESAR…dan mustahil meraihnya…bagai punguk merindukan bulan…padahal kita sadar untuk BERMIMPI BESAR ITU BENAR-BENAR GRATISSS…

Mungkin anda ingat ketika di dunia ini belum ada produk air putih dalam kemasan. Mereka menganggap ide BODOH dan GILA menjual air putih. Apalagi di Indonesia, yang begitu berlimpahnya air bersih. Saat itu, air putih tidak ada harganya, anda bisa memintanya di warung tanpa membayar.

Tapi sungguh luar biasa, perusahaan pelopor air mineral, melihat peluang itu, dan mengubah mindset masayarakat, bahwa air putih pun harus beli. ya, konsumen harus membeli satu botol air putih lebih mahal daripada harga bensin saat itu. LUAR BIASA…

Hmm…, saya yakin itu semua berawal dari impian, bukan sekedar impian kecil… tapi sebuah IMPIAN BESAR…!

Terimakasih telah membaca, dan selamat bermimpi besar…

Gambar : inhabitat

10 Kisah sukses yang berawal dari kegagalan

2018-05-01T03:40:00.003+07:00

Sobat Blogger, kali ini saya ingin meremake artikel lama tentang 10 orang yang akhirnya menjadi sukses, tetapi tidak instan melainkan melalui banyak proses kegagalan, monggo disimak...

1. Adam Khoo

Dia adalah orang Singapura. Waktu kecil, ia adalah penggemar berat games dan TV. Sehari, ia bisa berjam-jam di depan TV. Baik main PS atau nonton TV. Adam Khoo pun dikenal sebagai anak bodoh. Ketika kelas 4 SD, ia dikeluarkan dari sekolah. Ia pun masuk ke SD terburuk di Singapura. Ketika akan masuk SMP, ia ditolak oleh 6 SMP terbaik di sana.

Akhirnya ia bisa masuk ke SMP terburuk di Singapura. Begitu terpuruknya prestasi akademisnya, tapi lama kelamaan membaik justru karena cemoohan teman-temannya, hingga akhirnya memperoleh kesuksesan di dunia bisnis.

Prestasi Adam di dunia bisnis ditandai pada saat Adam berusia 26 tahun. Ia telah memiliki 4 bisnis dengan total nilai omset per tahun US$ 20 juta. Kisah bisnis Adam dimulai ketika ia berusia 15 tahun. Ia berbisnis music box. Bisnis berikutnya adalah bisnis training dan seminar. Pada usia 22 tahun, Adam Khoo adalah trainer tingkat nasional di Singapura. Klien-kliennya adalah para manager dan top manager perusahaan-perusahaan di Singapura. Bayarannya mencapai US$ 10.000 per jam.

2. Albert Enstein

Siapa yang belum tahu Albert Einstein? Dialah Ilmuwan terkenal abad 20 yang terkenal dengan teori relativitasnya. Dia juga salah satu peraih Nobel. Siapa sangka dia adalah seorang anak yang terlambat berbicara dan juga mengidap Autisme. Waktu kecil dia juga suka lalai dengan pelajaran.

3. Aristotle Onassis

Di sekolah, ia bodoh dan suka mencari perkara, mengikuti contoh banyak orang kaya. Tidak aneh kalau ia diusir dari beberapa sekolah. Ia paling sering menduduki ranking terbawah di kelasnya.

Teman-teman sekelas memuja dia, tetapi guru guru dan keluarganya berputus asa. Selagi ia masih muda, dengan mudah orang dapat melihat bahwa dia akan menjadi seorang di antara mereka yang akan menghancurkan diri sama sekali atau sukses secara gilang-gemilang. Walaupun raportnya di sekolah jauh dari bagus, bakatnya untuk berdagang dan mencari uang telah tampak sejak dini. Akhirnya dia menjadi seorang milyuner.

4. Thomas Alva Edison

Suatu hari, seorang bocah berusia 4 tahun, agak tuli dan bodoh di sekolah, pulang ke rumahnya membawa secarik kertas dari gurunya. Ibunya pun membaca kertas tersebut yang berisi, “Tommy, anak ibu, sangat bodoh. Kami minta ibu untuk mengeluarkannya dari sekolah.” Sang ibu terhenyak membaca surat ini, namun ia segera membuat tekad yang teguh, ”anak saya Tommy, bukan anak bodoh. Saya sendiri yang akan mendidik dan mengajar dia.” Tommy kecil adalah Thomas Alva Edison yang kita kenal sekarang, salah satu penemu terbesar di dunia. Dia hanya bersekolah sekitar 3 bulan, dan secara fisik agak tuli, namun itu semua ternyata bukan penghalang untuk terus maju.

Siapa yang sebelumnya menyangka bahwa bocah tuli yang bodoh sampai-sampai diminta keluar dari sekolah, akhirnya bisa menjadi seorang genius? jawabannya adalah ibunya! Ya, Nancy Edison, ibu dari Thomas Alva Edison, tidak menyerah begitu saja dengan pendapat pihak sekolah terhadap anaknya.

5. Chris Gardner

Sudah pernah nonton film atau baca buku “The Pursuit of Happyness”? Itulah kisah nyata kehidupan Christoper Paul Gardner yang diperankan oleh Will Smith. Pahit manisnya kehidupan tampaknya sudah dirasakan olehnya. Kehilangan tempat tinggal, ditinggal istri, ditangkap polisi, kesulitan membayar kredit, semuanya sudah dirasakan. Dia bukanlah seorang yang berpendidikan tinggi, tapi dia terus berusaha dan berjuang. Kini dia menjadi seorang milyuner sukses, motivator, entrepeneur dan filantropis. Sekarang dia mempunyai Gardner Rich & Co, sebuah perusahaan pialang saham.

6. Ludwig Van Beethoven

Jika anda mengenal seorang wanita yang sedang hamil yang telah mempunyai 8 anak, 3 di antaranya tuli, 2 buta, 1 mengalami gangguan mental dan wanita itu sendiri mengidap sipilis, apakah anda akan menyarankannya untuk menggugurkan kandungannya? Jika anda menjawab ya, maka anda baru saja membunuh salah satu komponis termahsyur di dunia. Karena anak yang dikandung oleh sang ibu tersebut adalah Ludwig Van Beethoven.

Ketika Beethoven berumur di ujung 20an, tanda-tanda ketuliannya mulai tampak, tapi akhirnya ia menjadi Komponis yang terkenal dengan karya 9 simfoni, 32 sonata piano, 5 piano concerto, 10 sonata untuk piano dan biola, serangkaian kuartet gesek yang menakjubkan, musik vokal, musik teater, dan banyak lagi.

7. Louis Braille

Louis Braille mengalami kerusakan pada salah satu matanya ketika berusia 3 tahun. Waktu itu secara tidak sengaja dia menikam matanya sendiri dengan alat pembuat lubang dari perkakas kerja ayahnya. Kemudian mata yang satunya terkena sympathetic ophthalmia, sejenis infeksi yang terjadi karena kerusakan mata yang lainnya. Kebutaan tidak membuatnya putus asa, ia menciptakan abjad Braille yang membantu supaya orang buta juga bisa membaca. Sekarang siapa yang tidak tahu Abjad Braille?

8. Abraham Lincoln

Kisah Lincoln merupakan contoh klasik orang-orang yang benar-benar berani gagal.

Gagal dalam bisnis pada tahun 1831.
Dikalahkan di Badan Legislatif pada tahun 1832.
Gagal sekali lagi dalam bisnis pada tahun 1833.
Mengalami patah semangat pada tahun 1836.
Gagal memenangkan kontes pembicara pada tahun 1838.
Gagal menduduki dewan pemilih pada tahun 1840.
Gagal dipilih menjadi anggota Kongres pada tahun 1843.
Gagal menjadi anggota Kongres pada tahun 1848.
Gagal menjadi anggota senat pada tahun 1855.
Gagal Menjadi Presiden Pada Tahun 1856.
Gagal Menjadi anggota Dewan Senat pada tahun 1858.

Akhirnya pada tahun 1860, ia dilantik sebagai presiden Amerika yang ke-16 dan menjadi salah seorang presiden yang sukses dalam sejarah Amerika.

9. Bill Gates

Nah, ada yang tidak kenal Bill Gates? William Henry Gates III, atau yang lebih dikenal Bill Gates adalah pendiri (bersama Paul Allen) dan ketua umum perusahaan perangkat lunak AS, Microsoft. Ia juga merupakan seorang filantropis melalui kegiatannya di Yayasan Bill & Melinda Gates.

Ia menempati posisi pertama dalam orang terkaya di dunia versi majalah Forbes selama 13 tahun (1995 hingga 2007). Siapa sangka dia dulunya DO dari Harvard dan sebelumnya pernah bekerja sebagai Office Boy

10. Mark Zuckerberg

Yang satu ini dinobatkan sebagai miliarder termuda dalam sejarah yang memulai dari keringatnya sendiri. Bagaimana tidak, dimulai dari sebuah situs penghubung mahasiswa Harvard, ternyata banyak yang menyukainya, dengan nekat ia mengikuti jejak seniornya, Bill Gates, DO dari Harvard untuk mengembangkan situs tersebut menjadi Facebook yang kita kenal sekarang.

Tahukah Anda? Mark pernah menolak tawaran Friendster yang ingin membeli Facebook 10 juta US$, artinya sekitar Rp. 9,500,000,000 (kurs Rp. 9,500), tawaran dari viacom 750 juta dolar (Rp. 7,125,000,000,000) dan yang paling mengagetkan tawaran dari yahoo sebesar 1 miliar dolar (Rp. 9,500,000,000,000)

Akhir kata saya hanya bisa katakan buat sobat Blogger

Jangan pernah takut untuk gagal, karena kegagalan adalah awal dari perjuangan menuju keberhasilan....( Hehehe..kiasan klasik )

10 Stasiun kereta dengan arsitektur terbaik

2018-05-01T03:06:00.014+07:00

Kita semua tahu, bahwa kereta adalah salah satu sarana transportasi yang sangat penting, semenjak ditemukan pertama kalinya oleh George Stephenson, kereta sudah mulai menjadi gaya hidup transportasi dunia. Bahkan semakin lama, makin banyak model-model kereta api yang dikem bangkan oleh para penemu, mulai dari kereta listrik, kereta uap, bahkan penemuan teranyar yaitu kereta Sinkanzen dari jepang sudah menggunakan teknologi magnet.

Tapi bukan hanya kereta saja yang terus mengalami kemajuan, Stasiun kereta pun tak mau kalah. banyak sekali stasiu kereta yeng mempunyai arsitektur bangunan yang canggih, futuristik, dan eksotis, itu semua demi memberikan kesan yang mendalam serta kenyamanan bagi para penumpang

Disini, saya akan memaparkan daftar 10 stasiun kereta dengan arsitektur terbaik di dunia yang dirilis oleh Tourism Review, berikut adalah daftar 10 stasiun kereta dengan arsitektur terbaik di dunia :

1.Berlin Hauptbahnhof, Jerman

Berlin Hauptbahnhof adalah stasiun kereta terbesar di Eropa, Berlin Hauptbahnhof mempunyai konstruksi bangunan yang sangat modern, serta mempunyai arsitektur bangunan yang futuristik. Keseluruhan konstruksi stasiun kereta ini rampung pada tahun 2006. Stasiun ini mempunyai 2 tingkat, 14 bagian serta 80 stand toko yang kesemuanya dibuat senyaman mungkin bagi para pengunjung mengingat stasiun ini adalah stasiun kereta yang sangat vital di jerman. Bangunan ini terdiri dari logam dan panel kaca yang memungkinkan cahaya matahari bersinar ke dalam gedung

2. Kuala Lumpur railway Station, Malaysia

Stasiun kereta di Malaysia sebenarnya adalah stasiun kereta yang cukup tua, pambangunan stasiun in ipun baru selesai pada tahun 1920, jadi jangan heran jika bentuk konstruksi bangunan ini sangat bergaya kekuno-kuno-an. Tapi jangan salah, walaupun gayanya kuno, stasiun kereta ini tetap nampak elegan. Hal ini karena memang konstruksi bangunan ini memadukan gaya barat dan melayu, sehingga kesan kuno yang tampak justru makin menambah nilai historis dan budayanya, Bahkan beberapa orang justru menilai bahwa stasiun ini lebih cocok bila disebut dengan kastil.

3. North Park Cable Way, Austria

North Park cable way adalah salah satu stasiun terbesar di Austria yang terletak di Kota Innsbruck. Konstruksi arsitektur bangunan North Park Cable Way ini dirancang oleh studio arsitek Zaha Hadid. Walaupun Atap bangunan stasiun ini dibuat seperti bentuk gelombang yang abstrak, namun justru atap inilah yang menambah kesan futuristik tasiun kereta ini.

4. La Gare de Strasbourg, Perancis

Stasiun kereta La Gare de Strasbourg pertama kalinya dirancang pada tahun 1883 oleh seorang arsitek asal Berlin bernama Johann Jacobsthal, kemudian direnovasi lagi pada tahun 2007. Dalam renovasi ini, ditambahkan rangka kaca serta 120 meter konstruksi kaca di bagian luar, sehingga stasiun ini nampak bagaikan permata yang bersinar bila diterpa oleh sinar matahari.

5. Stasiun Kanazawa, Jepang

Arsitektur pertama yang akan dilihat oleh pengunjung di stasiun ini adalah sebuah gerbang besar dengan tinggi 14 meter layaknya gerbang tradisional ala Jepang, sedangkan di dalam stasiun, arsitektur yang paling mengesankan adalah Kubah yang mencakup bagian yang menghubungkan bagian timur dan barat terdiri dari 3.000 panel kaca. Stasiun ini juga dikenal sebagai stasiun yang memadukan gaya tradisional berbasis kayu dengan arsitektur modern berbasis logam.

6. Southern Cross Station, Australia

The Southern Cross Station adalah stasiun kereta yang terletak di Melbourne. Sebagai salah satu stasiun kereta paling vital di Australia, maka tak heran jika arsitektur bangunan stasiun ini sangat mengesankan. Fitur yang paling menarik dari bangunan ini adalah atap bergelombang. bahkan saking mengesankanya, Stasiun ini sampai dianugerahi Lubetkin Prize oleh the Royal Institute of British Architects, yaitu sebuah penghargaan untuk bangunan baru berarsitektur tinggi yang terletak di luar uni eropa

7. Estacion de Atocha, Spanyol

pernahkah kalian melihat hutan di dalam stasiun, jika belum pernah, silahkan kalian mengunjungi Estacion de Atocha di Spanyol. Keran memang di dalam stasiun ini dibuat sebuah miniatur taman yang menyerupai hutan rimba untuk menambah kesan alam di stasiun ini. Stasiun ini awalnya dibuat pada tahun 1851, kemudian pada tahun 1992, mulailah ditambahkan hutan mini seluas 4.000 meter karya Rafael Moneo.

8. Chatrapati Shivaji Terminus, India

Stasiun ini terletak di kota Mumbai dan merupakan salah satu stasiun tersibuk di India. Chatrapati Shivaji Terminus dirancang oleh Frederick William Stevens, seorang arsitek Inggris. Nilai arsitektur tinggi yang ada di dalam stasiun ini adalah adanya pembauran dua model arsitektur yaitu antara model gothic barat dengan model india tradisional, sehingga dinilai mem punyai nilai lebih bagi dunia arsitektur abad ke-19an. Pada tahun 2004 stasiun ini ditulis di daftar situs Warisan Dunia sebagai salah satu bengunan warisan dunia.

9. Antwerpen Central Station, Belgia

Stasiun ini dibangun antara tahun 1895 sampai 1905. Kereta Api Katedral. Stasiun kereta ini mempunyai bentuk bangunan yang unik, yaitu seperti gereja dengan kubah besar di atapnya, serta kubah kecil di sisi-sisi pojok bagian atas bangunan, oleh karena itu maka tidak heran jika masyarakat luas lebih sering menyebut stasiun ini sebagai stasiun kereta Katedral.

10. St Pancras Station, Inggris

Stasiun kereta ini terletak di London Inggris dan dibangun antara tahun 1864 sampai 1868. Arsitektur bangunan ini sangat mengesankan, Sesuai dengan tahun pembuatanya, Bangunan ini mempunyai suasana kuno yang sangat kental, dengan arsitektur khas Britania serta dipadukan dengan gaya Gothik terang. Di stasiun ini juga terdapat dua patung setinggi 9 meter yang terbuat dari perunggu. Di stasiun ini pulalah ada bar sampanye terpanjang di dunia.

Sayang yah Indonesia belum ada yang masuk dalam kategori disini, semoga nanti kita bisa membangun sebuah stasiun kereta yang bukan hanya terbaik dari segi arsitektur, tetapi juga memiliki tehnologi yang terkini...Semoga..🙇