MEMBUAT TYPE BLOCKQUOTE DI BLOG MENGGUNAKAN CSS

Blockquote digunakan untuk menampilkan teks yang berbeda tertentu dari lain untuk menangkap mata pembaca. Hal ini digunakan untuk menunjukkan pesan khusus atau ide penulis. Pada teknik blog mereka

menggunakan blockquote untuk menunjukkan spesial Trik dan Tips. Dalam tutorial ini saya akan menunjukkan Anda untuk menyesuaikan blockquote di blogger menggunakan beberapa Html & CSS sederhana​​. Blockquote ini dapat disesuaikan sesuai tata letak blog Anda. Jadi mari kita mulai.
1 Pergi ke Blogger> Tata Letak> Edit Html
2 Cari .post blockquote dan menghapusnya bersama dengan kejadian lainnya.
3 Untuk beberapa blogger template kode yang mungkin terlihat seperti di bawah ini.
blockquote post-body {// Beberapa Kode}
OR
.post blockquote {// Beberapa Kode}
4.Jika Anda tidak dapat menemukan kode diatas maka jangan khawatir dan menindaklanjuti dengan langkah-langkah di bawah ini.
5. Sekarang mencari ]]> </ b: skin> 
6 Paste kode di bawah ini tepat di atas]]> </ b: skin>

/*mybloggersworld.com*/
blockquote {
background: #B9DFF1;
margin: 0 10px;
padding: 20px;
color:#333;
border-radius:15px;
font: bold 0.9em  "Comic Sans MS", verdana;
line-height: 1.6em;
box-shadow: 4px 4px 10px #e3e3e3;
}
blockquote p {
margin: 0;
}


7. Simpan Template dan selesai.


Bagaimana menggunakannya :

1 Pertama menulis pesan atau teks yang ingin ditampilkan dalam blockquote. 
2 Sekarang pilih teks (menggunakan mouse)  
3.Kemudian Klik pada blockquote sebagai ditunjukkan di bawah ini.

Menyesuaikan Blockquote Kode Untuk Sesuaikan Template Blog Anda 

Kode di atas mungkin tidak cocok atau terlihat baik pada blog Anda. Dalam rangka untuk membuat kode ini sesuai dengan template blog Anda mengubah kode berikut. 
Ubah # B9DFF1 untuk mengubah latar belakang blockquote tersebut. 
Ubah # 333 untuk mengubah teks blockquote 

Menambah atau mengurangi 15px untuk mengubah kurva blockquote

BLOCKQUOTE STYLE TYPE 2

blockquote { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxKPcrVjYT7NzXMkXMavSqbPnP2YFS2hHXICC86pbwqvMzM2yu-HxFEPM8im0JYPBpMUXUIMZaZR6ScvUjMlR44BBig9Uf4nvtF5GaqvK-_cXHAWgDVgtU-qIeoGhs92494oAOOPIB68c/s1600/paper1.png) repeat-y scroll 0 0 transparent;
/**mybloggersworld.com**/
border-radius: 5px;
margin: 10px;
padding: 20px 10px 15px 50;
line-height: 1.6em;
font-family:'Fondamento', cursive, sans-serif;
font-size:15px;
}

BLOCKQUOTE STYLE TYPE 3

blockquote {
  font: normal Tahoma, sans-serif;
  line-height:1.6em;
  font-size:18px;
  padding:10px;
  padding-top: 24px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4uGUjoZF3Bkjm4fbSQkNccMPX_fLpMylQjitX2_Ji4pBZuBqDIefTcqvyDtu-YAuDOv2sIzLSbXRFP3DGXdK-KUT1YeZ8uEMRBTxmMr8r8YKLU9lbMPQgbwjuOPM0WAfKoBpkOnsV1eQ/s1600/examplequote.gif);
 /**mybloggersworld.com**/
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 65px;
  }

BLOCKQUOTE STYLE TYPE 4

blockquote {
background: #81c136;
margin: 0 12px;
padding: 18px;
border-radius:20px;
font: bold 1em  'Freckle Face', cursive;
/**mybloggersworld.com**/
color: #384924;
line-height: 1.6em;
box-shadow: 5px 5px 12px #e3e3e3;
}

BLOCKQUOTE STYLE TYPE 5


blockquote {
background: white;
margin: 0 10px;
padding: 20px;
color:#999;
font-family:cursive, sans-serif;
/**mybloggersworld.com**/
line-height: 1.6em;
border-left:2px dashed #ce6100;
border-right:2px dashed #ce6100;
}

JANGAN LUPA UNTUK MENYIMPAN TEMPLATE ANDA TERLEBIH DAHULU

TV ONLINE

Written by :

Sejarah tentang Raja Richard III dari Inggris

Terkuak, Detik-detik Terakhir Raja Richard Sebelum Meregang Nyawa

Kerangka yang ditemukan di lapangan parkir dewan kota Leicester, Inggris menguak nasib Raja Richard III dari Inggris. Termasuk detik-detik terakhirnya yang brutal, mengerikan, tapi berlangsung dengan cepat di tengah pertempuran.

Raja terakhir Dinasti Plantagenet tewas di tengah pertempuran Bosworth pada 22 Agustus 1485, hanya 2 tahun setelah naik tahta. Merupakan kepastian dari Perang Mawar dan kadang dianggap sebagai akhir dari Abad Pertengahan di Inggris. Konflik berakhir dengan pengangkatan Henry Tudor sebagai raja Inggris yang baru.

Namun, saat-saat terakhir Richard III menjadi bagian dari legenda, karena jasad sang raja menghilang hingga akhirnya belulangnya ditemukan pada September 2012 lalu. Di lapangan parkir.

Pemeriksaan postmortem belakangan mengungkap hampir selusin luka di jasad Richard III, namun hanya ada 2 'kandidat' yang fatal, jadi penyebab kematiannya. Kedua hantaman berakibat sampai bagian belakang kepalanya.

Analisis awal kerangka Richard III menyoroti scoliosis (bentuk tulang belakang yang tak normal) juga luka-luka yang ia alami dalam pertempuran -- termasuk 8 di antaranya di tengkorak.

Sementara, hasil pemeriksaan postmortem yang dijelaskan pada 16 September 2014 di jurnal medisThe Lancet, para ilmuwan memeriksa secara seksama 11 cedera pada tulang Richard yang terjadi di sekitar saat kematiannya, termasuk 9 cedera pada tengkorak.

Tiga dari cedera tengkorak adalah 'luka sayatan' ke bagian atas tengkorak kepala. Demikian ungkap peneliti dalam studi, Sarah Hainsworth, dosen material dan teknik forensik University of Leicester. Luka seperti itu mungkin mengakibatkan pendarahan hebat, namun tak akan sampai mematikan kecuali jika tak diobati.

Richard III hampir dipastikan tewas akibat serangan lebih dari 1 orang. Lebih dari satu senjata. Pisau atau belati kemungkinan meninggalkan luka sepanjang 10 milimeter di rahang kanan bawahnya. Cedera yang berbentuk lubang kunci mengarah ke atas kepalanya hampir pasti disebabkan oleh belati rondel, pisau mirip jarum yang digunakan di akhir Abad Pertengahan. Luka yang diakibatkan itu bisa menyebabkan luka luar dan dalam, namun tak berakibat fatal.

Lalu apa yang membunuh Richard III?

Kematian diduga datang melalui tusukan pedang, senjata bill, atau tombak yang kerap digunakan dalam pertempuran. Di dasar tengkorak Richard III, para peneliti menemukan 2 luka -- salah satunya sepanjang 55-60 mm, lainnya 17-32 mm.

Luka ini sejalan dengan yang lain, berjarak sekitar 105 mm dari dinding internal tengkorak, serta sejalan dengan kerusakan pada tulang belakang atas. Dengan kata lain, tusukan diduga memasuki kepala, mengiris melalui otak, dan menekan sisi berlawanan dari tengkorak.

Postmortem juga mengungkapkan dua luka pada tubuh Richard III. Di punggung sampai iga dan bokong kanannya. Bagaimanapun menginterpretasi trauma pada kerangka berusia 500 tahun tidaklah mudah, sebab, jaringan lunak sudah menghilang.

Seperti dikisahkan, kuda Richard III terperosok dalam lumpur, yang memaksanya turun. Dia mencopot helm, atau mungkin kehilangan pelindung kepalanya itu, membuat kepala dan wajahnya rentan.

"Dia dikelilingi, mungkin oleh sejumlah orang dengan senjata abad pertengahan," kata Hainsworth. "Richard III adalah seorang pejuang, ksatria, seorang yang terlatih, ia pernah melihat orang mati di medan perang, jadi ia paham betul soal itu."

Para peneliti tidak dapat mengatakan dengan pasti dengan cara apa sang raja diserang. Namun, catatan sejarah berpendapat bahwa Richard berlutut dengan kepala membungkuk ke depan ketika luka mematikan diterima tubuhnya.

Wajah sang raja tak dimutilasi, seperti kecenderungan kala itu. Pihak pemenang diduga tak ingin menghilangkan bukti bahwa Richard lah yang mereka bunuh.

Setelah kematiannya, baju zirah dan senjata dilucuti dari jasad Richard yang diletakkan di atas kuda untuk dibawa ke Leicester. Dipamerkan pada publik. Hainsworth mengatakan, luka dari belakang tubuhnya, termasuk di pantat kemungkinan besar dibuat sebagai penghinaan terakhir bagi raja yang kalah.

MACAM-MACAM TYPE MARQUEE (TULISAN BERJALAN)

Ada beberapa efek dalam pembuatan blog, diantaranya efek tulisan berjalan, yang biasa disebut dengan Marquee. Disini diterangkan efek marquee dalam bentuk sederhana. Bisa dikembangkan sendiri dengan penguasaan sedikit bahasa HTML dengan cara uji coba.
Contoh sederhana yang sering kita lihat di Blog adalah Ucapan Selamat Datang yang bergerak dari kiri ke kanan dan sebaliknya.
Mari kita coba cara-cara berikut ini :

1. TEXT BERJALAN KE KIRI/KANAN ATAS/BAWAH SEDERHANA

<span style="color: red;"><marquee behavior="scroll"
 direction="right"><marquee behavior="scroll" 
direction="right">SELAMAT DATANG</marquee>&lt;arkeyes88 blog&gt;<br /></marquee>

SELAMAT DATANG<arkeyes88 blog>

Catatan : Right dapat diganti dengan Left Up atau Down untuk menentukan arah gerakan dari teks yang    
               akan kita tampilkan
               Warna marquee Red dapat diganti dengan warna Blue, Green dan lainnya


2. TEXT BERJALAN KE KIRI/KANAN ATAS/BAWAH SEDERHANA PLUS GAMBAR

<marquee behavior="scroll"><br /> <img height="50" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkQ_CTKBTs1JTfdQUa8Pfifu07829mtolhzH__i4h9KPhuGchd3Az9MH8FXe8PAIZILjnG81vGnXKKupYKrtc8mxHf3QSNMkJ_irO6T6SUb1jFXtKWEz_5yD7V-SKJh8CcsBRloU5b_G8F/s1600/a6.JPG"
 width="80" /><br />arkeyes88 blog<br /> </marquee>
</marquee>

arkeyes88.blogspot.com

     Catatan :
Angka 50 dan 80 adalah tinggi dan lebar gambar                    
Http://2.bp.blogspot.com/E1m_e7SjlOY/VBWpXjvjK8I/AAAAAAAAELA/liNNeBEoeM8/s1600/a6.JPG bisa diganti dengan URL dimana gambar nanti akan mumcul.

3. TEXT MEMANTUL

<marquee width="300" behavior="alternate">Tulisan yang bisa memantul</marquee>

* 300 = Lebar area pantulan

Tulisan yang bisa memantul



4. TEXT BERJALAN YANG AKAN BERHENTI BILA TERSENTUH MOUSE

 <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="left" align="center" width="100%" height="20">
    Tulisan Anda di sini
    </marquee>

Tulisan Anda di sini right


Tulisan Anda di sini up


Tulisan Anda di sini left


Tulisan Anda di sini down


5. TEXT BERJALAN ZIG ZAG

<marquee behavior="alternate" direction="up" height="120"><br 
/> <marquee direction="right">Zig-zag oh 
Zig-zag</marquee><br /> </marquee>

Zig-zag oh Zig-zag



6. TEXT BERJALAN DENGAN BACKGROUND WARNA

 <b><marquee behavior="alternate" bgcolor="BLUE" height="40"
scrollamount="3" width="500"><br /> Contoh teks dengan
background!</marquee></b>

Contoh teks dengan background!


Dan masih banyak efek-efek lainnya seperti Text berupa link dan sebagainya... anda bisa mencobanya sendiri..

Jasa pembuatan blog murah
Toko online wordpress
Fitur SEO Blogger Jasa pembuatan blog murah
Toko online wordpress
Fitur SEO Blogger

CARA MEMBUAT BINGKAI TULISAN ATAU GAMBAR DI BLOG

Tulisan ini mencoba menjelaskan cara membuat bingkai tulisan / gambar yang tentunya bertujuan untuk membuat blog kita menjadi lebih manis dan teratur. Tidak ada salahnya kita mencoba trik ini. Cuman ada satu syarat dari membuat postingan bingkai tulisan ini, yaitu kita tidak boleh main copy paste, dijamin gambar bingkai seperti terlihat dibawah ini tidak akan terbentuk. Untuk membuat tulisan dan contoh hasil kita harus mengetik satu persatu dan sekaligus dites apakah tulisan kita tidak salah ketik sehingga menghasilkan hasil yang tepat. Jangan lupa untuk memasukkan script harus masuk dari Post ---> HTML, jangan dari Compose.
Silahkan dicoba...



BINGKAI BORDER

<div style="border: 1px solid #CCC; margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color:#FBFBEE; text-align: left;">

MENCOBA BINGKAI BORDER

</div>

BINGKAI OVERFLOW

<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 100px; background-color: none; text-align: left;">

MENCOBA BINGKAI OVERFLOW

</div>

BINGKAI TITIK-TITIK (DOTTED)

<div style="overflow:no; width:100%px; height:100%px; border:6px dotted #8B0000; padding: 4px;">

MENCOBA BINGKAI TITIK-TITIK (DOTTED)

</div>

BINGKAI GARIS PUTUS-PUTUS

<div style="overflow:no; width:100%px; height:100%px; border:6px dotted #8B0000; padding: 4px;">

MENCOBA BINGKAI GARIS PUTUS-PUTUS

</div>

BINGKAI GARIS DOUBLE

<div style="overflow:no; width:100%px; height:100%px; border:6px ridge #8B0000; padding: 2px;">

MENCOBA BINGKAI GARIS DOUBLE

</div>

BINGKAI TEXTAREA


<br /> <textarea rows="5" cols="50"><br /> MENCOBA BINGKAI TEXTAREA<br />

SINKHOLE LUBANG RAKSASA YANG PERNAH TERJADI

Pada video diatas terlihat lubang-lubang raksasa yang runtuh. Sangat mengerikan sekali bila tiba-tiba ada runtuhan tanah sedalam itu terjadi di Indonesia. Ada beberapa kemungkinan yang bisa menyebabkan terjadinya lubang-lubang raksasa/ sinkhole.
Beberapa penyebab kemungkinan terjadinya Sinkhole :
1. Adanya lubang bawah tanah seperti misalnya bekas pertambangan, atau sungai bawah tanah yang sudah terjadi cukup lama sekali, dan karena beban yang tidak sanggup ditanggung oleh tanah menjadikan tanah longsor dengan bekas longsoran yang tidak tahu jatuh kemana
2. Akibat bencana badai, seperti yang disebutkan oleh Reuters dapat juga menyebabkan terjadinya Sinkhole
3. Retakan tanah/ Creep yang telah berlangsung ribuan tahun, pada  saat ini dengan banyaknya bangunan yang berdiri diatasnya bisa menjadi penyebab terjadinya longsoran tanah yang membuat terjadinya lubang-lubang raksasa
4. Daya dukung tanah yang tidak lagi sanggup menahan beban

PENEMUAN PENINGGALAN SUKU MAYA DI MEXICO

Suku Maya adalah kelompok suku yang tinggal di semenanjung Yucatan,Amerika Tengah yang berbatasan dengan Samudera Pasifik di sebelah barat, dan Laut Karibia di sebelah timur.

Suku yang pada zaman batu mencapai kejayaan di bidang teknologinya (250 M hingga 925 M), menghasilkan bentuk karya dan peradaban unik seperti bangunan (Chichen Itza), pertanian (kanal drainase), tanamanjagung dan latex, sumurnya yang disebut "cenotes".

Cara mereka berkomunikasi dan mendokumentasikan tulisan: Tulisannya menggunakan gambar dan simbol, yang disebut "glyph". Ada dua macam glyph: yakni yang menampilkan gambar utuh dari benda yang dimaksudkan, dan tipe yang menggambarkan sesuatu sesuai dengan suku katanya.

Misalnya kata "balam: jaguar", digambarkan dengan kepala binatang tersebut, atau dengan tiga suku kata "ba"-"la"-"ma" yang terdiri dari tiga gambar sejenis mangkok/tempurung.

Suku ini juga mengenal kecantikan seseorang, dengan membuat tempurung kepalanya menjadi rata, dengan cara mengikatkan papan di dahi dan tempurung belakang pada bayi/kelahiran anak, sehingga pada waktu dewasa mereka merasa anggun dengan memiliki tulang dahi yang rata.

Adapun senjata yang digunakan adalah disebut "Atlatl" , yakni semacam busur dan panahnya.

PEradaban Maya adalah sebuah peradaban yang muncul di Mesoamerika, terkenal akan aksara tertulisnya yang berasal dari masa Pra-Columbus, juga terkenal akan kebudayaannya yang spektakuler, arsitektur, serta sistemmatematika dan astronominya yang unik. Peradaban Maya bermula pada periode Pra-klasik, yang berkembang pada Periode Klasik (sekitar 250 M sampai 900 M), dan berlanjut sampai periode Pos-Klasik sampai kedatangan bangsa Spanyol di Yucatan. Pada zaman keemasannya, negeri Maya adalah salah satu negeri terpadat dan berbudaya paling dinamis di dunia.

Peradaban Maya memiliki banyak kesamaan dengan peradaban Mesoamerika yang lain disebabkan tingginya interaksi dan difusi budaya yang terjadi pada wilayah tersebut. Produk budaya seperti tulisan, epigrafi, dan kalender tidak sendirinya dihasilkan Maya; namun kebudayaan mereka sungguh tinggi. Pengaruh Maya dapat ditemukan sejauh Mexico Tengah, lebih dari 1000 kilometer dari pusat negeri Maya. Peradaban di luar Maya juga memengaruhi peradaban Maya, dimana ditemukan di seni tradisional Maya dan arsitekturnya. Pengaruh ini didapat dari hasil pertukaran budaya serta perdagangan tanpa adanya penundukan eksternal.

Bangsa Maya tidak punah, baik dari zaman setelah berakhirnya Periode Klasik ataupun dengan kedatangan penjelajah bangsa Spanyol conquistadores dan kolonisasi Spanyol yang berturut-turut. Saat ini, Maya dan keturunannya membentuk populasi yang masih mempertahankan tradisi dan kepercayaan, dengan hasil akulturasi dan ideologi Katolik Roma yang diadaptasi sejak zaman pra-Columbus dan masa pos-pendudukan. Bahasa Maya tetap menjadi bahasa utama mereka saat ini. Salah satu bentuk budaya mereka, Rabinal Achí, yaitu sebuah drama tradisional, dimasukkan ke dalam daftar Karya Agung Warisan Budaya Lisan dan Nonbendawi Manusia oleh UNESCOpada tahun 2005.

Berikut gambar-gambar terlampir :

CARA MEMBUAT GAMBAR MEMBESAR BILA TERSENTUH KURSOR

Membuat Gambar Membesar Saat disentuh Cursor

Untuk memperbaiki performance blog kita ada baiknya kita mencoba trik berikut ini yaitu bilamana gambar dilewati oleh kursor mouse maka gambar akan membesar. Trik ini disebut dengan Image Zoom Effects atau Hover Zoom Smooth Effects. Apapun istilahnya fitur yang satu
ini banyak di senangi para blogger terutama blog yang banyak menggunakan foto maupun gambar.
Postingan ini saya buat untuk melengkapi Tutorial di blog ini, buat sobat yang ingin memasangnya silakan Anda ikuti tutorial dibawah ini.



Cara Membuat Gambar Membesar Saat disentuh Cursor :

1. Login ke blogger.
2. Pilih Template & klik Edit HTML.
3. Cari kode ]]></b:skin>; , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
4. letakkan kode berikut tepat di atas kode ]]></b:skin>

.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

1. • Simpan Template

Selamat Mencoba ......

Cara Membuat Menu Drop Down Horisontal

Cara Membuat Menu Drop Down Horisontal

Apa itu menu mega drop down? menu yang bisa menampung link dengan jumlah yang sangat besar yang terbagi dalam beberapa kolom, menu mega drop down ini tidak hanya unggul dalam quota link akan tetapi menu super dahsyat ini juga super speed (load page cepat dan ringan) karena menggunakan kode css dengan kombinasi kode html,menu mega drop down tidak diragukan lagi untuk dapat mempercantik blog dengan kapasitas posting yang sangat banyak dan sangat tepat untuk seorang blogger profesional yang mempunyai disiplin dan kemauan besar untuk membuat blog dengan sempurna.

Mega Drop Down Browser Support

Menu mega drop down horizontal sudah teruji dibeberapa peramban diantaranya yaitu Opera, Safari, Mozilla, Google Chrome, dan internet explore jadi anda tidak perlu khawatir untuk melengkapi blog anda dengan menu mega drop down horizontal bila anda berminat untuk mempercantik blog.

Bagaimana cara membuat Menu mega Drop Down?

Untuk membuat menu mega drop down di blog sangat mudah bahkan anda tidak perlu menjadi seorang blogger profesional untuk dapat membuatnya, karena pada dasarnya anda hanya perlu melakukan copy code, paste code, mengganti link tujuan, save dan selesai. Dibawah ini nanti akan saya jelaskan dengan sangat detail untuk membuat menu mega drop down dengan bagian bagian kode yang ada pada menu mega drop down. 

Cara membuat menu mega Drop Down Horisontal

1.Copy kode mega drop down dibawah ini :

Menu Mega Drop Down