Tampilkan postingan dengan label blog. Tampilkan semua postingan
Tampilkan postingan dengan label blog. Tampilkan semua postingan

Senin, 14 April 2014

Kontes Blog VOA 2012

Kontes Blog VOA 2012 - Bagi kalian yang suka tulis-menulis di blog, mungkin postingan kali ini berguna bagi kalian. Kali ini ada sebuah kontes blog yang datang dari VOA(Voice of America). Kontes ini dimulai dari Desember 2011 hingga November 2012. Berikut syarat dan ketentuannya:


PERSYARATAN:
1. Kontes Ngeblog VOA ini terbuka untuk umum. Staf VOA dan kontraktor yang bekerja untuk VOA, termasuk keluarganya, tidak diperbolehkan mengikuti kontes ini.
2. Kontes Ngeblog VOA diadakan secara bulanan selama setahun, dan dimulai sejak bulan Desember 2011. Blog yang ditulis dan diterbitkan pada bulan tertentu harus sudah diterima oleh panitia melalui formulir di website di VOAIndonesia.com selambat-lambatnya tujuh hari sesudah hari terakhir bulan tersebut. Pemenang akan diumumkan enam minggu sesudah tenggat waktu. Berikut jadwal selengkapnya:



BulanTenggat WaktuPengumuman
Desember 20117 Januari18 Februari
Januari 20127 Februari20 Maret
Februari 20127 Maret18 April
Maret 20127 April19 Mei
April 20127 Mei18 Juni
Mei 20127 Juni19 Juli
Juni 20127 Juli18 Agustus
Juli 20127 Agustus18 September
Agustus 20127 September19 Oktober
September 20127 Oktober18 November
Oktober 20127 November19 Desember
November 20127 Desember18 Januari

3. Panitia berhak untuk menghentikan Kontes Ngeblog VOA bila kemudian jumlah peserta tidak memenuhi persyaratan untuk dilakukan penilaian, atau karena alasan lain yang menjadikan Kontes Ngeblog VOA ini tidak dapat dilanjutkan.
4. Blog ditulis berdasarkan laporan VOA baik dari TV. Radio, Website, Facebook dan YouTube. Blog juga harus mencantumkan secara khusus tanggal, judul dan isi dari laporan VOA yang digunakan.
5. Blog berisi analisis dan saran yang disertai dengan argumen kritis tentang topik yang diangkat, baik yang bersifat negatif maupun positif.
6. Blog dapat ditulis dalam bahasa Indonesia atau bahasa Inggris.
7. Tulisan dalam blog harus dimasukkan pada formulir isian lomba yang kami siapkan di situs www.voaindonesia.com
8. Panitia tidak membatasi jumlah blog yang berpartisipasi; peserta dipersilakan mengirim sebanyak-banyaknya. Namun, masing-masing peserta hanya memenangkan hadiah pertama sekali, hadiah kedua sekali dan hadiah ketiga sekali selama berlangsungnya Kontes Ngeblog VOA ini.
9. Hanya akan ada satu pemenang pertama, satupemenang kedua dan satu pemenang ketiga setiap bulan dan tidak ada pemenang yang berturut-turut mendapatkan hadiah selama 12 bulan pelaksanaan Kontes Ngeblog VOA ini.
9. Pemenang akan diumumkan melalui website VOA Indonesia, dalam waktu enam minggu setelah penutupan periode setiap bulan.
10. Pengiriman tulisan di blog kepada VOA berarti blogger telah mengizinkan VOA untuk memproduksi ulang dan membagikan tulisan tersebut melalui website, Facebook dan Twitter VOA
11. Tulisan pada blog dapat mencantumkan pula foto dan video yang mendukung. Blog yang menggunakan sumber tidak langsung tidak boleh melanggar hak cipta dalam bentuk apapun.

PENJURIAN:
1. Penilaian dilakukan atas penggunaan laporan/ liputan VOA dalam penulisan blog.
2. Penilaian juga didasarkan pada kreativitas, orisinalitas, kedalaman, akurasi dan ide-ide baru yang dimunculkan dalam blog.
3. Penilaian juga berdasarkan jumlah orang yang membaca blog Anda.
4. Keputusan juri bersifat final dan tidak dapat diganggu-gugat.
5. Pemenang akan diumumkan dalam waktu enam minggu setelah penutupan setiap periode lomba di situs VOA dan Facebook VOA dan diinformasikan juga kepada pemenang melalui email.

Untuk informasi selengkapnya bisa lihat di http://www.voanews.com/indonesian/news/130652368.html

Semoga Bermanfaat ^_^
ReadFull Article ..
Diposting oleh di Tidak ada komentar:
Label: , , ,

Selasa, 12 November 2013

Cara membuat kotak scroll pada kotak komentar blog


kotak scroll pada kotak komentar blog 
Cara membuat kotak scroll pada kotakkomentar blog,  Cara Membuat Kotak dengan Scroll, Cara Membuat Kotak Scroll Super SEO Di Blog , Cara Membuat Scroll Pada Kotak Komentar, Pilah Pilih : Cara Mudah dan Singkat Membuat Scroll Kotak Komentar, Cara Membuat Scroll Pada Kolom Komentar, Cara Membuat Scroll Box Di Kotak Komentar Blog, Cara membuat kolom komentar scroll blogspot, Cara Membuat Scroll Untuk Area KomentarBlog,

kali ini adalah toritorial blog yang menurut mas seem cukup diminatioleh para blogger mania.. ya itu Cara membuat kotak scroll pada kotak komentar blog, cara ini mungkini mungkin sederhana namun besar mamfaatnya trutama bagi yang komentar blognya banyak hehehe.. mamfaatnya adalah agar komentarnya gak memanjang ke bawah, kita bisa menggunakan scroll pada komentar blog kita.. nah.. brikut ini akan mas seem bahas Cara membuat kotak scrollpada kotak komentar blog.. langsung saja..

perhatikan langkah-langkah berikut sob..

  1. login ke blog sobat/www.blogger.com
  2. pilih Tempelate trus pilih Edit HTML
  3. janganlupa centang Expand widget tempelate
  4. trus cari kode <div class=comments id=comments> (seperti biasa untuk memudahkan pencarian tekan tombol F3)
  5. tambahkan code berikut  style=max-height:300px;overflow:auto;
    hingga hasilnya akan seperti ini :
     <div class=comments id=comments style=max-height:300px;overflow:auto;>
  6. simpan dan lihat hasilnya..


NB; <div class=comments id=comments> kode ini biasanya ada 2..jadi taruh di dua-duanya...

moga artikel Cara membuat kotakscroll pada kotak komentar blog yang sederhana ini mengandung mamfaat.. moga sukses and sehat selalu...

bagi temen-temen yang ingin copy pasteartikel-artikelnya mas seem.. mas seem tidak pernah melarang and kloksobat mau mencantumkan sumbernya Al-hamdulillah tapi kalou tidak juga tidak jadi masalah, asal kita tetap jadi sahabat..hehehee...
ReadFull Article ..
Diposting oleh di Tidak ada komentar:
Label: , , , , , ,

Jumat, 08 November 2013

Cara membuat Kwick Menu Navigasi di Blog


Panduan tentang blog - Hallo sobat  semua akhirnya saya bisa posting lagi mohon maaf untuk sobat Ok lah langsung saja ke topik.Mungkin untuk sekian kalinya membagi ilmu cara membuat Menu Navigasi,kali ini pun saya akan share Cara Membuat Menu Navigasi Kwicks Dengan jQuery.

Berikut Screenshotnya :

View Demo
Bagaimana tertarik untuk memasangnya di blog sobat,,?? Jika jawabannya ya silahkan ikuti langkah-langkah membuatnya di bawah ini :

Seperti biasanya masbro masuk dulu Dasboard >> Template >> Centang Expands Widget Templates

Lalu taruh kode berikut di atas ]]></b:skin>

.kwicks{height:50px;list-style:none;margin:0;padding:0;position:relative;width:840px;z-index:2
}
.kwicks li{cursor:pointer;display:block;float:left;height:50px;overflow:hidden;padding:0;width:120px;z-index:2}
.kwicks li a{background-image:url(http://4.bp.blogspot.com/-e1c5hdvd0MQ/TbgSHi-7EEI/AAAAAAAAAzs/Y9aTBHEgh84/s1600/menu%2Bjquery%2Bpelajaran%2Bblog.jpg
);background-repeat:no-repeat;cursor:pointer;display:block;height:50px;outline:none;text-indent:-9999px;z-index:2}
#kwick1 a:hover{background-position:0 -50px!important}
#kwick2 a{background-position:-190px 0}
#kwick2 a:hover{background-position:-190px -50px!important}
#kwick3 a{background-position:-380px 0}
#kwick3 a:hover{background-position:-380px -50px!important}
#kwick4 a{background-position:-570px 0}
#kwick4 a:hover{background-position:-570px -50px!important}
#kwick5 a{background-position:-760px 0}
#kwick5 a:hover{background-position:-760px -50px!important}
#kwick6 a{background-position:-950px 0}
#kwick6 a:hover{background-position:-950px -50px!important}
.kwicks li ul a{float:left;width:12em}
.kwicks ul ul{top:auto}
.kwicks li ul ul{left:12em;margin:0 0 0 10px}
.kwicks li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{display:block
}

Kemudian cari kode <head> dan taruh kode jQuery berikut tepat di atasnya

<script src=https://sites.google.com/site/cunayz182/files/jquery-1.2.3.js type=text/javascript/>
<script src=https://sites.google.com/site/cunayz182/files/jquery.easing.1.3.js type=text/javascript/>
<script src=https://sites.google.com/site/cunayz182/files/jquery.kwicks-1.5.1.js type=text/javascript/>

Selanjutnya sobat tinggal pilih mau di taruh dimana menunya misalnya di widget caranya Tambah Widget >> HTML/JavaScript and masukin deh kodenya nih ado di bawah :

<div class=kwickswrap>
<ul class=kwicks>
<li id=kwick1><a href=# title=halaman utama>Home</a></li>
<li id=kwick2><a href=# title=daftar isi.>Blog</a></li>
<li id=kwick3><a href=# title=about>About</a></li>
<li id=kwick4><a href=# title=futures>Portfolio</a></li>
<li id=kwick5><a href=# title=contact us>Contact</a></li>
<li id=kwick6><a href=http://pelajaran-blog.blogspot.com/ title=recomended links>Resource</a></li>
</ul>
</div>
</td>
<script type="text/javascript">
$().ready(function() {
$(.kwicks).kwicks({
max : 190,
duration: 800,
easing: easeOutQuint
});
});
</script>

Selanjutnya tinggal simpan,gimana guampang kan bikinnya,,?? jika ada pertanyaan jangan sungkan untuk meninggalkan jejak di kotak komentar trim atas kunjungannya ^_^
ReadFull Article ..
Diposting oleh di Tidak ada komentar:
Label: , , , , , ,

Kamis, 07 November 2013

Cara Membuat Tab Menu di Blog

Cara Membuat Tab Menu di Blog itu yang akan saya bahas sekarang, :y; Kalau ada kawan Blogger yang tidak tahu apa itu Tab Menu dan untuk apa [maaf saya bukannya menggurui kawan] dapat saya sampaikan kurang lebih adalah Kumpulan Elemen yang bisa menhemat tempat pada Blog 


Sepengetahuan saya Tab Menu scriptnya bisa disimpan pada Template dan Widget, yang saat ini akan saya bahas penyimpanan scriptnya pada Template :z;
Cara Membuatnya :
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Template
  • Copas HTML berikut diatas ]]></b:skin>
div.TabView div.Tabs {height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 73px; /* Lebar Menu Utama Atas */ 
text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */ 
padding-top:5px; vertical-align:middle; border:1px solid #95CAFF; /* Warna border Menu Atas */ 
border-bottom-width:0; text-decoration: none;font-size:12px; font-family: "Arial";/* Font Menu Utama Atas */}
div.TabView div.Tabs {background:#FFF;color:#000;border:1px solid #95CAFF;text-decoration:none;}
div.TabView div.Tabs a:hover{background:#585858;color:#FFF;border:1px solid #95CAFF;text-decoration:none;}
div.TabView div.Tabs a.Active{border:1px solid #00F; background:#95CAFF; color:#00F;font-style: normal;border:1px solid #95CAFF;text-decoration:none;/* Warna background Menu Utama Atas */ } 
div.TabView div.Pages {clear:both; border:1px solid #95CAFF; /* Warna border Kotak Utama */ overflow:hidden; background-color:#95CAFF; /* Warna background Kotak Utama */ } 
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden} 
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px} 

  • Selanjutnya Copas Script berikut dibawah ]]></b:skin>

<script type=text/javascript>
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != &quot;Tabs&quot; ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == &quot;A&quot;)
{
i++;
Tab.href = &quot;javascript:tabview_switch(&#39;&quot;+TabViewId+&quot;&#39;, &quot;+i+&quot;);&quot;;
Tab.className = (i == id) ? &quot;Active&quot; : &quot;&quot;;
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != &#39;Pages&#39;) Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == &#39;Page&#39;)
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+&quot;px&quot;;
Page.style.overflow = &quot;auto&quot;;
Page.style.display = (i == id) ? &#39;block&#39; : &#39;none&#39;;
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
</script>

  • Simpan Template kawan 
  • Selanjutnya pilih Tata Letak - Tambah Gadget - HTML/JavaScript
  • Copas Script berikut kedalamnya
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 300px;">
<a>Judul Tab 1</a>
<a>Judul Tab 2</a>
<a>Judul Tab 3</a>
<a>Judul Tab 4</a>
</div>
<div class="Pages" style="width: 300px; height: 250px;">
<div class="Page">
<div class="Pad">
Isi tab 1 - SIMPAN FILE KAWAN DISINI </div>
</div>
<div class="Page">
<div class="Pad">
Isi tab 2 - SIMPAN FILE KAWAN DISINI </div>
</div>
<div class="Page">
<div class="Pad">
Isi tab 3 - SIMPAN FILE KAWAN DISINI </div>
</div>
<div class="Page">
<div class="Pad">
Isi tab 4 - SIMPAN FILE KAWAN DISINI </div>
</div>
</div></div></form>
<script type="text/javascript">
tabview_initialize(TabView);
</script>

  • Simpan Blog kawan dan lihat hasilnya

Sedikit penjelasan saya : 
Lebar Tab adalah [width:73px;] sebanyak 4 tab ditambah border:8px [1+2+2+2+1], maka lebar keseluruhannya menjadi 300px;

»


ReadFull Article ..
Diposting oleh di Tidak ada komentar:
Label: , , , , ,

Minggu, 03 November 2013

Kode Untuk Mengatur Tampilan Content Blog

Coba MasBro perhatikan pada homepage blog Belajar CorelDRAW ini diatas judul posting ada widget yang tampil (tentang salam perkenalan dari si penulis... aku sendiri hehehe...) dan ketika MasBro meng-klik pada salah satu judul yang ada maka widget tersebut akan menghilang ketika content postingan muncul keseluruhan, untuk membuat seperti itu ada code yang harus ditambahkan

Berikut ini adalah jenis dan fungsi kode untuk mengatur tampilan content blog dari tampil lalu menghilang dan menghilang kemudian tampil yang bisa MasBro terapkan untuk mengatur tampilan widget blog anda.

1. Hanya Tampil pada Halaman Utama Blog 

<b:if cond=data:blog.url == data:blog.homepageUrl> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog hanya pada halaman utama (homepage) blog saja

2. Hanya Tampil pada Kategori Post dan Single Post

<b:if cond=data:blog.url != data:blog.homepageUrl> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog pada kategori post dan single post (salah satu postingan muncul keseluruhan).

3. Hanya Tampil pada Halaman Utama Blog dan Kategori Post

<b:if cond=data:blog.pageType != &quot;item&quot;> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog pada halaman utama (homepage) dan kategori post dan akan menghilang ketika membaca postingan secara keseluruhan.

4. Hanya Tampil pada Single Post

<b:if cond=data:blog.pageType == &quot;item&quot;> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog hanya pada single post saja atau ketika anda membaca postingan secara keseluruhan dan tidak akan muncul pada halaman utama (homepage) atau kategori post.

5. Menampilan Widget Blog Pada Postingan Tertentu Saja

<b:if cond=data:blog.url == &quot;URL_TERKAIT&quot;> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog hanya pada postingan tertentu dan tidak tampil apabila anda membaca postingan yang lain.

6. Menyembunyikan Widget Post Pada Postingan Tertentu Saja

<b:if cond=data:blog.url != &quot;URL_TERKAIT&quot;> ... </b:if>

Kode ini merupakan kebalikan dari kode no 5 dimana widget blog akan menghilang dari suatu postingan tertentu dan baru muncul pada postingan yang lain.

Demikian...
ReadFull Article ..
Diposting oleh di Tidak ada komentar:
Label: , , , , ,

Kamis, 31 Oktober 2013

Membuat Banner Blog Online

Banner atau (LINK BANNER) biasanya dibuat dengan menggunakan software atau program pengolah gambar atau grafis seperti Adobe Photosop, GIMP, Corel Draw, dan lainnya yang memerlukan sedikit penguasaan akan program tersebut. Bagi yang kesulitan, mungkin dapat mencoba alternative lain dengan COOLTEXT. Dengan program tersebut, kita dapat membuat link banner secara online dan dapat memodifikasi atau mengkustomasi dengan mudah.


Dengan COOLTEXT, Anda dapat memilih logo style dan buton design kemudian kita dapat mengkustomasi tekt (tulisan), jenis font, ukuran dan warna banner, dan masih banyak yang dapat Anda modifikasi sendiri sesuai dengan keinginan dan selera Anda dengan mudah dan cepat.

Langkah-langkahnya dapat diikuti seperti di bawah ini.
1. Anda buka situs http://cooltext.com/
2. Setelah masuk halaman situs, Anda dapat memilih logo style atau buton design yang Anda suka, seperti di bawah ini.
3. Pilih salah satu logo style atau buton design untuk kemudian Anda kustomasi sendiri.
4. Anda dapat memodifikasi text (tulisan), jenis, warna, dan ukuran font, background color, effect, background image, dan lainnya tergantung dari style yang Anda pilih.
5. Jika dirasa sudah cocok, kemudian klik RENDER LOGO.Jika masih belum cocok, Anda dapat melakukan kustomasi ulang dengan menekan Edit This Logo.
7. Anda dapat menyimpan design logo dengan mengklik Save Logo Design namun harus melakukan registrasi dahulu.
8. Jika ingin langsung menyimpan di computer, Anda bisa langsung mendowloadnya dengan mengklik DOWNLOAD IMAGE.
9. Anda dapat menyimpannya dengan format GIF, PNG, JPG.
ReadFull Article ..
Diposting oleh di Tidak ada komentar:
Label: , , ,

Jumat, 25 Oktober 2013

Cara Memasang Permalink di Blog

Cara Memasang Permalink di Blog - Dalam postingan ini saya akan membahas tentang Cara Memasang Permalink di Blog. Kotak Permalink ini biasa muncul pada postingan blog, tepatnya di bagian bawah artikel/post blog. Manfaat memasang Kotak Permalink pada blog, selain untuk mempermudah pengunjung mengetahui halaman yang sedang ia baca, tapi juga bisa untuk meningkatkan SEO pada blog.





Cara Memasang Permalink di Blog : 

1. Silahkan Masuk ke Akun Blogger Anda, melalui www.blogger.com.
2. Pada Dashboard Blog, Klik Template.
3. Klik Edit HTML.
4. Jangan lupa klik "Expand Template Widget".
5. Cari kode <data:post.body/> (Klik Ctrl+f untuk mempermudah pencarian kode).
6. Letakkan kode berikut di bawah kode <data:post.body/> (Copy > Paste).

<b:if cond=data:blog.pageType == &quot;item&quot;>
<div style=line-height:1.4em;padding: 1px; margin: 2px;background-color: #ffffff;font-size: 11px;text-align: justify>
<span>Terima kasih telah membaca Artikel <strong><u><a expr:href=data:post.url><data:blog.pageName/></a></u></strong> . Jika Anda ingin Copy Paste Artikel  ini, Harap cantumkan Link <strong><u><a expr:href=data:post.url><data:blog.pageName/></a></u></strong> sebagai sumbernya.</span><br/>
<textarea cols=60 id=bloglinking name=bloglinking onclick=this.focus();this.select() onfocus=this.select() onmouseover=this.focus() readonly=readonly rows=2 style=margin-top:3px;width:auto;>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea>
</div>
</b:if>

7. Klik Simpan Template.
ReadFull Article ..
Diposting oleh di Tidak ada komentar:
Label: , , , ,
Langganan: Postingan (Atom)