Tuesday, January 15, 2013

Teknik BIOLA yang relatif 2016

 


Biola adalah sebuah alat musik dawai yang dimainkan dengan cara digesek. Biola memiliki empat senar (G-D-A-E) yang disetel berbeda satu sama lain dengan interval sempurna kelima. Nada yang paling rendah adalah G. Di antara keluarga biola yaitu dengan Violin, cellodan double bass atau kontra bass, biola memiliki nada yang tertinggi. Alat musik dawai yang lainnya, bass, secara teknis masuk ke dalam keluarga viol. Kertas musik untuk biola hampir selalu menggunakan atau ditulis pada kunci G.
Bagian-Bagian Biola
BOW BIOLA

Sebuah nama yang lazim dipakai untuk biola ialah fiddle, dan biola seringkali disebut fiddle jika digunakan untuk memainkan lagu-lagu tradisional (lihat di bawah).

Di dalam bahasa Indonesia, orang yang memainkan biola disebut pemain biola (pebiola), atau violinis (bahasa Inggris: Violinist - bedakan dengan violis atau pemain viola). Orang yang membuat atau membetulkan alat musik berdawai disebut luthier.

Alat musik dawai yang mula-mula biasanya dimainkan dengan cara dipetik (misalnya harpa tangan Yunani). Alat musik gesek diperkirakan berasal dari budaya penunggang kuda di kawasan Asia tengah, contohnya alat musik bangsa Mongolia Morin huur. Alat musik gesek berdawai dua bangsa Turkik dan Mongolia dawainya dari surai kuda, dimainkan dengan busur surai kuda, dan memiliki ukiran kepala kuda di bagian kepalanya. Biola, viola, dan cello yang busurnya masih dibuat dari surai kuda, adalah peninggalan bangsa nomaden tersebut.[1]

Dipercayai bahwa alat musik mula-mula tersebut dibawa ke Asia Timur, India, Bizantium dan Timur Tengah; di tempat-tempat tersebut mereka menyesuaikan dengan lingkungannya dan berkembang menjadi alat musik erhu, esra, harpa tangan Bizantium, dan rebab. Biola dalam bentuk modern bermula dari Italia Utara pada awal abad ke-16, terutama di kota pelabuhan Venice dan Genoa yang berhubungan langsung ke Asia Tengah lewat jalur sutera.

Biola Eropa modern dipengaruhi oleh berbagai alat musik, terutama dari Timur Tengah[2] dan Bizantium[3][4]. Tiga jenis alat musik mula-mula yang biasanya disebut sebagai cikal-bakal biola adalah rebec (yang diturunkan dari harpa tangan Bizantium[5] dan rebab), vielle (biola abad Renaisans), dan lira da braccio[6] (yang juga diturunkan dari harpa tangan Bizantium[3]). Salah satu deskripsi terawal tentang biola, termasuk cara penyetelannya, ada di dalam Epitome musical karya Jambe de Fer, yang diterbitkan di Lyon pada 1556.[7] Perlahan-lahan biola mulai menyebar ke seluruh Eropa.

Biola tertua yang pernah dicatat yang memiliki empat senar seperti biola modern dibuat oleh Andrea Amati pada tahun 1555, walaupun tahun tepatnya diragukan. (Biola yang lebih awal hanya memiliki tiga senar, disebut violetta.) Biola seketika menjadi populer, baik di antara para pemusik jalanan maupun para bangsawan, terbukti bahwa raja Perancis Charles IX menyuruh Amati untuk membuat 24 biola untuknya pada tahun 1560.[8] Biola tertua yang masih ada saat ini adalah salah satu dari ke-24 biola ini, dan diberi nama "Charles IX", dibuat di Cremona c. 1560. Biola zaman Renaisans yang paling bagus dengan ukiran dan hiasan adalah Gasparo da Salò (1574 c.) yang pertama-tama dimiliki oleh Ferdinand II, Adipati Agung Austria, dan selanjutnya, sejak 1841, oleh virtuoso Norwegia Ole Bull, yang menggunakannya selama empat puluh tahun dan ribuan konser. Saat ini biola tersebut berada di Vestlandske Kustindustrimuseum di Bergen, Norwegia. "The Messiah" atau "Le Messie" (juga dikenal sebagai "Salabue") yang dibuat oleh Antonio Stradivari pada 1716 belum pernah sekalipun dipakai. Biola tersebut berada di Museum Ashmolean di Oxford.[9]

Terjadi perubahan yang cukup besar pada pembuatan biola pada abad ke-18, terutama dalam hal panjang dan sudut leher biola. Mayoritas alat musik yang lama telah diperbarui sesuai standar yan baru ini, dan maka dari itu jelas berbeda dari keadaan alat musik tersebut ketika diselesaikan oleh seniman pembuat biola, termasuk perbedaan dalam hal suara dan respons.[10] Namun alat-alat musik ini dengan kondisi mereka pada saat ini menjadi standar kesempurnaan pada seni pembuatan biola dan suara biola, dan pembuat biola di seluruh dunia berusaha untuk mendekati ideal tersebut sedapat mungkin.

Hingga hari ini, alat musik dari "Jaman Keemasan" pembuatan biola, terutama yang dibuat oleh Stradivari dan Guarneri del Gesù, adalah alat-alat musik yang paling diburu oleh kolektor dan pemain biola. Rekor harga biola saat ini untuk biola Stradivari adalah AS$3.544.000 dalam sebuah lelang pada 16 Mei 2006. Semua biola Stradivarius memiliki nama unik; biola termahal Stradivari bernama "Hammer" ("Palu") yang dibuat pada tahun 1707.[11]


Sebuah biola dibagi menjadi beberapa bagian; badan biola, leher biola, jembatan biola, papan jari, senar, dan beberapa macam perangkat pembantu. Perangkat pembantu tersebut antara lain pasak penyetel untuk setiap senar, ekor biola untuk menahan senar, pin dan tali untuk menahan ekor biola, beberapa penyetel tambahan pada ekor biola bila diperlukan, dan sebuah penyangga dagu. (Penyangga dagu tersebut dapat tergabung dengan ekor biola ataupun dipasang di sebelah kirinya.)

Badan biola terdiri atas dua papan suara yang melengkung yang disatukan oleh kayu yang disebut iga biola yang dilem menggunakan lem binatang, lem kulit binatang, atau resin. Iga biola biasa terdiri dari bagian atas, keempat sudut, bagian bawah, dan garis tipis yang disebut lapisan dalam, yang membantu mempertahankan lekukan pada iga biola, dan memperluas permukaan untuk pengeleman. Dipandang baik dari depan maupun dari belakang, badan biola menyerupai bentuk jam pasir. Dua buah lekukan menyerupai huruf C pada kedua sisi samping biola memberikan ruang bagi busur biola untuk bergerak.


Umumnya permukaan atas biola dibuat dari kayu spruce, sejenis kayu cemara, yang dipahat sehingga memiliki bentuk yang simetris dan diberi dua lubang suara (atau lubang-F, diberi nama demikian karena bentuknya). Lubang suara tersebut memengaruhi kelenturan suara biola, dan juga sebagai "lubang napas" biola pada saat udara beresonansi di dalamnya. Pada pinggir permukaan ini, dibentuk suatu lekukan garis yang disebut purfling, tujuannya ialah menghalangi retakan yang berasal dari pinggir. Purfling palsu yang dicat pada permukaan biola biasanya menandakan kualitas biola yang rendah. Sebuah balok kayu kecil dipasang di dalam permukaan atas biola, sejajar dengan jembatan biola di atasnya, untuk menambah massa serta kekerasan permukaan atas biola.

Bagian belakang dan samping biola dibuat dari kayu mapel, biasa dipilih yang memiliki alur yang sama. Bagian belakang biola umumnya dibuat dari kayu utuh yang dipahat secara simetris. Bagian ini sering pula dibentuk purfling walaupun dalam hal ini tidak seberapa berpengaruh terhadap biola itu sendiri. Beberapa biola antik dibubuhi tulisan tangan atau diberi lapisan cat sebagai ganti purfling pada bagian belakang biola. Sebuah tonjolan setengah lingkaran kecil yang terdapat pada bagian yang dekat dengan leher biola memberikan permukaan tambahan pada saat pengeleman. Tonjolan tersebut penting untuk sambungan antara leher dan badan biola, namun pada saat mengukur panjang biola bagian ini tidak dihiraukan.

Leher biola biasanya terbuat dari kayu mapel yang setipe dengan bagian belakang dan samping badan biola. Pada leher biola terdapat papan jari yang dibuat dari kayu eboni atau kayu lain yang dicat hitam. Kayu eboni sering dipilih oleh pengrajin biola karena sifatnya yang keras, menawan, dan tahan lama. Beberapa biola yang sangat tua menggunakan kayu mapel untuk papan jarinya, dan dipernis dengan kayu eboni. Pada ujung papan jari yang atas terdapat segaris kayu yang menonjol, biasa kayu eboni atau gading, yang disebut sadel atas. Tonjolan ini digunakan untuk menahan senar, sama seperti jembatan biola digunakan untuk hal yang sama di bagian badan biola.




 Jembatan baru dan jembatan yang sudah jadi
Jembatan biola dipahat dengan hati-hati dari kayu mapel dan memiliki beberapa kegunaan: lengkungan atasnya menahan senar pada ketinggian tertentu dari papan jari dalam bentuk melengkung supaya dapat digesek sendiri-sendiri (atau bersamaan) dan menghantarkan getaran suara dari senar ke badan biola. Jembatan ini setelah dipasang juga dapat digerakkan untuk menyetel bunyi biola.

Empat buah penyetel tambahan pada masing-masing senar 


Bagian Ekor biola adalah tempat menambatkan ujung bawah senar yang diselipkan ke dalam masing-masing dari empat lubangnya. Seringkali untuk senar E juga diberi penyetel tambahan untuk mempermudah penyetelan, namun untuk senar-senar yang lain juga dapat dipasangi penyetel tambahan ini. (Beberapa pemain tidak mau menambahi penyetel tambahan karena dapat memperberat biola dan mengubah kualitas suara yang dihasilkan.)


http://id.wikipedia.org/wiki/Biola

Monday, January 14, 2013

Pantangan Bagi Ibu Hamil




Mempunyai keturunan adalah dambaan semua pasangan. Oleh sebab itu, wajar jika momen hamil banyak diharapkan.
Hamil memang sesuatu yang membahagiakan sebab wanita juga pria
selangkah lagi mendapatkan kehidupan yang baru yakni menjadi seorang ibu
dan juga ayah. selain membahagiakan, sesungguhnya masa hamil juga
merupakan masa yang rawan. Ibu yang hamil dituntut untuk menghindari
beberapa

Sunday, January 13, 2013

Cara Memasang Emoticon Onion Head Di Komentar Blog

Biar blog kita banyak yang komentar gimana caranya ya? Banyak cara gan dan salah satunya adalah dengan memasang emoticon keren di komentar. Dari survey kecil-kecilan yang gw buat, ternyata fitur emoticon di komentar blog bisa mempengaruhi pengunjung buat berkomentar gan.

Dengan adanya emoticon di komentar blog, gak bisa di pungkiri bikin pengunjung penasaran dan buat mereka ingin mencobanya gan. Kecenderungan manusia itu selalu pengen mencoba hal yang baru bener gak gan. Emoticon di komentar juga bikin blog jadi lebih berwarna gan.


Apa loe ada niat memasang emoticon di komentar blog gan. Pas banget kalo gitu, karena pada postingan kali ini gw bakal share cara memasangnya gan. Gw kasi loe emoticon yang jarang di pake sama orang di blog gan dan tentunnya juga keren.

Loe tau onion head kan gan? Itu emoticon yang banyak di pake di forum-forum gan. Nah sekarang loe bisa punya emoticon ini di blog loe gan. Langsung aja gan disimak cara memasang emoticon onion headnya gan.

Note : Inget selalu di backup ato download template blognya sebelum edit HTML buat menghindari hal-hal yang gak di inginkan.

Cek ini gan >>> Edit Template Blogger Versi Baru


Cara Memasang Emoticon Onion Head Di Komentar Blog




  • Yang pertama loe masuk ke Blogger terus pilih Tempalte lalu klik Edit HTML dan centang Expand Widget Templates gan. Lalu cari kode  <div class='post-footer-line post-footer-line-3'> atau <p class='post-footer-line post-footer-line-3'> kalo udah ketemu scroll ke bawah sampe nemuin kode kayak dibawah ini gan.


</div>
</b:includable>


  • Sekarang loe pastein kode di bawah ini di tengah-tengahnya gan.

Contoh :

</div>

Paste kodenya disini gan.

</b:includable>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style=' width: auto; text-align: left; border: 4px
double #0084ce;background: #FFFFFF;  padding: 10px; color:#000000; font-weight:bold; margin-left:40px;'><h3 style='text-align: center;'>
<a style='color: #3d85c6;'>Kode Smiley Untuk Komentar </a></h3><br/>
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijFjZ7qfmVp0QeUlVPxERS97gZrr4fKSTN9NgFs03n82RqPiAf1AwUqPebuzRGP4z-f8_Xn2m5NWvUNTu1LTDTuzgnTgwn3MZ3mU7_Ou7NMhz_oGP5InkzZjKnRgRM10JdXVc5Se3NY7Xt/s1600/seociyus.blogspot.com_052.gif'/> :a
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKwwQK6hhqt5pqa_MBpPsz-iDTSPt84K6ugCHlGpLepkRI7wCFlRDv6RgFRKBYs6CL2AJ8PNXFgIpNGK_LZaFkfKvJHFEk9Czq7BDfiGlc-kjbkb1yn3wgMY5D79ysoh1qMOKhJP5OAYOo/s1600/seociyus.blogspot.com_051.gif'/> :b
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMUfjeLzD30_zjugInmcpHhgTxm8rqc08o1a2pPnHScElbwilZLCWkF6-dITOxO7ep3JIJ6OqH_usdP2ydyfJKDKtGQq-JHew5M8voOs_P2vMUex2DLGoIXX6PTKKPpp6eJiUSvUDVdq6H/s1600/seociyus.blogspot.com_053.gif'/> :c
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIC3NFiVnHEaVZH9QmpTg3zNMmqSvEEdHc5GDCEbXgOuvqH4znKLjD_BEdGlOv9p5sEOj0Ngg4Q9gzc5NSOGfmCDrXTtl_jqe7RXaRI-899vVwah_tfNsENStK6cMMsdCi5-ZB6Y8Zv2hQ/s1600/seociyus.blogspot.com_055.gif'/> :d
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOiMaz2sryuvHFN-lTrXVidVRqkOu-Soa9UiDAn7ZQQ3kdxQ5-VeGuMkwF4LcdzWs_qqc1y-5fG9il51ttHN_TCVDYvSG86U8DUn6yoXopxgLUgfFwgiXdrTuweAK-m9whBINAC_-1B6ft/s1600/seociyus.blogspot.com_057.gif'/> :e
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG_ORs4gmFRFRpWCHgXkxyzQm_SXd5BEmEcNPa4yanhGR3Z7W4B1A_2T8J_95h5mQpFgFMa3xJ6hM7uQkC4HuW1E2kNpyHY-Viqkyh6w1p1IaKrDbUr4VLHyzzZlilUmO9mcgYvkRYJk6E/s1600/seociyus.blogspot.com_056.gif'/> :f
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4_lmhIRBmLdgVosTmckfCrdrL0BB2_bKdj7YDGJsw-okqKtATsWx2wtkVxOMs8sixxObrvRo8R2L7gHgJzP-MacOCy0vSoT-JBHnL5OBsFsGz5JL2fLU3yCYOhGjpn9jr09wNs5vfslBL/s1600/seociyus.blogspot.com_058.gif'/> :g
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1JexKGojTc1Grs4GlpFZ7ft4UaymRrl4Bwxd4H-iJnp4efIsgcGX5dAV6gsqDrKDwu6le_fZE3iXPjrSXWsfS_fFYQWI99snjk4OL_9CXhpHwjXar_cW8sHkOtK9bcxxA0l9fwIl_gtB3/s1600/seociyus.blogspot.com_1.gif'/> :h
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXBRm83rNtc410i0OK0mqU0PEOejaNJTEuCKVS1h__eu83kKYKKYYSqqKZcBNQeyozxyTAw4HLw47B2dFFhvBQNTjfLzOPyZTMZv3gO9RrBZwT613Xp_F53lWPZjzdFa1MV-Tbe1lN1FyH/s1600/seociyus.blogspot.com_2.gif'/> :i
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTcalXuSYEWodaoIG8CvXBpi6LzZTiYwp9nRiVLY1parhjKMFode3ZgdOV3UcB6818StAogfvsRNA14MI5-hH2-oUaMp47S4SYmEtQbssYiRsaQesGRqOoiYbNx_K2nGMv2XthtQfAL_eA/s1600/seociyus.blogspot.com_4.gif'/> :j
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYDzQdmiOyS57Gniy2ubPu08JUsUhLmWUabPFafeRDIxTV_A1fg-e3BApYoWc-dufmleAecYjtw_07wbGBawK2sOeJ1Qovnbw183W-FgXkeV6jb6UoNCC2ATcPtCcncqAX1I35GdvntnTo/s1600/seociyus.blogspot.com_5.gif'/> :k
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj56lUneJuoBmx8BpWlDJPyD-j5GIF8gglpUdQsygTizr2psDptEULNgenZUsUlAsS061QVmgOWJrGsPW_pY0Bw5CuryieV_n97VD9emvhElxF6Suux4Z7QacT8R_xX91ReGTAmdLGOgzPW/s1600/seociyus.blogspot.com_070.gif'/> :l
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOMxmcQaHTad21K3ntP_7CkS68meU4iNMQ0EA02srelcwpOv3AO01XGN2Ub1eSVRDy17Q2vO3MWeOEP3K98ziSuNzKwcnD50uz7BDSe-bWAulAR23ZJP6jMgVWVN9edEIyLB1WVhNIKbfD/s1600/seociyus.blogspot.com_010.gif'/> :m
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb3hChk4c7r8vOMgTNjb3xt9waefWS4Wd44lHxeqpMn8RVetcBTNNlDfd_KgY_YLIrSIyE3tSDI2UepE63-LNxg8cK2fLHybxIoPliJ2zXPJ50zLiJTgaQ35NUVsSJmztPV6wg-tOCPf1W/s1600/seociyus.blogspot.com_059.gif'/> :n
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY1NF4_Za9sN7_jpF7lU9fYG6XatzKu4tKhhxSX7rxbkd_O9wKu6M-2yfGoRyKW8fXOxhn_345cjRzfWmeI6w5_lEAAm2o4X0i8rbaMyalbKP2m-Oc9Lq0xhfAI6lwZ_Rn_jTcDNIJY0lO/s1600/seociyus.blogspot.com_088.gif'/> :o
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmpiM_yKESuO_QIHu83vscYuHXFsB5lU0KfFvGzpUXMdiy6LX74Kdkgpotnz2ymoNblqWwTlS97U4IC0yIt_OBwGwqFY8NuT-cJTRqd3eqo0zOo9ERc4bFDuwSJ-HceQPMQ1VEtglaRD6D/s1600/seociyus.blogspot.com_012.gif'/> :p
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgti0cOVdW_wFRtHY7VMb4WViLz0-A4xwVhFsS_HlUfKRvq7UQipHzJUMdsyEXiiNZTLlhaF2c76TSzcHE7HHEE_MoeKQrGXP38ICCTd-H0zb-9CnEDbUSk3Gaccxtw6TzujQ1rJluS6qRb/s1600/seociyus.blogspot.com_033.gif'/> :q
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0rSQCralFqJ8ZvahWP3aF7k1CW4TDx0gTqOa17u6Yz20L2PrqbTNAtVmojZkrvpz8Gddx5jAc1D2Cq54j3JRtITjH8oOkOAlScbJaqsjWMI-PkOUv61Hv3E69JGla8fgSCgyNGWL6ezfH/s1600/seociyus.blogspot.com_011.gif'/> :r
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgtPnCWOMmbNRNXl6qoGTbBVD9VfLqqfVPnxCfv65VCciOQAGqTparoVasq7QlGQzdFWKclTYsi5b4o_kAuhoyX7eInbe3oLtarPXAliW1u-qGUQgrF5U-RzS2EbCXVj7QetgVqFah-4Xg/s1600/seociyus.blogspot.com_7.gif'/> :s
 &#160;
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpetrdtHrWQAkfNcUAVZVxYeVfp-EExIZtqiFV7GIGALSOotvVkjXg1jjkAb6ZpUNwvKvCKDjY3lQGdx10AxFYK1rU14bOiMh4qVOnT7Nkrj_qNsQ2uHPhCCcIeYZNFQxX0bpB1mhNiWHR/s1600/seociyus.blogspot.com_8.gif'/> :t
 &#160;  
<div style='text-align: right;'>
<a href='http://seociyus.blogspot.com/2013/01/cara-memasang-emoticon-onion-head-di-komentar-blog.html' target='_blank' style='color: #1e7ab7; font-size: x-small;'> Dapatkan smiley ini!</a></div></div></b:if>


  • Lanjut sekarang loe cari kode </body> lalu pastein kode javascript di bawah ini di atasnya gan.


<script src='https://sites.google.com/site/seociyussite/file/seo_ciyus_smiley_komentar_blogger.js' type='text/javascript'/>


  • Beres gan di Preview dulu kalo gak ada masalah baru Save template. Coba di buka blognya apa udah ada emoticon onion head di komentarnya gan. Kalo udah ada jangan lupa bilang makasih ya.
  • Sekarang tinggal di edit aja biar warnanya sesuai sama blog loe gan. Buat border tinggal di ganti aja warnanya terus loe juga bisa ganti modelnya misal pengen kayak di blog ini loe ganti aja double sama dashed gan. Lalu background juga bisa diganti warnanya sesuai selera gan.
  • Buat widht gw set auto tapi kalo pengen lebih kecil ganti aja gan. Yang terakhir ngatur posisinya, loe bisa edit margin-left semakin gede nilainya semakin ke kanan gan.


Note : Gw minta tolong jangan di hapus link ke postingan ini ya. Kalo loe gak suka ada linknya silahkan di isi rel=nofollow gak apa-apa gan, thanks.


Sekian dulu yang bisa gw share kali ini tentang cara memasang emoticon onion head di komentar blog semoga bermanfaat. Kalo ada waktu gw bakal share emoticon yang laennya. Inget jangan lupa ninggalin komentar ya gan.

Friday, January 11, 2013

Cara Membuat Related Post Dengan Thumbnail Di Blogger

Related post atau postingan terkait pasti sering loe liat di blog orang laen ya gak gan. Fungsinya bukan cuma pajangan doank tapi buat ningkatin pageview dari pengunjung blog kita gan. Dengan adanya related post atau postingan terkait di blog kita bikin pengunjung lebih mudah nyari konten yang berkaitan sama yang dia baca saat itu.


Kalo di WordPress cara buatnya gampang banget tinggal pasang plugin beres gan. Nah kalo di blogger kita mesti pasang kode di template gan biar related post muncul di bawah postingan. Kayak di blog ini gan ada related postnya juga. Tapi kali ini gw bakal share cara membuat related post dengan thumbnail atau gambar gan.

Mau tau caranya gan? Yuk langsung disimak gan cara membuat related post dengan thumbnailnya, biar blog loe jadi tambah keren dan bikin pengunjung betah. Gw bakal kasi 2 kode gan, yang 1 thumbnailnya statis ato diem dan yang 1 lagi dengan marque ato bergerak gan, cek dis out.

Cek ini gan >>> Edit Template Blogger Versi Baru


Cara Membuat Related Post Dengan Thumbnail Di Blogger




  • Pertama masuk ke Blogger terus pilih Template lalu klik Edit HTML dan teken Ctrl + F di keyboard kemudian cari kode </head> lalu centang Expand Widget Templates gan, abis itu loe pastein kode di bawah ini di atasnya.


<!--Postingan Terkait Dengan Gambar Kode Mulai-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-left:
5px;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:
#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Ch9deWuBMfGLvf4oxiilIg3_7o9jAgy3x7Eiy3TTfgDYrSllpTZQdJCDb8Gn0xZLEpeh87XeOK2GAoMSNO1DdWhG_hWuFuXBuQWDj30mY0ToK314FX3tz2rUey1Ufw-q7nJEqgDxYusx/s1600/images.jpg&quot;;
var maxresults
=10;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;Postingan Terkait&quot;;
</script>
<script src='https://sites.google.com/site/seociyussite/file/post_terkait_dengan_gambar.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Postingan Terkait Dengan Gambar Kode Selesai-->

  • Kalo udah jangan di save dulu sekarang loe cari kode <div class='post-footer-line post-footer-line-1'> atau <p class='post-footer-line post-footer-line-1'> gan. Setelah itu paste kode di bawah ini tepat di bawahnya gan. Loe tinggal pilih kode related post dengan thumbnail yang statis ato yang bergerak ( marque ) gan.

 » Kode Related Post Dengan Thumbnail Statis




<!--Postingan Terkait Dengan Gambar Kode Mulai-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if></b:if>
<!--Postingan Terkait Dengan Gambar Kode Selesai-->


» Kode Related Post Dengan Thumbnail Bergerak / Marque




<!--Postingan Terkait Dengan Gambar Kode Mulai-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;
max-results=11&quot;' type='text/javascript'/>
</b:if></b:loop>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>var currentposturl=&quot;<data:post.url/>&quot;;
removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script>
<script type='text/javascript'>tweetmeme_url = &#39;<data:post.url/>&#39;;
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<!--Postingan Terkait Dengan Gambar Kode Selesai-->

  • Abis dipastein sekarang diedit gan. Buat ngatur posisi judulnya loe edit padding-left: semakin besar semakin ke kanan dan buat ganti judulnya edit Postingan Terkait gan. Terus buat ngerubah warna hover edit aja background-color: ganti sama warna yang laen sesuai selera loe.
  • Kalo buat var maxresult sama max-result ganti aja sesuka hati mau berapa jumlah related post yang ditampilin gan. Beres ngedit sekarang tinggal Save template gan dan buka blog loe pasti udah ada related post dengan thumbnail nya sekarang.

Note : Kalo mau ganti image tidak ada gambar, tinggal di ganti aja urlnya di var defaultnoimage gan.


Sekian dulu yang bisa gw share kali ini semoga bermanfaat. Kalo ada yang gak ngerti silahkan ditanyakan dan jangan lupa komentarnya gan.

Tuesday, January 8, 2013

Cara Membuat Buku Tamu Melayang Di Blog

Buku tamu ato kalo gw bilang lebih tepatnya chat box banyak di pake di blog. Fungsinya tentu buat ngemudahin pengunjung chat sama pengunjung laennya ato sama yang punya blog. Juga bisa buat absen pengunjung setia blog loe gan. Kalo buku tamu di pasang di sidebar bakal ngabisin tempat gan, jadi bagusnya loe pasang buku tamu melayang di blog.


Buku tamu melayang yang keliatan cuma tabnya doank jadi kalo di klik baru muncul chat boxnya gan. Loe ada niat pasang buku tamu melayang di blog gan? Kalo ada gw bakal share cara membuat buku tamu melayang di blog buat loe gan.

Silahkan langsung disimak gan, gak pake edit HTML tinggal nambahin widget di blog aja gampang banget.



Cara Membuat Buku Tamu Melayang Di Blog



  • Yang pertama loe harus punya kode chat box gan, cara dapetinya gampang loe tinggal registrasi di situs yang nyediain chat box gratisan. Loe bisa daftar di chatWING ato CBOX gan. Kalo mau di situs laen juga boleh sesuai selera loe aja gan. Tapi gw rekomen di chatWING karena tampilannya keren, bisa login pake FB ato Twitter dan loadingnya super cepet gan.
  • Kalo udah dapet kode chat boxnya, sekarang loe masuk Blogger terus pilih Layout dan klik Add a Gadget lalu tambahin HTML/Javascript. Lalu tinggal di copy kode di bawah ini gan dan pastein di kotak kosong HTML/Javascript tadi tapi jangan di save dulu gan.


<style type="text/css">
#scgb{
position:fixed;
top:100px;
z-index:+1000;
}
* html #scgb{position:relative;}
.scgbtab{
height:100px;
width:10px;
float:left;
cursor:pointer;
background:url('
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilpu2rDMYrnkQ_Cwl0Xnl2cVamFci22sES3Ind4TlnPn18XxSbJC74sMu51K9C632jssl8GkduQANbJ2WsBENfZ5Lwik9pjrdlZyhyNRc7KqqzralYRXM6N5IX0P0jD607aXe2SDOn90Ty/s1600/chat+pink.png') no-repeat;
}
.scgbcontent{
float:left;
border:2px solid #FF00CC;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var scgb = document.getElementById("scgb");
var w = scgb.offsetWidth;
scgb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
scgb.opened = !scgb.opened;
}
function moveGB(x0, xf){
var scgb = document.getElementById("scgb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
scgb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="scgb">
<div class="scgbtab" onclick="showHideGB()"> </div>
<div class="scgbcontent">

Paste Kode Chat Boxnya Disini Gan

<div style="text-align:right">
<a href="
http://seociyus.blogspot.com/2013/01/cara-membuat-buku-tamu-melayang-di-blog.html" target="_blank">[get this widget]</a> <a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var scgb = document.getElementById("scgb");
scgb.style.right = (30-scgb.offsetWidth).toString() + "px";
</script>


  • Sekarang tinggal ngedit gan. Pertama pastein kode chat box loe di tempat yang udah ditentuin gan. Terus buat top:100px; itu buat ngatur posisinya, semakin gede nialinya semakin kebawah chat boxnya gan.
  • Lalu buat background:url itu buat ganti tabnya gan silahkan diganti mau pake warna apa. Ni gw sediain banyak pilihan biar loe puas soalnya kebanyakan tutorial di blog laen pake tab warna hijau bosen ya gak gan.



1. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1wjI19fcEze_j-a0YGLFzvdnzS8ysqAaw2HxR-1wRchLfyBl-l2XtY6fuEOVXfMovdbscqkTnrslBo9q56jMVhjN0tVq8qP5_c0It24QEvwoLrG4raAA15PkNrzuXLoJHo-cKixQ_CP1n/s1600/chat+merah.png


2. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4MmGXV8zU6JmA43yecLK4MZPM1Vp1tppzrBRXaJ-bQcco_QL1vHRXJDG1NYh87FpZfiFER70fX-DTb7phm0svkI2OiQ01-ouMpF9KI-aZJJDmzhTYkuUvoXAWGfKRiPPoQ2wAas2W6QP3/s1600/chat+kuning.png


3. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipGGIXSHtRmSvB0n7KyOpLCPxYSmvyXN7v8XS7QawNiZqCfJStYQrfu8V9ZsEQciAqNYklavt2La0JsRbb2-ui9dgQ2acWf20YvsNTpYvGradJHYMI7DFbRN30Crke4eEjKc5rDZHgN8u-/s1600/chat+merah+muda.png


4. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGfkYaVIF6nGfU3eL8pcSzaDb_JkiO_HibXWnYVqiML4TiGegwvp6XDAIXibtMnP16kqy1VymcZxkMKGDFXhrxT3-AZQDmtuVqHWWibHmQvB6-a3ZF0ZJFF-5ofhjUNza0L12Z-mONnJDU/s1600/chat+orange.png


5. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilpu2rDMYrnkQ_Cwl0Xnl2cVamFci22sES3Ind4TlnPn18XxSbJC74sMu51K9C632jssl8GkduQANbJ2WsBENfZ5Lwik9pjrdlZyhyNRc7KqqzralYRXM6N5IX0P0jD607aXe2SDOn90Ty/s1600/chat+pink.png


6. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfESt9afuVvPw8nXQ1xD3Nqm7mMGzwVrGcDvPLqwWgoptmq4hJPrQK8SJ8d8gW-V8clvYPoWhoD4pV1nstDlZ4xKd9xWfDTlB0LmI4qRZumEO5fV2-76FbRS6sZFhDzNyIc8tsroTp0JVc/s1600/chat+ungu.png


7. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhklLA8Kv4DbGqYcMiWsJr-Ty_KHaoHb8XHndkGnCkHQ5UXYXOqlpo0h3RKMRZC0HCKUi4pjk9l7vOrz_biyA01nhknYs9udGiiGkZM_D3TPI_hztu8ludRUjbt9RBLn9f184Fpo_aOqQ8B/s1600/chat+biru.png




1. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitdCvWvFlJ1xxpVyhKaibWUeR4bMMHpQndLdMD4BsYl4AR28vCs831vNc5Hchez_SeyAQHjS-JZiGmv6H2wiDPiCpRpzJORAMKXHpl-AGZV-6giM_P0wKId_qtspt5HfSnwTF1Ibe7zSai/s1600/buku+tamu+orange.png


2. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR27vGq0O_H077SjjyA8bxIiQVs6-46jBW54d24Zo_oxErIU55tF6-rL6rLqx1FUE0xixIu_j9-cHGfck1qxfVtJvpZmoR1Z6MyY0ybDQVu0Gt2oPYMLDHfw6GNhe7GYIgfmTsuJlOOxyf/s1600/buku+tamu+kuning.png


3. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFM0JmZlkp0d6oQX1OKGm7eiZZPiONjV8kMmj0_efMzq0CIfJ9z9kwwCezfx8ggI2-_oTRgpIswZ9pSDxL3X7YmS_Y0sqZlNYpEpNmb0-cYhCNpktSghFDcW7_6KHRtFJvniK4C2D7uIrH/s1600/buku+tamu+merah+muda.png


4. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmMpgFfN2HAjNQMBAuZmIoeVMHXuvDV0Le6JWjBRMOQlmTvsXKALel2A3qPpxUIADsh60VB47kKzHk1_lpwbo91oV7r_tcr0DSTp7IatrwzMw-JXQifrbm190nFFmLViloSipsiOZCdHDJ/s1600/buku+tamu+merah.png


5. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrXDQApremE0EkYucLng229DeJI9lCwjjcpqyHRtaVdymINW5b4EqibjkfObERvrroRlj-jNbzjvRrVs2EDX9cbwmwt5t_HuYnZZ5cBg6QhT0jf-WryO7tIYwfSOl9NUCyZG0AY0U3f9ir/s1600/buku+tamu+ungu.png


6. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_dIoj_aznH1A2UuIG7Oe1g5W4r84jOEFCudM_gipRLwcU7r1TOYv7b_N0Mxf5pme4lA8JklGWj-M2L1XT12fgdxIz_YMSDNW-c9c_o6O8UEwTWJooXool99wZHooBxnisxZPXMTsLbqbA/s1600/buku+tamu+pink.png


7.  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8hkQfATPoRj9vbO-YozUPTAeOft7SoPnirvFQbk52dy3SpyEsHFVZ2pQ0gm8u-WpBXaFj4Cw86Lx_Rfoq6hnLVF5LVUC7rpAeS5y_XniQVBXPps2B3Nt_TjrgTjIELsWZZUcmPorezyXm/s1600/buku+tamu+biru.png


    Kalo udah diganti tabnya tinggal di Save aja gan, beres sekarang blog loe udah ada buku tamu melayang atau chat boxnya gan. Buat border sama background content loe tinggal ganti aja warnanya biar sesuai sama warna tab dan chat boxnya, buat kode warnanya loe cari di kode warna HTML gan.


    Sekian dulu yang bisa gw share semoga bermanfaat buat loe yang mau pasang buku tamu melayang di blog. Jangan lupa juga absen dengan ninggalin komentar dibawah gan.

      Monday, January 7, 2013

      Email Subscription Box Keren Di Bawah Postingan

      Ingetin pengunjung buat selalu mengikuti blog kita melalui email gan. Caranya dengan pasang email subscription box di bawah postingan gan. Semakin banyak yang ngikutin blog kita melalui email maka rangking blog kita juga semakin tinggi gan.


      Email subscription ini nyambung sama feed blog kita di feedburner gan. Dengan adanya email subscription box ini juga ngemudahin pengunjung blog dapetin update postingan terbaru dari blog kita langsung di inbox emailnya gan.

      Loe ada niat pengen pasang email subscription box di bawah postingan gan? Berarti loe ada di tempat yang bener karena gw bakal share cara buatnya. Langsung gw kasi 2 model gan yang satu buat bloger cewek yang satunya lagi buat bloger cowok biar adil. Langsung aja disimak gan.

      Cek ini gan >>> Edit Template Blogger Versi Baru


      Email Subscription Box Keren Di Bawah Postingan




      • Pertama masuk ke Blogger terus pilih Template lalu klik Edit HTML dan centang Expand Widget Templates gan. Terus copy kode css di bawah ini lalu pastein di atas kode ]]></b:skin> gan.



      form.feedburner{
      margin:20px 0 0;
      display:block;
      clear:both;
      }
      .SCstyle{
      padding:7px 15px 7px 5px;
      color:#666;
      font-weight:bold;
      text-decoration:none;
      border:1px solid #D3D3D3;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      -moz-box-shadow: 1px 1px 2px #CCC inset;
      -webkit-box-shadow: 1px 1px 2px #CCC inset;
      box-shadow: 1px 1px 2px #CCC inset;
      }
      .SC-email{
      background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3gmHUdT0fmGoKM3mNcmSdKlpg5VDMv11Dr8K1RItg4SxiG-v1l4DulbbYz94q7L2Y9xWIhloFYz-t6jt7riK4k5W3o0ovZIVPgk6Ltt_dTjlP3WV6o8-52lTgbdGmr7d9fYUQ0Ut0XKSi/s1600/Contact-icon.png) no-repeat 0px 13px ;
      width:300px;
      padding:10px 0 0 55px;
      float:left;
      font-size:1.2em;
      font-weight:bold;
      margin:0 0 10px 0;
      color:#686B6C;
      }
      .SCsubmit{
      color:#666;
      font-weight:bold;
      text-decoration:none;
      padding:6px 15px;
      border:1px solid #468AC9;
      cursor: pointer;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      -goog-ms-border-radius: 4px;
      border-radius: 4px;
      background: #fbfbfb;
      background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
      background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
      background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
      background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
      background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
      }

      #emailwidget-outer {
      -moz-border-radius: 10px 10px 10px 10px;
      -webkit-border-radius: 10px 10px 10px 10px;
      -goog-ms-border-radius: 10px 10px 10px 10px;
      border-radius: 5px;
      background: none repeat scroll 0 0 transparent;
      border: 1px solid #D3D3D3;
      padding: 8px;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      -webkit-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      width:auto;
      }
      #emailwidget-outer:hover{
      background: none repeat scroll 0 0 #FFF;
      -moz-box-shadow: 1px 1px 2px #CCC inset;
      -webkit-box-shadow: 1px 1px 2px #CCC inset;
      box-shadow: 1px 1px 2px #CCC inset;
      }
      #emailwidget-outer td{
      padding:3px 0;
      }


      • Kalo udah jangan di save dulu, sekarang loe cari kode <data:post.body/> terus copy dan paste kode di bawah ini di bawahnya gan.

        » Buat Bloger Cewek




        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <center>
        <div id='emailwidget-outer'>
        <div id='emailwidget'>
        <table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
        <tbody>

        <tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>

        <td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'> <p style='color:#666; font-weight: bold; font-size: 22px; margin:0px 0px 5px 0px; '>Mau Dapat Updates Gan!</p>
        <div class='SC-email'>Langganan via Email
        <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=SEOCiyus&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>
        <input name='uri' type='hidden' value='SEOCiyus'/>
        <input name='loc' type='hidden' value='en_US'/>
        <input class='SCstyle' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketik email disini...&quot;;}' onfocus='if (this.value == &quot;Ketik email disini...&quot;) {this.value = &quot;&quot;}' type='text' value='Ketik email disini...'/>

        <input alt='' class='SCsubmit' title='' type='submit' value='Kirim'/>
        </form></div>
        </td>

        <td style='border:none; margin: 40px 0px 0px 0px; padding: 40px 0px 0px 0px;'><p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px; '>Ikuti SEO Ciyus</p>


        <a href='http://feeds.feedburner.com/SEOCiyus' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJeFAIYDrBxl5tq0qJWL9z1l4JdX97gBbshmPciQ27b_Ocfsd4KBZafKQ2MvZosmULRmPQ_mUflYSFbOiHTkIADuEK1Acpg_lVsFu36VL0Y-k_RSyo61OYZGL4jzMdshgfmbHaRkGiZTJ/s1600/Active-RSS-icon.png'/></a>

        <a href='https://twitter.com/
        SEOCiyus' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid_M5RbLnWyazjIfqyJG58X4ZOlWOoLX1fJ6pkjk98SEUVoz-Dx_e9O4y8a3IslqF3_yDV1d1zJCa1xH4t-sf6pqqdtNzjJUGSY1P-zgFK_pk8zO6eJDRrZgRuJdmhZGdbWP1UUUIvtSD9/s1600/Active-Twitter-2-icon.png'/></a>

        <a href='http://www.facebook.com/
        450856758314498' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOrAyCKfPaRrEVADZKFS5HmZhfFhh45bNtYOyZJOB8qygVuJrLdJNBOXgMTAzUpqZxDJSk2zN496OydqbaMgf0dxAJq10GBWMLNgWnH6JIwuQAtswv1smHR2fi_2ToguCSyNSap9ixrEd7/s1600/Active-Facebook-icon.png'/></a>

        <a href='https://plus.google.com/
        103761628986843100763/posts' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB43CPf_tA_WMYoQLbITmz2dDBqYsPlATA-WFYInrJsWdyY6t_5K1rDc73vRPXRumdL4XolKLig9GdpaZrpEpgPRXwNZQdA0nXIgseWdIMenKJviQrZOTYsOxTW1Fx5LAfCffutsNsBSqU/s1600/Active-Google-Plus-icon.png'/></a>

        </td>
        </tr>
        </tbody></table>
        <div align='right'><span style='font-style: italic; font-size: 8px; color: solid #ffffff;'><a href='http://seociyus.blogspot.com' style='text-decoration: none;' target='_blank'><font color='#848484' decoration='none'>[Get this widget]</font></a></span></div>
        </div></div>
        </center><p/>
        </b:if>



        » Buat Bloger Cowok




        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <center>
        <div id='emailwidget-outer'>
        <div id='emailwidget'>
        <table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
        <tbody>

        <tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>

        <td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'> <p style='color:#666; font-weight: bold; font-size: 22px; margin:0px 0px 5px 0px; '>Mau Dapat Updates Gan!</p>
        <div class='SC-email'>Langganan via Email
        <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=SEOCiyus&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>
        <input name='uri' type='hidden' value='SEOCiyus'/>
        <input name='loc' type='hidden' value='en_US'/>
        <input class='SCstyle' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketik email disini...&quot;;}' onfocus='if (this.value == &quot;Ketik email disini...&quot;) {this.value = &quot;&quot;}' type='text' value='Ketik email disini...'/>

        <input alt='' class='SCsubmit' title='' type='submit' value='Kirim'/>
        </form></div>
        </td>

        <td style='border:none; margin: 40px 0px 0px 0px; padding: 40px 0px 0px 0px;'><p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px; '>Ikuti SEO Ciyus</p>


        <a href='http://feeds.feedburner.com/SEOCiyus' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='ttp:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWMV-Hz8L_nVdBmvPPz6zDcqRyejqgnkbN5G5d_xqxA3IWqP6u7hc5Q_eemvrRCe3K7LHwNMW_QmptwCE8UMJVakfCAT-RIizjfG9j9SdQ3I4SCiJFsf1vy5wBz8ZllbydrloCMhKvQLuZ/s1600/rss-feed-icon.png'/></a>

        <a href='https://twitter.com/
        SEOCiyus' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga7zK-JEloo1870ehYOWOaza5yb4ny8D5lg0Ez9Xze1WZuvhBS4asxB5pJm4poDUa233KOcqjlcXRhYr-GLrvS0nuoqbalC8o270jIYi-bYNObWlj5KHYzppRiDNlBVKKE6eIamt25tBor/s1600/twitter-icon.png'/></a>

        <a href='http://www.facebook.com/
        450856758314498' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gRB3GklQ88UTTj9Ftjw5QTU27xbEkww6vBKIfEX2nzOeSdxTxtE1UoH7cE1JHk5Dqpy9wMYho9NUJxw51vThzu-Yq8tqXv1aiytHQhsvlgMXCeAJPZ1ZP8lS1w1uNOntCEsSGSl85U16/s1600/facebook-icon.png'/></a>

        <a href='https://plus.google.com/
        103761628986843100763/posts' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKbAp1hEBEhvAuORd8LWgfszCCrlEzf1GUPLyCZpd0OEeSoNHv_scdrto281wYSH7DX5GNsJgJDF_zOqavmNTnyOccKa_tv_8A4tzW2F0ofNd-Yp2PHy_qW3ZDkGMMVOzdjOdvhcOQo5-V/s1600/google-icon.png'/></a>

        </td>
        </tr>
        </tbody></table>
        <div align='right'><span style='font-style: italic; font-size: 8px; color: solid #ffffff;'><a href='http://seociyus.blogspot.com' style='text-decoration: none;' target='_blank'><font color='#848484' decoration='none'>[Get this widget]</font></a></span></div>
        </div></div>
        </center><p/>
        </b:if>



        • Sekarang tinggal di ganti tulisan yang gw highlight, buat SEOciyus  ganti sama alamat feed blog loe, dan yang laen tinggal diganti sama ID akun loe gan. Lalu ganti kata-kata yang ada di boxnya sesuai selera loe gan.

        • Terus buat yang email subscription box cowok ganti background : url di css sama url ini https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX4l-dr3KQc8TecIXTs3Ee-t5yL2O3m2Rw2AEAXuagdT7mDbLs09mmbSGj0hZLDf9IIijcOpMpI69s8CCkPlCPi4SiQSERYl3oQLEcH5Z5yMqdF3wSrIEtNxOZRt_CWWGAMZbW_Ey35pF9/s1600/mail-icon.png gan. Kalo semua udah beres tinggal di preview lalu Save tempalte gan. Sekarang blog loe udah ada email subsription box di bawah postingannya gan.


        Sekian dulu yang bisa gw share tentang email subscription box semoga bermanfaat. Kalo ada masalah silahkan ditanyain dan jangan lupa buat ninggalin komentar gan.

          Sunday, January 6, 2013

          Cara Membuat Breadcrumbs Di Blogger

          Breadcrumbs itu apa ya? kayak nama sejenis roti. Bukan gan breadcrumbs itu adalah navigasi tambahan aja buat di situs atau di blog untuk ngasi tau ke pengunjung kalo mereka sedang berada di halaman mana dari sebuah blog tersebut.

          Apa sih keuntungan membuat breadcrumbs? Gak banyak sih gan paling cuma buat ngemudahin pengunjung biar tau lagi ada di halaman mana dan di kategori apa. Breadcrumbs ini cocok di pasang di situs atau blog yang menjual produk dan dengan banyak kategori gan. Misal contoh situs Amazon, Ebay dll.


          Lalu kalo dipasang di blog biasa bagus gak buat SEO? Banyak orang yang bilang bagus tapi menurut gw gak bagus gan. Gw jelasin sedikit kenapa gak bagus buat SEO karena breadcrumbs itu bakal ganti permalink blog loe yang ada kata kuncinya sama kategori di hasil pencarian Google.

          Jadi yang di index sama Google bukan kata kunci loe tapi kategorinya ini gak bagus buat rangking blog di hasil pencarian Google gan. Contohnya kayak gambar dibawah ini gan.


          Tapi buat loe yang tetep pengen membuat breadcrumbs di blog gw cuma saranin nambahin rel=noindex gan biar permalink blog loe tetep yang keluar di hasil pencarian Google. Oke langsung aja disimak cara buat breadcrumbs nya gan.

          Note : Inget selalu download atau backup template sebelum edit HTML buat menghindari hal-hal yang gak di inginkan.

           Cek ini gan >>> Edit Template Blogger Versi Baru


          Cara Membuat Breadcrumbs Di Blog



          • Pertama masuk ke Blogger lalu cari Template dan klik Edit HTML terus centang Expand Widget Templates gan. Lalu teken Ctrl + F di keyboard dan cari kode <b:include data='top' name='status-message'/> kalo udah ketemu tambahin kode ini <b:include data='posts' name='breadcrumb'/> di atasnya gan.
          • Lanjut cari kode ini <b:includable id='main' var='top'> gan. Kalo udah ketemu pastein kode dibawah ini di atasnya gan.

          <b:includable id='breadcrumb' var='posts'>
          <b:if cond='data:blog.homepageUrl != data:blog.url'>
          <b:if cond='data:blog.pageType == "static_page"'>
          <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
          <b:else/>
          <b:if cond='data:blog.pageType == "item"'>
          <!-- breadcrumb for the post page -->
          <b:loop values='data:posts' var='post'>
          <b:if cond='data:post.labels'>
          <div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
          <span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>
          <b:loop values='data:post.labels' var='label'>
          <b:if cond='data:label.isLast == "true"'>
          » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
          </b:if>
          </b:loop>
          » <span><data:post.title/></span>
          </div>
          <b:else/>
          <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
          </b:if>
          </b:loop>
          <b:else/>
          <b:if cond='data:blog.pageType == "archive"'>
          <!-- breadcrumb for the label archive page and search pages.. -->
          <div class='breadcrumbs'>
          <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
          </div>
          <b:else/>
          <b:if cond='data:blog.pageType == "index"'>
          <div class='breadcrumbs'>
          <b:if cond='data:blog.pageName == ""'>
          <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
          <b:else/>
          <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
          </b:if>
          </div>
          </b:if>
          </b:if>
          </b:if>
          </b:if>
          </b:if>
          </b:includable>


          • Tinggal di preview aja kalo gak ada masalah langsung di Save template gan. Coba buka blog loe pasti udah ada breadcrumbsnya gan.


            Kalo tulisanya gak cocok atau mungkin keluar dari area blog loe bisa tambahin kode css dibawah ini di atas kode ]]></b:skin> gan. Tinggal di edit aja sesuai selera loe gan.


            .breadcrumbs {
            padding:5px 5px 5px 0px;
            margin: 0px 0px 15px 0px;
            font-size:95%;
            line-height: 1.4em;
            border-bottom:3px double #e6e4e3;
            }


            Sekian dulu yang bisa gw share tentang cara membuat breadcrumbs di blog semoga bermanfaat. Kalo buat di Wordpress gampang tinggal pake plugin gan. Jangan lupa buat ninggalin komentar gan.