Jurnalistik Theme

Home > All posts

Monday, January 26, 2015TMonday, January 26, 2015

Membuat Sidebar & Widget Blog Statis, Melayang, atau Fixed

<p><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYg416GizmcIVK_9VjuYBfMtXSw7hjlDujdlQkJamsMWa0TrmWyCPXvZBVt_yaMCFSsWNQsHg2UvjyU290hyphenhypheni2h7DR-ZzK1ErxwkyZq7ErrXqVs_keV5jAJmH4CLTo4QOO7m-HGFd18P0/s1600/Sticky+Sidebar+Widget.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Sidebar & Widget Blog Statis, Melayang, atau Fixed" border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYg416GizmcIVK_9VjuYBfMtXSw7hjlDujdlQkJamsMWa0TrmWyCPXvZBVt_yaMCFSsWNQsHg2UvjyU290hyphenhypheni2h7DR-ZzK1ErxwkyZq7ErrXqVs_keV5jAJmH4CLTo4QOO7m-HGFd18P0/s1600/Sticky+Sidebar+Widget.JPG" title="Sidebar & Widget Blog Statis, Melayang, atau Fixed" width="200" /></a></div>
<b>CARA</b> membuat Sidebar & Widget Blog statis (static), melayang (floating), atau fixed alias tetap muncul saat halaman discroll seperti di blog ini sangat mudah.<br />
<br />
Tinggal memasukkan kode tertentu ke dalam template.<br />
<br />
Keuntungan membuat Sidebar & Widget Blog Statis, Melayang, atau Fixed ini adalah yang kita sajikan di sidebar tetap terlihat oleh user saat mereka membaca sebuah posting.<br />
<br />
Kelemahannya, sidebar jadi tidak muncul di mobile version.<br />
<br />
<b>Cara Membuat Sidebar & Widget Statis</b><br />
1. Template > Edit HTML<br />
2. Copy & Paste "Sticky Sidebar & Widget Blogger Codes" berikut ini di atas kode </body> (ada di bagian bawah template)<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<span style="color: red;"><script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script> </span><i>// Hapus Kode ini jika sudah ada kode seperti ini di template Anda.</i><br />
    <script type="text/javascript"><br />
        $(function() {<br />
            var offset = $("<b>#sidebar-wrapper</b>").offset();<br />
            var topPadding = 15;<br />
            $(window).scroll(function() {<br />
                if ($(window).scrollTop() > offset.top) {<br />
                    $("<b>#sidebar-wrapper</b>").stop().animate({<br />
                        marginTop: $(window).scrollTop() - offset.top + topPadding<br />
                    });<br />
                } else {<br />
                    $("<b>#sidebar-wrapper</b>").stop().animate({<br />
                        marginTop: 0<br />
                    });<br />
                };<br />
            });<br />
        });<br />
    </script></div>
<br />
<b><i>Catatan</i></b><br />
Template blog ini, elemen sidebarnya bernama <b>#sidebar-wrapper</b>, maka yang dimasukkan ke elemen kode di atas adalah <b>#sidebar-wrapper. </b><br />
<b><br /></b>
Jika nama elemen sidebar template blog Anda yang lain, misalnya <span style="color: red;">.column-right-inner</span>, maka itulah yang dimasukkan.<br />
<br />
Cara mengeceknya:<br />
1. Template > Edit HTML<br />
2. Tekan Ctrl+F, ketik kata <b>sidebar</b>, dan tekan Enter!<br />
<br />
<blockquote class="tr_bq">
Kode di atas juga berlaku untuk <b>Menu Navigasi </b>atau<b> Top Header Bar</b> jika ingin tetap muncul saat halaman di-scrooll ke bawah</blockquote>
<br />
<b>MEMBUAT STATIS WIDGET TERTENTU</b><br />
Jika ingin membuat yang statisnya Widget tertentu saja, misalnya widget Popular Posts, maka langkahnya sama dengan di atas:<br />
<br />
1. Template > Edit HTML<br />
2. Copas kode berikut ini di atas kode <b></body></b><br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;">
<span style="color: red;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2' type='text/javascript'/> </span><i>// Hapus Kode ini jika sudah ada kode seperti ini di template Anda.</i><br />
<script src='http://resources.infolinks.com/js/infolinks_main.js' type='text/javascript'/><br />
    <script type='text/javascript'><br />
        $(function() {<br />
            var offset = $(&quot;#<b><span style="color: red;">HTML7</span></b>&quot;).offset();<br />
            var topPadding = 35;<br />
            $(window).scroll(function() {<br />
                if ($(window).scrollTop() &gt; offset.top) {<br />
                    $(&quot;#<b><span style="color: red;">HTML7</span></b>&quot;).stop().animate({<br />
                        marginTop: $(window).scrollTop() - offset.top + topPadding<br />
                    });<br />
                } else {<br />
                    $(&quot;#<b><span style="color: red;">HTML7</span></b>&quot;).stop().animate({<br />
                        marginTop: 0<br />
                    });<br />
                };<br />
            });<br />
        });<br />
    </script></div>
<b></b><br />
<b><br /></b>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</div>
<div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;">
*** Ganti kode <b><span style="color: red;">HTML7</span></b> dengan kode HTML Widget kepunyaan Anda!</div>
<br />
<b>CARA LAINNYA:</b><br />
1. Copas kode berikut ini di atas<b> ]]</b:skin></b><br />
<b><br /></b>
<b></b><br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
.sticky {<br />
position:fixed;<br />
top:10px;<br />
<div>
z-index: 100;<br />
}</div>
</div>
<b>
</b><br />
<b><br /></b>
<div>
2. Copas kode berikut ini di atas kode <b></body></b></div>
<div>
<br />
<div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;">
<script type='text/javascript'><br />
$(document).ready(function() {<br />
var stickyWidgetTop = $('#<b>HTML1</b>').offset().top;<br />
var stickyWidget = function(){<br />
var scrollTop = $(window).scrollTop();<br />
if (scrollTop > stickyWidgetTop) {<br />
$('#<b>HTML1</b>').addClass('sticky');<br />
} else {<br />
$('#<b>HTML1</b>').removeClass('sticky');<br />
}<br />
};<br />
stickyWidget();<br />
$(window).scroll(function() {<br />
stickyWidget();<br />
});<br />
});<br />
</script></div>
<b></b><br />
<br /></div>
<div>
<i><a href="http://www.techweb24.com/2014/05/how-to-make-blogger-sidebar-sticky-or.html" rel="nofollow" target="_blank">Sumber</a></i></div>
</p>

CARA membuat Sidebar & Widget Blog statis (static), melayang (floating), atau fixed alias tetap muncul saat halaman discroll seperti ...

TMonday, January 26, 2015

Tamparan Dosen untuk Mahasiswa

<p><div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-0Cl9OzvHEqQ/VMEBHxIGCqI/AAAAAAAAJew/Tr4gBi3JrqA/s1600/time-to-change.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Tamparan Dosen untuk Mahasiswa" border="0" src="http://1.bp.blogspot.com/-0Cl9OzvHEqQ/VMEBHxIGCqI/AAAAAAAAJew/Tr4gBi3JrqA/s1600/time-to-change.jpg" title="Tamparan Dosen untuk Mahasiswa" /></a></div>
Tamparan Dosen untuk Mahasiswa: jangan alay, gunakan email dengan nama asli dan menulis email yang benar. Kuasai bahasa asing (Inggris). Jangan suka nyontek, buat tugas sendiri! Jangan pula copy paste apalagi tanpa menyebutkan sumber.<br />
<br />
Selengkapnya:<br />
<br />
1. Kamu ingin dapat beasiswa S2 ke luar negeri nanti? Pastikan IP di atas 3 dan TOEFL di atas 500! Merasa tidak pinter? BELAJAR!<br />
<br />
2. Empat atau lima tahun lagi kamu bisa sekolah S2 di luar negeri dengan beasiswa. Itu kalau kamu tidak cuma twitteran saja sampai lulus nanti.<br />
<br />
3. Kamu tidak akan bisa S2 di luar negeri karena akan ditolak profesor kalau nulis email formal saja tidak bisa. Alay itu tidak keren, tidak usah bangga!<br />
<br />
<blockquote class="tr_bq">
4. Tidak usah tanya tips cara menghubungi professor di luar negeri kalau kirim email ke dosen sendiri saja kamu belum bisa. Hey, ganti dulu akun niennna_catique@gmail.com itu!</blockquote>
<br />
5. Tidak usah ikut meledek Vicky, kamu saja tidak tahu kapan harus pakai tanda tanya, tanda seru, tanda titik, spasi, huruf besar, huruf kecil di email kok!<br />
<br />
6. Mana bisa diterima di perusahaan multinasional biarpun IP tinggi kalau nulis email saja lupa salam pembuka dan penutup<br />
<br />
7. Sok mengkritik kebijakan UN segala, dari cara menulis email saja kelihatannya kamu tidak lulus Bahasa Indonesia kok. Tidak usah gaya!<br />
<br />
8. Bayangkan kalau kamu harus menulis email ke pimpinan sebuah perusahaan besar. Apa gaya bahasa email kamu yang sekarang itu sudah sesuai? Jangan-jangan bosnya tertawa!<br />
<br />
9. Apapun bidang ilmu kamu, akhirnya kamu akan berhubungan dg MANUSIA yang beda umur dan latar belakangnya. Belajar komunikasi yang baik. Jangan bangga jadi alay!<br />
<br />
10. Bangga bisa software dan gunakan alat-alat canggih? Suatu saat kamu harus yakinkan MANUSIA akan skill itu. Belajar komunikasi dengan bahasa manusia biasa!<br />
<br />
11. Kamu orang teknik dan hanya peduli skil teknis? Kamu salah besar! Nanti kamu akan jual skil itu pada MANUSIA, bukan pada mesin!<br />
<br />
12. Kamu kira orang teknik hanya ngobrol sama mesin dan alat? Kamu harus yakinkan pengambil kebijakan suatu saat nanti dan mereka itu manusia. Belajar ngomong sama manusia!<br />
<br />
13. Malas basa-basi sama orang yang tidak dikenal? Enam tahun lagi kamu diutus kantor untuk presentasi sama klien yang tidak kamu kenal. Belajar!<br />
<br />
14. Malas belajar bikin presentasi? Lima thn lagi bos kamu datang dengan segepok bahan, “saya tunggu file presentasinya besok!”<br />
<br />
<blockquote class="tr_bq">
15. Kamu orang sosial dan malas belajar hal-hal kecil di komputer? Lima tahun lagi bos kamu datang bertanya “cara membesarkan huruf di Ms Word dengan shortcut gimana ya?’ Mau nyengir?</blockquote>
<br />
16. Mahasiswa senior, jangan bangga bisa membully Mahasiswa baru, tujuh tahun lagi kamu diinterview sama dia saat pindah kerja ke perusahaan yang lebih bagus<br />
<br />
17. Mahasiswa senior, keren rasanya ditakuti Mahasiswa baru? JANGAN! Urusan kalian nanti bersaing sama orang-orang ASEAN dan Dunia. Bisa bikin mereka takut tidak?<br />
<br />
18. Bangga bisa demo untuk mengundurkan jadwal ujian karena kamu tidak siap? Kamu itu mahasiswa negara ekonomi terbesar di Asia Tenggara, masa’ urusannya cetek-cetek begitu sih?!<br />
<br />
19. Tidak usah lah sok hebat demo nyuruh SBY berani sama Amerika kalau kamu diskusi sama mahasiswa Singapura saja tergagap-gagap<br />
<br />
20. Tidak perlu lah teriak-teriak “jangan tergantung pada barat” jika kamu belum bisa tidur kalau tidak ada BB dekat bantal<br />
<br />
21. Tentara kita tidak takut sama tentara Malaysia kalau kamu bisa kalahkan mahasiswa Malaysia debat ilmiah dlm forum di Amerika!<br />
<br />
22. Tidak perlu beretorika menentang korupsi kalau kamu masih nitip absen sama teman saat demo antikorupsi!<br />
<br />
23. Boleh kampanye “jangan tergantung pada barat” tapi jangan kampanye di Twitter, Facebook, BBM, Path dan Email! Memangnya itu buatan Madiun?!<br />
<br />
24. Kalau file laporan praktikum masih ngopi dari kakak kelas dan hanya ganti tanggal, tidak usah teriak anti korupsi ya Boss!<br />
<br />
25. Minder karena merasa dari kampung, tidak kaya, tidak gaul? Lima tahun lagi kamu bisa S2 di negara maju karena IP, TOEFL dan kemampuan kepemimpinan. Bukan karena kaya dan gaul!<br />
<br />
<blockquote class="tr_bq">
26. Pejabat kadang membuat kebijakan tanpa riset serius. Sama seperti mahasiswa yang membuat tugas dalam semalam hanya modal Wikipedia</blockquote>
<br />
27. DPR kadang studi banding untuk jalan-jalan doang. Sama seperti mahasiswa yang tidak serius saat kunjungan ke industri lalu nyontek laporan sama temannya<br />
<br />
28. Pejabat kadang menggelapkan uang rakyat. Sama seperti mahasiswa yang melihat bahan di internet lalu disalin di papernya tanpa menyebutkan sumbernya.<br />
<br />
<blockquote class="tr_bq">
29. Alah, pakai mengkritik kebijakan pemerintah segala, bikin paper saja ngopi file dari senior dan ubah judul, pendahuluan sama font-nya</blockquote>
<br />
30. Gimana mau membela kedaulatan bangsa kalau waktu menerima kunjungan mahasiswa asing saja kamu tidak bisa ngomong saat diskusi. Mau pakai bambu runcing?<br />
<br />
31. Kalau kamu berteriak “jangan mau ditindas oleh asing”, coba buktikan. Ikuti forum ASEAN atau Dunia dan buktikan di situ kamu bisa bersuara dan didengar!<br />
<br />
<i><a href="http://anakunsri.com/inilah-tamparan-dari-dosen-untuk-mahasiswa/" rel="nofollow" target="_blank">Sumber</a></i></p>

Tamparan Dosen untuk Mahasiswa: jangan alay, gunakan email dengan nama asli dan menulis email yang benar. Kuasai bahasa asing (Inggris). J...

Sunday, January 25, 2015TSunday, January 25, 2015

Cara Pasang Latest Posts Gambar Thumbnail Horizontal

<p><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3MtpHZ4gOano_AMch71zSUaTpV_A4VDOnnE9Vk7PbB7wd9_qxxlL1rZffhj5apuJitBMR7HFh6UKAwp_Bzh7r1tGxT73hJoIGxgtJw7GaoQrsWy_Xnv63tf8zVjVLCaOX6S0fhZH-noc/s1600/Latest+Posts+Gambar+Horizontal+Blog.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="posting terbaru gambar " border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3MtpHZ4gOano_AMch71zSUaTpV_A4VDOnnE9Vk7PbB7wd9_qxxlL1rZffhj5apuJitBMR7HFh6UKAwp_Bzh7r1tGxT73hJoIGxgtJw7GaoQrsWy_Xnv63tf8zVjVLCaOX6S0fhZH-noc/s1600/Latest+Posts+Gambar+Horizontal+Blog.JPG" title="latest post horizontal" width="400" /></a></div>
KODE untuk memasang atau menampilkan Latest Post (Tulisan Terbaru) berupa gambar (image thumbnail) horizontal, seperti di halaman depan (home) blog ini dan di atas judul posting, adalah sebagai berikut:<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<center><div id='bp_recent'></div><script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script> <script style='text/javascript'> var numberOfPosts = <span style="color: red;"><b>4</b></span>; var showPostDate = false; var showSummary = false; var titleLength = 0; var showCommentCount = false; var showThumbs = true; var showNoImage = true; var imgDim = <span style="color: red;"><b>125</b></span>; var imgFloat = 'left'; var myMargin = 5; var mediaThumbsOnly = true; var showReadMore = false; </script> <script src='<span style="color: red;"><b>http://jurnalistiktheme.blogspot.com</b></span>/feeds/posts/default?max-results=4&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'> </script></center></div>
<br />
Keterangan Polisi:<br />
1. Angka 4 = jumlah gambar/posting yang akan ditampilkan.<br />
2. 125 = ukuran panjang+lebar gambar<br />
3. 86 = kode polisi untuk siap meluncur ke TKP atau silakan jalan :)<br />
<br />
<b>CARA MEMASANGNYA</b>:<br />
1. Layout > Add a Gadget > HTLM/Javascript<br />
2. Copas aja kode di atas ke bagian keuangan, eh... ke "Content". Judul kosongkan!<br />
3. Jangan lupa, ubah alamat blognya dengan "kepunyaan" Anda.<br />
4. Jika posisinya gak pas, atur-atur aja ukuran gambarnya.<br />
<br />
Alamat blog bisa juga blog mana saja, misalnya <span style="color: red;">http://www.romelteamedia.com/feeds/posts/default </span>maka yang tampil adalah posting terbaru <a href="http://www.romelteamedia.com/" target="_blank">www.romelteamedia.com</a>.<br />
<br />
Demikian "tausiyah" kita kali ini tentang Cara Pasang Latest Posts Gambar Thumbnail Horizontal di Halaman Depan Blog. Semoga bermanfaat. Kita tutup dengan doa akhir majelis. Amin! Wasalam!<br />
<br />
<i><a href="http://www.bloggerplugins.org/2011/09/recent-posts-thumbnails-blogger-widget.html" rel="nofollow" target="_blank">Sumber Kode</a></i></p>

KODE untuk memasang atau menampilkan Latest Post (Tulisan Terbaru) berupa gambar (image thumbnail) horizontal, seperti di halaman depan (h...

TSunday, January 25, 2015

Elche vs Barcelona 0-6 All Goals & Highlights Video

<p><div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_zlZ-metwvUDBWFAc4SdRxrOgXcDmUFlbu5I9nh88iXKqYGlv_rcZnw1Ol2JIctMT2zQHnmPd0ce-poCrU4KIdUBoyUAub9SS86q0QdVYXxkmg_YM46YgnW6nz2p2E50GZ0_-EkQs9is/s1600/Elche-Barcelona+0-6.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Elche vs Barcelona 0-6" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_zlZ-metwvUDBWFAc4SdRxrOgXcDmUFlbu5I9nh88iXKqYGlv_rcZnw1Ol2JIctMT2zQHnmPd0ce-poCrU4KIdUBoyUAub9SS86q0QdVYXxkmg_YM46YgnW6nz2p2E50GZ0_-EkQs9is/s1600/Elche-Barcelona+0-6.jpg" title="Elche vs Barcelona 0-6" /></a></div>
POSTING Elche vs Barcelona 0-6 All Goals & Highlights Video ini sekadar contoh alis sample posting video di blog dan template blog Jurnalistik Theme ini. </div>
<div>
<br /></div>
Edun lah.... Barcelona pesta gol ke gawang Elche. Dalam tiga pertemuan terakhir, Barca sudah memasukkan 15 gol ke kawang Elche! <br />
<br />
Kasihan ya! Dua laga lainnya di ajang Copa del Rey. Barca menang 5-0 dan 4-0 kalo gak salah.<br />
<br />
Di pertemuan Sabtu 24  Januari 2015 di Liga Spanyol, Barcelonaon kembali melibas Elche di kandangnya, Estadio Martinez Valero.<br />
<br />
<div>
Enam gol <i>El Barca </i>dicetak Gerrad Pique (35'), Lionel Messi (55'), Neymar (69'), Neymar lagi (72'), Messi deui (88'), dan Pedro (90') gak mau ketinggalan menjebol gawang Elche. </div>
<div>
<br /></div>
<div>
Ini video cuplikan golnya:</div>
<div>
<br /></div>
<div>
<br /></div>
<script charset="utf-8" data-config="http://config.playwire.com/14907/videos/v2/3283021/zeus.json" data-default-hd="false" data-height="340px" data-width="520px" src="http://cdn.playwire.com/bolt/js/zeus/embed.js" type="text/javascript"></script></p>

POSTING Elche vs Barcelona 0-6 All Goals & Highlights Video ini sekadar contoh alis sample posting video di blog dan template blog ...