Rabu, 31 Juli 2013

Kata Kata Cinta Romantis Dan Indah

Kata Kata Cinta berikut ini adalah kumpulan ungkapan cinta yang cukup puitis yang bisa anda jadikan bahan untuk merenungkan makna cinta yang anda dalami di dalam kehidupan ini.

kata cinta

Kata Kata Cinta khalil gibran

Sedikit pengetahuan disertai tindakan adalah lebih berharga daripada banyak pengetahuan namun tak ada tindakan apapun. (Khalil Gibran)

Segala sesuatu yang dicintai anak-anak akan terus dikenang di dalam relung hati manusia sampai tua. Hal yang paling indah adalah bahwa jiwa kita tetap berkelana di atas tempat-tempat yang dulu pernah kita singgahi (Khalil Gibran)
 
Selamatkan aku dari dia yang tidak mengatakan kebenaran kecuali kalau kebenaran itu menyakiti; dan dari orang yang berperilaku baik tetapi berniat buruk; dan dari dia yang memperoleh nilai dirinya dengan mencela orang lain. (Khalil Gibran)

Kuhancurkan tulang-tulangku, tetapi aku tidak membuangnya sampai aku mendengar suara cinta memanggilku dan melihat jiwaku siap untuk berpetualang" (Khalil Gibran)

Pabila cinta memanggilmu... ikutilah dia walau jalannya berliku-liku... Dan, pabila sayapnya merangkummu... pasrahlah serta menyerah, walau pedang tersembunyi di sela sayap itu melukaimu..." (Khalil Gibran)
 
A little knowledge that acts is worth infinitely more than much knowledge that is idle. (Khalil Gibran)
 
Ada orang mengatakan padaku, "Jika engkau melihat ada hamba tertidur, jangan dibangunkan, barangkali ia sedang bermimpi akan kebebasan." Kujawab,"Jika engkau melihat ada hamba tertidur, bangunkan dia dan ajaklah berbicara tentang kebebasan." (Khalil Gibran)

Aku akan berjalan bersama mereka yang berjalan. Kerana aku tidak akan berdiri diam sebagai penonton yang menyaksikan perarakan berlalu. (Khalil Gibran)

Aku berjalan selalu di pantai ini. Antara pasir dan buih, Air pasang bakal menghapus jejakku. Dan angin kencang menyembur hilang buih putih. Namun lautan dan pantai akan tinggal abadi. (Khalil Gibran)

Aku ingin mencintaimu dengan sederhana... seperti kata yang tak sempat diucapkan kayu kepada api yang menjadikannya abu... Aku ingin mencintaimu dengan sederhana... seperti isyarat yang tak sempat dikirimkan awan kepada hujan yang menjadikannya tiada... (Khalil Gibran)
 
Aku mencintaimu kekasihku, sebelum kita berdekatan, sejak pertama kulihat engkau. Aku tahu ini adalah takdir. Kita akan selalu bersama dan tidak akan ada yang memisahkan kita. (Khalil Gibran)

Aku mencintaimu saat engkau sujud di mesjidmu, berlutut di pura mu, berdoa di gereja mu. Kau dan aku adalah anak-anak dari salah satu agama, dan itulah jiwa. (Khalil Gibran)

Kata Kata Cinta Gombal

Tak mungkin aku berhenti mencintaimu, aku hanya bisa belajar hidup tanpamu.

Jika aku bisa jadi bagian dari dirimu, aku mau jadi air matamu yang tersimpan di hatimu, lahir dari matamu, hidup di pipimu, dan mati di bibirmu.

Kalo jadi wakil rakyat aku pasti gagal. Gimana mau mikirin rakyat, kalo yang selalu ada di pikiranku cuma kamu.

Aku ga mau jadi wakil rakyat, aku maunya jadi wali murid yang ngambil raport anak kita besok.

Boleh minta tolong gak? | minta tolong apa? | tolong cintai aku dengan ketulusan hatimu ♥

Kalo demo bisa menurunkan pejabat dari pemerintahan, aku mau ikut demo akh, aku mau menurunkan cinta dari hatimu untukku.

Aku pengen bersamamu cuma pada dua waktu, SEKARANG dan SELAMANYA.

Aku selalu berusaha tak menangis karenamu, karena setiap butir yang jatuh, hanya makin mengingatkan, betapa aku tak bisa melepaskanmu.

Aku selalu berusaha tak menangis karenamu, karena setiap butir yang jatuh, hanya makin mengingatkan, betapa aku tak bisa melepaskanmu.

Aku tidak minta bintang atau bulan kepadamu, cukup temani aku selamanya di bawah cahayanya.

Kau begitu kucinta, hingga ketika bersamamu mati seperti bisa kutunda, dan tanpamu hidup serasa tiada guna.

Aku nggak menangis karena kehilanganmu, tapi mengetahui kau tak pernah berusaha mencegahku pergi.

Kata Kata Cinta Sedih

Cinta berlalu di depan kita, terbalut dalam kerendahan hati; tetapi kita lari daripadanya dalam ketakutan, atau bersembunyi di dalam kegelapan; atau yang lain mengejarnya, untuk berbuat jahat atas namanya.

Cinta yang hilang biarlah menghilang, Jangan harapkan cinta itu kembali, Atau hanya akan menyakitimu kembali

Kini terakhir kumengenalmu, kini terakhirku menyapamu, bila nanti kou ingin kembali, tunggu .... Sampai aku mati ...

Telah sekian kali kumerasa bersalah, hanya karna sifatku yang tak ingin terluka, jauh dari niatku membuatmu gelisah, resah rasa takutku kehilangan dirimu, Mungkin kou telah berikan yang terbaik sampai kita disini .. by. utara band

Kau boleh saja benci aku, tapi tolong jangan kau tak acuhkan diriku

Aku ga ngerti sama km kenapa jd dingin gini, aku udah kasih semuanya buat km, tp km selalu masih anggap ak sebelah mata

Jika cinta tidak dapat mengembalikan engkau kepadaku dalam kehidupan ini, pastilah cinta akan menyatukan kita dalam kehidupan yang akan datang

Maafkanlah sahabatku karena ku telah jatuh cinta padamu, pesonamu memaksa aku tuk rasakan lembut kasihmu .. Salahkanlah hadirnya cinta, hinggapi perasaan kita, dan biarkan semua ini berjalan apa adanya. Bersamamu telah kutemukan betapa takutku merasa inginkanmu selamanya seutuhnya

Cinta sejati tak datang begitu saja. Banyak proses yg harus dilalui bersama, menderita, menangis, dan tertawa bersama.

Ribuan hari aku menuggumu, yang ku sangka kau beri aku harapan, tapi ternyata hanya harapan kosong, apakah tak ada sedikitpun tempat untukku di hatimu.
Sekian Artikel kata cinta kali ini Semoga dapat memberikan inspirasi cinta kepada anda sekalian.

artikel terkait :
kata kata lucu
kata kata bijak
kata kata mutiara
kata kata motivasi
kata kata romantis

Kata Kata Bijak Motivasi Dan Inspirasi

Dibawah artikel berikut ada beberapa kata kata bijak yaitu kumpulan ungkapan dari para tokoh dunia yang terkenal karena keberhasilan mereka untuk kemanusiaan. Sumbangsih ini kelihatannya sepele namun bila diperhatikan maka bisa juga menjadi inspirasi untuk kehidupan sehari-hari.


kata bijak

Kata Bijak Tokoh Dunia Tentang Kehidupan

Harapan adalah tiang yang menyangga dunia. (Pliny the Elder)

Kalau manusia berangsur menjadi tua, umumnya ia cendrung menetang perubahan, terutama perubahan ke arah perbaikan. (John Steinbeck)

Selama hidup saya yang sudah 87 tahun ini, saya telah menyaksikan serentetan revolusi teknologi. Tetapi tidak satu pun diantaranya yang tidak membutuhkan watak yang baik atau kemampuan untuk berfikir. (Bernard M. Baruch)

Pendidikan mempunyai akar yang pahit, tapi buahnya manis. (Aristoteles)

Pendidikan mengembangkan kemampuan, tetapi tidak menciptakannya. (Voltaire)

Pendidikan yang baik tidak menjamin pembentukan watak yang baik. (Fonttenelle)

Setelah makan, pendidikan merupakan kebutuhan utama rakyat. (Danton)

Kerendahan hati disukai orang-orang terkenal. Namun orang yang bukan apa-apa sulit untuk rendah hati. (Paul Valery)

Emansipasi merupakan seni untuk berdiri di atas kaki sendiri namun dipeluk tangan orang lain. (Alex Winter)

Sebelum menikah saya mempunyai enam teori tentang bagaimana mendidik anak. Kini saya mempunyai enam anak dan tidak mempunyai teori. (John Wilmot, Earl of Rochester 1647-1680)

Alat penghemat kerja yang paling populer sampai saat ini masih tetap suami yang berada. (Joey Adams)

Seorang arkeolog merupakan suami yang terbaik yang bisa diperoleh wanita; makin tua si istri, makin besar minat suami terhadapnya. (Agatha Cristie)

Kebahagiaan itu seperti batu arang, ia diperoleh sebagai produk sampingan dalam proses pembuatan sesuatu. (Aldous Huxley)

Dari pesawat terbang yang saya cintai, saya melihat ilmu pengetahuan yang saya puja memusnahkan kebudayaan, padahal saya mengharapkan mereka dimanfaatkan untuk kebudayaan. (Charles A. Lindbergh, Jr.)

Ungkapan Bijak Tentang Cinta

Mencintai bukanlah tentang memberikan yang terbaik dalam kelebihan, tetapi memberikan yang terbaik dalam kekurangan.

Kegagalan bukanlah akhir dari perjalanan. Akan selalu ada kesempatan dan harapan selama kamu mau mencoba dan berusaha.

Ketika Tuhan mengambil sesuatu dari genggamanmu, Dia tak menghukummu, Dia hanya membuka tanganmu tuk menerima yg lebih baik.

Cinta selalu memberi bahagia dan sakit di hatimu. Bahagia karena bersama yang kamu cinta. Sakit karena tahu bahwa kamu begitu rapuh.

Terkadang, meski telah terluka, kamu memilih tuk tetap bertahan dengan harapan dia yg kamu cinta akan berubah dan akhirnya tulus mencinta.

Cinta memang mampu membuat seseorang menunggu lama. Tapi kadang kamu harus mencintai dirimu juga, dengan menyadari kapan waktunya tuk pergi.

Ketika kamu mencintai seseorang, beranikan dirimu tuk mengungkapkan. Jika tidak, beranikan juga dirimu tuk melihat dia dicintai orang lain.

Jangan taruh kata kata cinta pada orang yang tersayang sehingga dia meninggal dunia, lantaran akhirnya kamu terpaksa catatkan kata kata cinta itu dalam sebuah tangisan.

Cintailah kekasihmu seperti dia mencintai mu dulu, seperti dia mencintai dengan tulus. Seseorang akan setia pada pasangannya karena cinta suami yang begitu besar pada ibu dan kalian berdua.

Cinta adalah salah satu anugrah yang diberikan tuhan kepada kita manusia. Jagalah cinta sebelum cinta itu pergi.

Yang paling sulit untuk dilupakan dari Kata Kata Bijak Cinta adalah cinta yang datang dari hati - tumbuh di hati dan bersemi dalam hati tapi sirami dan rawatlah dengan baik sebelum rasa itu mati dalam hati.

Kata Bijak Mario Teguh

Aku tak punya waktu untuk membenci orang yang membenciku, karena aku terlalu sibuk mencintai mereka yang mencintaiku.

Jangan takut untuk mencoba, karena ketakutan itulah hambatan sesungguhnya dari sebuah kesuksesan kita. Cermati dan resapi Kata Kata Bijak dan Motivasi Mario Teguh ini dengan baik, maka kesuksesan akan menaungi anda.
Salam Super!

Tersenyumlah pada sesamamu, ketahuilah bahwa mungkin senyumanmu memiliki arti yg besar bagi mereka

Waktu terbaik untuk berbahagia adalah sekarang.
Tempat terbaik untuk berbahagia adalah di sini.
Dan cara terbaik untuk berbahagia adalah membahagiakan orang lain.

Yang Anda pikirkan, menentukan yang Anda lakukan.Dan yang Anda lakukan, menentukan yang Anda hasilkan.Maka ukuran dan kualitas dari pikiran Anda,menentukan ukuran dan kualitas hasil dari pekerjaan Anda.

Maka janganlah hanya menginginkan yang mudah.
Janganlah keinginan mu untuk yang mudah, menjauhkanmu dari belajar menguasai yang sulit.
Sesungguhnya, karena kemampuan mu lebih besar daripada semua kesulitan mu, kehidupan ini yang sebetulnya sama sulitnya bagi semua orang, akan tampil sangat mudah bagi mu, dan akan berlaku sangat ramah kepada mu.

Anda belum disebut menemukan tujuan hidup Anda yang sebenarnya, jika orang lain tidak bisa merasakannya dalam ketetapan pandangan mata Anda, dalam kejelasan bicara, dalam ketegasan langkah, dan dalam kekuatan dari alasan-alasan Anda.

Percayalah akan kemampuan dirimu sendiri, itu akan menghindarkanmu dari orang-orang yg ingin mematahkan semangatmuAku hanya manusia biasa, memiliki hidup yang biasa. Namun kehadiran dirimu mengubah segalanya, kau membuatku merasa sempurna.

Kadang hal-hal buruk Tuhan hadirkan ke dalam hidupmu untuk mengingatkanmu pada hal-hal baik yang lupa kamu syukuri.

Tidak ada kebahagiaan dalam kelemahan. Jangan lagi berlama-lama dalam kelemahan hidup.

Nah, Demikian kata kata bijak yang sempat admin share pada saat ini, semoga bermanfaat buat anda.

artikel terkait :
kata kata mutiara
kata kata motivasi
kata kata romantis
kata kata gombal
kata kata indah

Kata Kata Mutiara Bijak Pelita Kehidupan

Berikut ini adalah kumpulan kata kata mutiara yang disadur dari berbagai sumber yang bisa anda simak sebagai bahan renungan agar dapat melakukan yang lebih baik di hari depan.

kata mutiara

Kata Kata Mutiara Kehidupan

Jangan sesali sesuatu yg telah berakhir, meskipun itu baik. Tanpa akhir tak akan pernah ada awal baru yg mungkin lebih baik.

Ketika kamu telah mencoba segalanya, kamu telah lakukan semampumu, tapi tak juga bisa, serahkanlah pada Tuhan. PRAY!

Bersyukurlah atas apa yg kamu miliki saat ini, karena masih banyak orang di sekeliling kamu yg masih kurang beruntung.

Akan ada solusi untuk setiap masalah. Hidup terlalu singkat jika hanya untuk mengeluh. Berusaha, percaya diri dan berdoa.

Hidupmu adalah milikmu, kamu sendiri yg menentukan baik buruknya, dan kamulah yg memimpin dirimu sendiri, bukan orang lain.

Kenali dirimu sendiri dulu sebelum kamu mulai berbicara buruk tentang orang lain. Sudah pantas kah kamu menilai orang lain?

Masa lalu adalah pembelajaran tuk lebih dewasa dalam menyikapi masalah yg mungkin sama dengan yg kita alami dimasa lalu.

Mahkotai hati dengan keikhlasan. Karena hal itu akan menjadikan kita tetap bertahan dalam menghadapi rumitnya kehidupan.

Berhenti sia-siakan hidup menunggu dia yg tak akan pernah jadi milikmu. Hidupmu terlalu berharga tuk itu.

Hidup ini sulit, apa yg kamu inginkan tak akan selalu kamu dapatkan, namun jangan pernah menyerah. Berusaha dan berdoa.

Jangan hiraukan mereka yg berbicara buruk di belakangmu, mereka yg menghabiskan waktunya hanya tuk memikirkan dirimu.

Jika seseorang tulus mencintaimu, tak ada yg mampu buatnya jauh darimu. Jika tidak, tak ada yg mampu buatnya tetap bersamamu.

Kadang kamu harus melepaskan, bukan karena tak cinta, tapi karena kamu lebih mencintai dirimu yg terus terluka.

Hanya karena seseorang pernah melakukan salah di masa lalu, tak berarti dia tak bisa lakukan hal yg baik saat ini.

Terkadang, menangis hanya membuat matamu setingkat lebih jernih sebelum melihat kebahagiaan.

Dengan memudahkan hidup orang lain, hidup kita akan dimudahkan oleh Tuhan.

Kata Mutiara Cinta

Amarah adalah cara termudah membuat masalah. Bersabar adalah salah satu cara agar terhindar dari masalah.

Menunggu memang bukan sesuatu yg menyenangkan, tapi kadang itu cara Tuhan tuk melatih KESABARAN.

Jangan ingkari kata hati, meski dia tak mampu melihat apa yg dilihat matamu, tapi dia mampu mengerti apa yg tak dipahami pikiranmu.

Jangan pernah meremehkan dirimu sendiri. Percayalah bahwa kamu pantas merasa istimewa, setiap detik setiap hari selama hidupmu.

Apapun yg menghampiri hidupmu, tetaplah menjadi dirimu. Jika ada yg tak menyukainya, lepaskan. Masih banyak yg mencintaimu.

Jangan mengeluh harimu, bersyukurlah atas nafasmu. Tuhan memberikannya padamu karena Dia tahu kamu cukup kuat menjalaninya.

Hidup bukan tentang mendapatkan apa yg kamu inginkan, tapi tentang menghargai apa yg kamu miliki, dan sabar menanti yg akan menghampiri.

Terkadang, tak peduli berapa banyak orang di sekitarmu, kamu merasa sepi. Hanya karena kamu berharap dia yg kamu cinta ada di sisi.

Dalam cinta, semakin sedikit kamu melihat dengan matamu, semakin banyak kamu akan melihat dengan hatimu.

Cinta sejati dari seorang manusia rela mengorbankan apa saja. Seperti halnya Adam yang rela keluar dari surga demi membahagiakan kekasihnya Hawa.

Mencintai tidak harus memiliki, mencintai adalah memberi tanpa berharap untuk diberi

Kata Mutiara Persahabatan

“Persahabatan tidak terjalin secara otomatis tetapi membutuhkan proses yang panjang seperti besi menajamkan besi, demikianlah sahabat menajamkan sahabatnya”

“Sahabat yang baik adalah orang yang sangat kita percayai dan membuat kita tenang bersamanya. Dia menjadi tempat berbagi kelelahan, berbagi kesedihan dan tidak pernah menjual rahasia diri kita”

“Seorang teman sejati akan membuat kita hangat dengan kehadirannya, mempercayai akan rahasianya dan mengingat kita dalam doa-doanya”

“Persahabatan sulit dijelaskan dan tidak pernah dipelajari di sekolah. Namun, jika seseorang tidak berusaha mempelajari makna persahabatan, dia tidak dapat mempelajari apa-apa”

“Proses dari teman menjadi sahabat membutuhkan usaha pemeliharaan dari kesetiaan, tetapi bukan pada saat kita membutuhkan bantuan barulah kita memiliki motivasi mencari perhatian, pertolongan dan pernyataaan kasih dari orang lain, tetapi justru ia berinisiatif memberikan dan mewujudkan apa yang dibutuhkan oleh sahabatnya”

“Sahabat adalah dia yg tahu kekuranganmu, tapi menunjukkan kelebihanmu. Dia yg tahu ketakutanmu, tapi menunjukkan keberanianmu”

“Sahabat adalah mereka yg tahu semua kekuranganmu, namun tetap memilih bersamamu ketika orang lain meninggalkanmu.”

“Hidup hanyalah aliran nafas yang putus-putus, ia akan bermuara pada kematian yang sejati. Sahabatku, janganlah pernah putuskan silahturahmi, jaga persahabatan ini hingga akhir hayat menghampiri.”

“Seumpama rumput yang menarikan alam, manusia pun menjaganya. Seumpama hati yang saling berbagi, persahabatan pun semakin terjaga.”

“Kata-kata mutiara persahabatan ini mungkin bisa memberikan semangat baru bagi persahabatan kita. Sahabat seperti piring yang retak, rasa setia dan kasih sayang akan membuatnya kembali rekat. Tetapi bila amarah memecahkan kepercayaan maka piring yang retak itu pun akan hancur.”

Nah, demikianlah untaian kata mutiara kali ini, jangan lupa untuk melihat update kata mutiara lainnya yang akan admin berikan kemudian.

artikel terkait :
kata kata motivasi
kata kata romantis
kata kata gombal
kata kata indah
kata kata galau

Sabtu, 27 Juli 2013

Cara Membuat Menu Melayang Di Atas Header

Cara Membuat Menu Melayang Di Atas Header-Sudah lama gak update , sekarang saya akan memberikan tutorial cara membuat menu floating , ini merupakan cara kang ismet yang saya modif supaya valid HTML5
dan seo

Berikut cara membuat menu floating :

1. Cari kode ]]></b:skin>
2. Letakan kode di bawah ini di atas kode  ]]></b:skin> 

/* Floating Menu Minimalis*/
#ki_floating_menu_black{background-color: #333;box-shadow: 0px 1px 3px rgba(0,0,0,0.4);height:34px;width:100%;min-width:970px;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;border-bottom:1px solid #000;}
#ki_floating_menu_black ul{list-style: none;margin:0 auto;width:970px;}
#ki_floating_menu_black ul li{float:left}
#ki_floating_menu_black ul li a{line-height:34px;padding:0 15px;color:#cacaca;font-size:13px;font-family:Arial, sans-serif;text-shadow:0px -1px 0px #000;display:block;text-decoration:none;border-right: 1px solid #555;}

#ki_floating_menu_black ul li a:hover{background-color:#666;color:white;}

3. Cari kode <body>
4. Letakan kode di bawah ini di sesudah kode <body>

<!-- Floating Menu-->
<div id='ki_floating_menu_black'>
<ul>
  <li style='border-left:1px solid #555'><a href='/'><img alt='Home' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZEmS3OkCS70SdwSKcon9xnXzzhxIBchPo4TaOMM0udGCm4FiUrTWsrMLT8AKBNcIyxQ7ULk_s0JuV0uCQPDQOW7JkkYOwcCcdWf_7fm4-yeHzA-pKMMhCAzf5TChiKRttflOXG8GTRZI/s1600/home2.png' style='padding:0px;'/></a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>Menu 5</a></li>
</ul>
</div>

5. Simpan template dan lihat hasilnya

Cara Membuat Title Otomatis Pada Popular Post

Cara Membuat Title Otomatis Pada Popular Post-Sebuah link yang bagus yaitu link yang di situ terdapat title
atau keterangan saat kita mengklik link tersebut maka akan muncul diskripsinya sebagai contohnya sobat lihat popular post saya , selain itu link yang disertai dengan title akan meningkatkan seo blog kita
Cara Membuat Title Otomatis Pada Popular Post

Berikut cara membuat title otomatis pada popular post :

1. Masuk Akun Blogger
2. Pilih Template
3. Klik EDIT HTML
4. Cari Kode <b:widget id='PopularPosts1' locked='false' title='Popular Posts'  
5. Ganti Kode <b:widget id='PopularPosts1' locked='false' title='Popular Posts' 

bla...bla...bla ( sampai kode di bawah ini )

</b:includable>
</b:widget>

6. Ganti kode di atas dengan kode di bawah ini :

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank' expr:title='data:post.title'>
                    <img alt='thumbnails' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize' expr:title='data:post.title'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank' expr:title='data:post.title'>
                    <img alt='thumbnails' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize' expr:title='data:post.title'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
  </div>
</b:includable>
</b:widget>

6. Simpan Template Dan lihat perubahanya.

Kamis, 18 Juli 2013

Cara Membuat Author Box Keren + Valid HTML 5

Kali ini saya akan share kepada sahabat Blogger tentang Cara Membuat Author Box Keren + Valid HTML5 , tentu anda sudah tahu kan keuntungan valid HTML 5 , selain itu author box ini juga dapat meningkatkan seo  karena sudah saya pasang meta dikripsi di setiap gambar dan link
Cara Membuat Author Box Keren + Valid HTML 5

DEMONYA LIHAT BLOG SAYA YANG SATU DI ahmadsuyadi.blogspot.com

Jika anda berminat silahkan ikutin tutorial di bawah ini :

1. Masuk ke akun Blogger anda
2. Pilih Template > Edit HTML 5
3. Cari kode ]]></b:skin>
4. Copy pastekan kode di bawah ini tepat di atas kode ]]></b:skin>

/* Kotak Author keren By ahmadsuyadi.blogspot.com */
.tbiauthorbox {
    position: relative;
    margin: 20px auto;
    border: 10px solid #3E999E;
    padding: 5px;
    min-height: 115px;
    max-width: 650px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.tbiauthorbox:hover {
    border: 10px solid #32BBC2;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.tbiauthoravatar {
    background: #fff;
    border: 1px solid #ccc9bd;
    float: left;
    height: 100px;
    padding: 2px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 4px 0 #d9d9d9;
    -moz-box-shadow: 0 0 4px 0 #d9d9d9;
    box-shadow: 0 0 4px 0 #d9d9d9;
    width: 100px;
}
.tbiauthoravatar img {
    height: 100px;
    width: 100px;
}
.tbiauthorlabel {
    font-family: &#39;lucida sans unicode&#39;, &#39;lucida grande&#39;, sans-serif;
    background: #333;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    height: 20px;
    margin-left: -43px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    text-align: center;
    width: 86px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.tbiauthorcontent {
    margin-left: 120px;
}
.tbiauthorhead {
    border-bottom: 1px solid #ddd;
    margin-bottom: 12px;
    padding: 0 160px 3px 0;
    position: relative;
}
.tbiauthorbox h3 {
    font-family: georgia, serif;
    color: #302E29;
    font-size: 26px;
    font-weight: normal;
    line-height: 30px;
    margin: 0;
    border: none;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.tbiauthorbox h3:hover {
    color: #E65002;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.tbiauthorbox h3 a {
    color: #302E29 !important;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.tbiauthorbox h3 a:hover {
    color: #E65002 !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.tbiauthorsocial {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    right: 0;
}
.tbiauthorsocial li {
    float: left;
    margin-right: 4px;
    padding: 0;
}
.tbiauthorsocial li a {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzJ8da8u1Y9Wb_hCfhZ-Wj806VB7ez-m0Me3RqT75ap6wXMXPJMJYzkLs8bjSbkX13_e-9VRLu_rmUXAn1q636mX0ENcTzlnaKEugojJMI9hHbxj28GsGxulZasjnrjoVw5jwSgoyN_j4/s75/icons_user_links.png) no-repeat 0 0;
    color: #C1B7A3;
    display: block;
    height: 20px;
    font-size: 0;
    text-indent: -99999px;
    width: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.tbiauthorsocial li a.authorFacebook {
    background-position: -20px 0;
}
.tbiauthorsocial li a.authorGooglePlus {
    background-position: -40px 0;
}
.tbiauthorsocial li a.authorTwitter {
    background-position: -60px 0;
}
.tbiauthorsocial li a.authorBlog:hover {
    background-position: 0 -20px;
}
.tbiauthorsocial li a.authorFacebook:hover {
    background-position: -20px -20px;
}
.tbiauthorsocial li a.authorGooglePlus:hover {
    background-position: -40px -20px;
}
.tbiauthorsocial li a.authorTwitter:hover {
    background-position: -60px -20px;
}
.tbiauthorbox p.bio {
    font-family: &#39;lucida sans unicode&#39;, &#39;lucida grande&#39;, sans-serif;
    font-size: 12px;
    line-height: 18px;
}
.tbiauthorbox p a {
    color: #E65002;
}
/* Kotak Author keren By ahmadsuyadi.blogspot.com */

5. Cari kode <data:post.body/>
6. Copy pastekan kode berikut tepat di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='tbiauthorbox'>
  <div class='tbiauthoravatar'>
    <img alt='Penulis Artikel' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK6nq7kAgJwsCRzsg44pqrpu48wCy158RnZLk4Gt-bXpkDHShmSzKIhJI9L-GnvlmmDaB3vsKWwQk7W1PXzzIIP7pLuBiex7uT2LSxXv1GOlNp4pPwqEUtYUX1P9vTb55hgiIs45JVo95l/s1600/pizap.com13671396279611.jpg' title=' Siswa MAN 1 Semarang '/>
    <span class='tbiauthorlabel'>Penulis</span>
  </div>

  <div class='tbiauthorcontent'>
    <div class='tbiauthorhead'>
      <h3><a href='http://ahmadsuyadi.blogspot.com/' target='_blank' title='Ahmad Suyadi'>Ahmad Suyadi</a></h3>

      <ul class='tbiauthorsocial'>
        <li><a class='authorBlog' href='Link Blog anda' target='_blank' title='Blog'>Blog</a></li>

        <li><a class='authorFacebook' href='Link Facebook anda' target='_blank' title='Facebook'>Facebook</a></li>

        <li><a class='authorGooglePlus' href='Link Google plus anda' target='_blank' title='GooglePlus'>GooglePlus</a></li>

        <li><a class='authorTwitter' href='Link Twitter anda' target='_blank' title='Twitter'>Twitter</a></li>
      </ul>
    </div>

    <p class='bio'>Terimah Kasih telah membaca artikel <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>. Yang ditulis oleh <strong> Ahmad Suyadi </strong> .Pada hari <data:post.dateHeader/>. Jika anda ingin sebarluaskan artikel ini, mohon sertakan <strong>sumber link asli.</strong> Kritik dan saran dapat anda sampaikan melalui kotak komentar. Trimakasih</p>
  </div>
</div>
</b:if>

keterangan : ganti tulisan yang berwarna hitam di atas sesuai identitas andaJika ada kendala atau masalah jangan sungkan-sungkan untuk bertanya .
Demikian dari saya wassalamualikum wr.wb.