widget

Tuesday, January 14, 2014

Buat Home Page Posting Blog Menjadi 2 Kolom Agar Terlihat Lebih Rapi Dan Menarik

Buat Home Page Posting Blog Menjadi 2 Kolom Agar Terlihat Lebih Rapi Dan Menarik

Bicara soal desain kalo tidak dibarengi dengan Manfaat rasanya kurang klik! Untuk manfaatnya sendiri untuk tema kali ini adalah jelas memudahkan Anda untuk lebih memaksimalkan postingan yang tersedia dengan meletakkannya di Home Page Blog Anda, dengan begitu sekiranya pengunjung Anda tahu seberapa banyak jumlah Artikel yang tersedia bermanfaat dan mereka butuhkan. Ok untuk tahapannya sangatlah mudah gak pake ribet dan bikin ngantuk. Untuk Anda yang ingin menerapkannya di Blog lihat dibawah ini.

1. Seperti biasa masuk Blogger.com
2. Pilih icon "Go to post list" atau "Buka daftar entri"
3. Pilih Template ->> Backup/ cadangkan template Anda
4. Edit HTML ->> Proceed/ Proses ->> centang "Expand Widget Templates"
5. Tekan Ctrl+F untuk mencari cepat kode  ]]></b:skin>, kalo sudah ketemu letakkan kode dibawah ini tepat dibawah kode tersebut.

         <b:if cond='data:blog.pageType != &quot;item&quot;'>
         <style>
         .post {
          width:285px;
          height:400px;
          margin-right:5px;
          overflow:hidden;
          float:right; background:#F2F2F2
          border:3px double #808080;
          }
          </style>
         </b:if>

6. Kemudian cari kode css .post {, fokus pada kode yang seperti itu jangan yang lain. Kode postingan pasti selalu seperti kode tersebut gak akan lari jauh so.. asal mirip-mirip itu lah kode css postingan blog Anda. Ingin tau kode css postingan blog ini lihat kurang lebihnya seperti dibawah.

         .post { margin:.2em 0 0.2em;
          border-bottom:1px solid $bordercolor;
          padding-bottom:0.2em; }

7. Kalo udah perhatikan kode margin postingan Anda seperti margin:.2cm 0 0.2cm, nah untuk margin pastinya setiap posting template Anda dan orang lain berbeda-beda, tidak usah hiraukan itu tapi perhatikan kode auto dan fokus pada margin Anda. Sisipkan kode auto itu diantara kode margin postingan blog Anda, hasilnya akan terlihat seperti seperti dibawah ini

         .post { margin:.2cm auto 0 0.2cm;
          border-bottom:1px solid $bordercolor;
          padding-bottom:0.2em; }

8. Biar lebih abdol preview dulu dah.. jika sukses baru simpan. Jika gagal Clear Edit lalu tanyakan melalui kotak komentar dibawah ini. Ok sekian dan terimakasih Salam.

Cara Membuat Kolom Postingan Blog Menjadi Dua Kolom

Cara Membuat Kolom Postingan Blog Menjadi Dua Kolom di Homepage- Kolom postingan blog di homepage biasanya hanya 1 kolom. Tetapi kolom tersebut dapat kita tambah agar menjadi 2 kolom. Dengan membuat kolom postingan blog menjadi dua kolom di homepage, kita dapat menampilkan lebih banyak posting tanpa menyita halaman homepage. Cara membuat kolom postingan blog menjadi 2 kolom di homepage tidaklah sulit, contoh hasilnya seperti berikut.















Untuk membuat kolom postingan blog menjadi 2 kolom di homepage kalian dapat mengikuti langkah-langkah berikut ini.
Cara Membuat Kolom Postingan Blog Menjadi 2 Kolom di Homepage:
1. Login ke Blogger.com
2. Pilih template kemudian edit HTML
3. Cari kode ]]></b:skin>  gunakan CTRL+F untuk mempermudah pencarian
4. Copy dan paste kode di bawah ini dan letakkan di bawah kode ]]></b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#main-wrapper {width:620px;padding-left:5px;padding-right:5px;border-right:1px solid #ddd;} 
h2.date-header, .jump-link, .feed-links, .post-footer {display:none;}
#blog-pager {width:98%; clear:both;}
.post {margin:.01em 10px 10px 0;background:none;width:250px;height:200px;float:left; border-bottom:3px double #ddd; positon:relative;overflow:hidden;}
.post-body {margin:0.2em 0 .75em;line-height:1.4em;font-size:13px;color:#111;overflow:hidden;}
.post h3 {height:32px;font-size:15px;font-weight:bold;line-height:1.3em;color:#102D57;text-transform:none;font-family:Arial;}
.post h3 a, .post h3 a:visited, .post h3 strong {font-weight:bold;color:#102D57;}
.post h3 strong, .post h3 a:hover {color:#000;text-decoration:underline;}
</b:if>
</style>


5. Sesuaikan tinggi dan lebarnya, kemudian simpan

Sekarang kolom postingan blog kalian sudah menjadi dua kolomm di homepage. Semoga artikel kali ini bermanfaat.-Cara Membuat Kolom Postingan Blog Menjadi Dua Kolom di Homepage

Friday, December 13, 2013

Cara Membuat Psting Blog Menjadi 2 Kolom


Contoh Pstingan Blog 2 Kolom
Cara Membuat Psting Blog Menjadi 2 (Dua) Kolom - sahabat blogger, sudah sekian lama bang dadan tidak posting artikel tentang tutorial blogger, nah kali ini bang dadan akan coba membuat artikel tentang Cara Membuat Psting Blog Menjadi 2 Kolom, Postingan ini mungkin sudah banyak yang membuat terutama para master blogger, namun tidak ada salahnya juga bila bang dadan coba membuatnya kembali, karena ada sebagian sahabat blogger juga yang menanyakan hal tersebut, maka dari itu pada postingan kali ini akan coba bang dadan bahas. simak baik - baik ya??
Cara Membuat Psting Blog Menjadi 2 Kolom
  • Buka Akun Blogger Anda.
  • Masuk ke Dashboard.
  • Pilih Menu Template ~> Edit HTML
  • Cari Kode ]]></b:skin>
  • Copy dan Paste kode dibawah ini dibawah kode ]]></b:skin>
Berikut kodenya :
&lt;style type=&#039;text/css&#039;&gt;
&lt;b:if cond=&#039;data:blog.pageType != &amp;quot;item&amp;quot;&#039;&gt;
#main-wrapper {width:620px;padding-left:5px;padding-right:5px;border-right:1px solid #ddd;}
h2.date-header, .jump-link, .feed-links, .post-footer {display:none;}
#blog-pager {width:98%; clear:both;}
.post {margin:.01em 10px 10px 0;background:none;width:250px;height:200px;float:left; border-bottom:3px double #ddd; positon:relative;overflow:hidden;}
.post-body {margin:0.2em 0 .75em;line-height:1.4em;font-size:13px;color:#111;overflow:hidden;}
.post h3 {height:32px;font-size:15px;font-weight:bold;line-height:1.3em;color:#102D57;text-transform:none;font-family:Arial;}
.post h3 a, .post h3 a:visited, .post h3 strong {font-weight:bold;color:#102D57;}
.post h3 strong, .post h3 a:hover {color:#000;text-decoration:underline;}
&lt;/b:if&gt;
&lt;/style&gt;

Silahkan sobat Klik Preview untuk melihat tampilan sementara dan apabila kelihatan sudah sempurna silahkan sobat klik Simpan Template.
Catatan:
  • Kode yang Berwarna Biru adalah untuk mengatur Tinggi dari postingan.
  • Kode yang Berwarna Merah adalah untuk mengatur Lebar dari postingan.
Mungkin sekian dulu postingan kali ini tentang Cara Membuat Psting Blog Menjadi 2 Kolom, dan apabila sobat berminat untuk memposting artikel power point di blog, silahkan klik disini. semoga artikel ini bermanfaat buat anda semua.. Salam blogger.

Tuesday, December 3, 2013

Gadget terbaru Blogger Popular Post dan Blog's status

Pas otak-atik templateeh nemu gadget baru yaitu Popular Post sama Blog's status

Walau udah banyak gadget seperti itu dari luar mulai dari main2 yahoo pipes, java scripts, feed burner ato apa kek, kadang jika dipasang akan kerasa lebih berat.. so ada gadget baru sepertinya sangat menarik perhatian tentunya :D

Hehehe.. cuma mau ngasih tau itu :D

cara masang gadged paling udah pada tau caranya..

Keep blogging kawan2.. hehehehehe :)
salam blogger :D

Beberapa Font Gratis Untuk Design

Beberapa Font Gratis Untuk Design


Dan berikut beberapa font gratis untuk design yang bisa Anda download langsung penyedia font tersebut. Saya juga telah membuatkan gambar dari tampilan font tersebut sesuai dengan jenis font seperti pada gambar di bawah ini, dan untuk mendownloadnya, silahkan klik pada gambar

Font Gratis Untuk Design - Eunomia Font Gratis Untuk Design - Abraham Lincoln Font Gratis Untuk Design - Gangnam

Font Gratis Untuk Design - Higher Font Gratis Untuk Design - Kankin Font Gratis Untuk Design - Kelson

Font Gratis Untuk Design - Passau Font Gratis Untuk Design - Pigopago Font Gratis Untuk Design - Pilaca

Font Gratis Untuk Design - Prime Font Gratis Untuk Design - Promesh Font Gratis Untuk Design - Scifly

Font Gratis Untuk Design - Voyager Grosteque Font Gratis Untuk Design Font Gratis Untuk Design

Jika font tidak bisa di download atau web penyedia font tersebut sudah tutup (barangkali), dan Anda masih menginginkan font tersebut diatas, silahkan tinggalkan komentar dan saya akan memperbaharui link donwloadnya untuk artikel ini, Beberapa Font Gratis Untuk Design

Auto Iklan Muncul Di Blog

Auto Iklan Muncul Di Blog


Seperti apa tampilan auto iklan yang muncul di blog ini? Berikut tampilan gambarnya

Auto Iklan Muncul Di Blog

Auto iklan yang tampil di blog ini terdapat pada beberapa bagian yaitu diatas judul blog, ditengah artikel blog, dan dibawah seperti yang terlihat pada tampilan gambar diatas

Bagaimana cara auto iklan itu muncul di blog?
Setelah menelusuri riwayat browsing, saya jadi tahu ternyata iklan tersebut berasal dari sebuah blog miliknya bule yang menggunakan wp self hosting yang terpasang iklan yang sama dengan tampilan iklan yang muncul di blog ini. Dan saya berpikir kalau blog tersebut telah terpasang sebuah plugin yang mana jika kita melakukan klik di area tertentu didalam blog tersebut maka otomatis akan ada script atau program yang akan tertanam didalam laptop atau komputer

Awalnya saya menyangka kalau ada sebuah aplikasi atau plugin browser yang otomatis terinstal didalam laptop namun setelah saya selidiki dengan pancarian file ternyata tidak ditemukan apilkasi apapun. Dan pencarian penyebab auto iklan muncul di blog akhir saya temukan yaitu sebuah plugin, seperti yang terlihat pada gambar berikut ini

Sebuah plugin browser yang tiba-tiba sudah berada di menu ekstensi chrome. Tidak hanya itu, ekstensi ini juga langsung tertanam di firefox. Ya, ekstensi yang memiliki nama BetterSrf telah mempengaruhi tampilan blog saya dengan iklan-iklan yang jika saya tidak menghapusnya akan mengntungkan pihak BetterSrf atau pemilik blog bule tersebut

Auto Iklan Muncul Di Blog

Kesimpulan:
Berhati-hatilah saat melakukan browsing di beberapa blog, jika blog tersebut menampilkan iklan jangan coba-coba untuk mengklik iklan tersebut atau jika masih ingin mengklik iklan tersebut, gunakan klik kanan dan tampilkan dalam tab baru

Pertanyaannya:
Apakah nama plugin yang terpasang dalam blog yang menggunakan wordpress tersebut? Jika ada tolong di share di kolom komentar ya..
Atau memang script itu berasal dari penyedia iklan tersebut? yaitu BetterSrf?

Semoga dengan adanya artikel ini bisa memberikan perubahan terhadap penyedia iklan atau pembuat plugin karena dengan adanya auto iklan yang muncul di blog hanya menguntungkan sebelah pihak dan saya yakin hasil yang didapat dengan cara curang tersebut tidak akan bermanfaat. Terimakasih
Jika ada yang mau ditanyakan, silahkan tinggalkan komentar untuk artikel ini, Auto Iklan Muncul Di Blog

Cara Membuat Efek Teks Tulisan Berjalan

Cara Membuat Efek Teks Tulisan Berjalan (Marquee) di Blog
Cara Membuat Efek Teks Tulisan Berjalan (Marquee) di Blog - Artikel ini merupakan panduan dasar dalam memberikan pernak-pernik untuk sebuah blog. Teks tulisan berjalan termasuk beberapa pernak pernik yang sering digunakan untuk memberikan tampilan beda untuk sebuah teks atau tulisan bahkan artikel pun bisa dibuat berjalan. Teks tulisan berjalan di blog biasanya disebut dengan Marquee. Jika diartikan dengan fungsinya, marquee tidak memiliki keterkaitan karena arti dari marquee sendiri adalah Tenda Besar dan bukan teks tulisan berjalan. Mungkin marquee merupakan bahasa pemograman yang memiliki arti teks tulisan berjalan, tapi entahlah yang penting yang saya tahu marquee memiliki fungsi agar teks tulisan didalam blog memiliki efek bergerak atau berjalan.
Efek Teks Tulisan Berjalan (Marquee) di Blog

Teks tulisan berjalan atau marquee biasanya ditempatkan dibagian atas atau bawah blog dan sedikit sekali yang memasangnya dibagian sidebar atau bagian kanan kiri blog. Membuat tulisan teks berjalan dengan fungsi marquee ini memiliki beberapa efek kriteria atau karakteristik dalam tampilannya. Seperti efek berjalan secara umum, berjalan dengan efek berkedip, dan berjalan dengan efek berhenti jika disorot dengan kursor. Beberapa efek tersebut bisa anda lihat seperti Demo berikut ini

Tek Tulisan Berjalan Dari Kanan Ke Kiri
Tek Tulisan Berjalan Dari Kiri Ke Kanan
Tek Tulisan Berjalan Dari Kiri Ke Kanan Berkedip

Lalu bagiamana cara membuat tek tulisan berjalan di blog dengan beberapa efek selain seperti pada Demo yang saya pasang diatas? Untuk membuat efek marquee pada tulisan teks di blog, silahkan pilih beberapa efek teks tulisan berjalan berikut ini


Kode :
<marquee direction="left" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Kanan Ke Kiri</marquee>Kode HTML


Kode :
<marquee direction="right" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Kiri Ke Kanan</marquee>Kode HTML


Kode :
<marquee direction="right" scrollamount="2" align="center"><blink>Teks Tulisan Berjalan Dari Kiri Ke Kanan Berkedip</blink></marquee>Kode HTML


Kode :
<marquee direction="left" scrollamount="2" align="center" behavior="alternate">Teks Tulisan Berjalan Bolak Balik Dari Kiri Ke Kanan</marquee>Kode HTML


Kode :
<marquee direction="right" scrollamount="2" align="center" behavior="alternate">Teks Tulisan Berjalan Bolak Balik Dari Kanan Ke Kiri</marquee>Kode HTML


Kode :
<marquee direction="down" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Atas Ke Bawah</marquee>Kode HTML


Kode :
<marquee direction="up" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Bawah Ke Atas</marquee>Kode HTML


Kode :
<marquee direction="up" scrollamount="2" align="center" behavior="alternate">Teks Tulisan Berjalan Bolak Balik Dari Atas Ke Bawah</marquee>Kode HTML


Kode :
<marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate">Teks Tulisan Berjalan Zig Zag</marquee></marquee>Kode HTML


Kode :
<marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right">Teks Tulisan Berjalan Zig Zag</marquee></marquee>Kode HTML


Kode :
<marquee onmouseover="this.stop()" onmouseout="this.start() " scrollamount="2" direction="up" width="100%" height="100" align="center">Teks Tulisan Berjalan Berhenti Jika Disorot oleh Kursor Mouse</marquee>Kode HTML


Kode :
<marquee onmouseover="this.stop()" onmouseout="this.start() " scrollamount="2" direction="right" width="100%" height="100" align="center"><a href="/">Teks Tulisan Berjalan Dengan Link Url</a></marquee>Kode HTML

Keterangan :
Direction : Mengatur arah gerakan teks (left, right, up dan down)
Scrollmount : Mengatur kecepatan gerakan. semakin tinggin nilainya semakin cepat
Align : Mengatur posisi teks (left, right, center, justify)
Behavior : Mengatur gerakan teks (scroll, slide, alternate)

Setelah anda memilih atau membuat efek tek tulisan sendiri, untuk memasangnya didalam blog, silahkan salin saya kode-kode yang telah saya tulisa diatas.
Anda bisa memasang efek teks tulisan berjalan tersebut dimanapun yang anda inginkan termasuk didalam postingan atau didalam artikel blog anda. Suka-suka andalah mau dipasang dimana, okey? Jika ada pertanyaan, mari kita diskusikan bersama dengan meninggalkan komentar untuk artikel ini Cara Membuat Teks Tulisan Berjalan (Marquee) di Blog
Powered by Blogger.