Showing posts with label Blogger trik. Show all posts
Showing posts with label Blogger trik. Show all posts

Wednesday, 9 May 2018

Cara membuat dan memasang Breaking News dengan THUMBNAIL pada Blog. 2018

Cara membuat dan memasang Breaking News dengan THUMBNAIL di Blogger.




Cirebon,tanggal 9 Mei 2018.
Kembali dengan saya di Blogger Trik, Kali ini saya akan meneruskan Pembahasan tentang Bagaimana Cara membuat dan memasang Breaking News dengan THUMBNAIL di Blogger. Berbeda dengan pembahasan pendahulunya pada pembuatan Breaking News tanpa Gambar kali ini saya akan berbagi Cara membuat dan memasang Breaking News dengan THUMBNAIL atau ada tambahan Gambar pada sisi Tulisan. Seperti contoh widget Breaking news dibawah ini.

Fungsi Breakng News pada Blog
Breaking News dengan Thumbnail diatas saya ambil Linknya dari Blog saya yang lain, dan ini dapat dimanfaatkan untuk mengenalkan kepada para pengunjung blog kita dengan Blog yang kita miliki, disamping dengan cara lain seperti pada media sosial atau Group Blogger.
Membuat dan memasang widget Breaking News pada Blog kita apakah pada Blogger atau pada Wordpress tujuanya adalah untuk menampilkan artikel - artikel baru yang kita miliki, sehingga pengunjung blog kita selalu ter up date. Pemasangan Widget Breaking News ini juga bertujuan untuk mempercantik tampilan Blog, Lihat saja setelah memasang widget Breaking news blog kita mirip seperti Tampilan News Berita di televisi.
Widget Breaking news ini juga bisa dimodifikasi tekhnik pemasanganya sehingga tidak ribet, seperti yang saya lakukan pada blog saya ini.

Cara memasang Widget Breaking News pada Blogger - Blogspot
Ok..mari kita mulai Cara membuat dan memasang Breaking News dengan THUMBNAIL di Blogger. 2018 dengan cara yang lebih simple dan Mudah di praktekan.
Berikut langkah-langkahnya :
1. Seperti biasa terlebih dahulu login ke Blogger, pilih blog > Klik Template, Edit HTML > Tambahkan kode di bawah ini tepat sebelum ]]></b:skin> atau </style>
Cara membuat dan memasang Breaking News dengan THUMBNAIL di Blogger. 2018,  Breaking News dengan THUMBNAIL di Blogger. 2018, Breaking News dengan THUMBNAIL di Blogger. 2018, Breaking News dengan THUMBNAIL di Blogger. 2018, Breaking News dengan THUMBNAIL di Blogger. 2018,
Kodenya sebagai berikut :
/* CSS News Ticker */
.ticker-wrap{display:block;text-align:center;margin:0 20px 20px 20px;padding:2px;background:#fefefe;border:1px solid rgba(0,0,0,0.1);border-left:5px solid #3cc091}
.ticker-wrap>span{display:inline-block;background:#fefefe;padding:0;font:700 13px 'roboto',sans-serif}
.ticker-wrap>span>a{color:#222;text-decoration:none}
#ticker{height:100px;overflow:hidden;background:#fefefe;text-align:left}
#ticker ul{padding:0;margin:0;list-style:none}
#ticker ul li{height:90px;white-space:nowrap}
#ticker ul li img{float:left;width:80px;height:80px;margin:5px 7px 5px 5px}
#ticker ul li h3{margin:0;font:700 16px 'roboto',sans-serif}
#ticker ul li h3 a{color:#FF7F50;text-decoration:none;line-height:25px!important}
#ticker ul li .tickermeta{font:400 13px 'roboto',sans-serif;line-height:20px!important;color:#696969}

Edit kembali sesuaikan dengan kondisi Blog kalian.
Area Edit saya tandai dengan Warna Biru.

2. Tambahkan kode berikut ini sebelum Tag penutup </body >
Cara membuat dan memasang Breaking News dengan THUMBNAIL di Blogger. 2018

Kodenya sebagai berikut :
<script type='text/javascript'>
//<![CDATA[
// Breaking News ticker by https://halpentinguntukkita.blogspot.com
function getauthor(t){for(var e=0;e<t.length;e++)var i=t[e].name.$t;return i}function getmeta(t){var e=[];e[1]="Jan",e[2]="Feb",e[3]="Mar",e[4]="Apr",e[5]="May",e[6]="Jun",e[7]="Jul",e[8]="Aug",e[9]="Sep",e[10]="Oct",e[11]="Nov",e[12]="Dec";var i=t.substring(0,4),a=t.substring(5,7),n=t.substring(8,10),r=e[parseInt(a,10)]+" "+n+" "+i;return r}function arlinadesignTicker(t){var e=document.querySelector("#ticker"),i=t.feed.entry,a="<ul id='ticket-wrapper-inner'>";if(i){for(var n=0;n<i.length;n++){for(var r=i[n],s=0;s<r.link.length;s++)if("alternate"==r.link[s].rel){var l=r.link[s].href;break}try{var o='<img src="'+r.media$thumbnail.url+'"/>'}catch(t){var o=""}var u=r.title.$t,c=getauthor(r.author),d=getmeta(r.published.$t);a+="<li>"+o+'<h3><a href="'+l+'">'+u+'</a></h3><div class="tickermeta"><span>'+c+"</span> - <span>"+d+"</span></div></li>"}a+="</ul>",e.innerHTML=a}$("#ticker").vTicker()}!function(t){var e={speed:700,pause:4e3,showItems:1,mousePause:!0,height:0,animate:!0,margin:0,padding:0,startPaused:!1},i={moveUp:function(t,e){i.animate(t,e,"up")},moveDown:function(t,e){i.animate(t,e,"down")},animate:function(e,i,a){var n=e.itemHeight,r=e.options,s=e.element,l=s.children("ul"),o="up"===a?"li:first":"li:last";s.trigger("vticker.beforeTick");var u=l.children(o).clone(!0);if(0<r.height&&(n=l.children("li:first").height()),n+=r.margin+2*r.padding,"down"===a&&l.css("top","-"+n+"px").prepend(u),i&&i.animate){if(e.animating)return;e.animating=!0,l.animate("up"===a?{top:"-="+n+"px"}:{top:0},r.speed,function(){t(l).children(o).remove(),t(l).css("top","0px"),e.animating=!1,s.trigger("vticker.afterTick")})}else l.children(o).remove(),l.css("top","0px"),s.trigger("vticker.afterTick");"up"===a&&u.appendTo(l)},nextUsePause:function(){var e=t(this).data("state"),i=e.options;e.isPaused||2>e.itemCount||a.next.call(this,{animate:i.animate})},startInterval:function(){var e=t(this).data("state"),a=this;e.intervalId=setInterval(function(){i.nextUsePause.call(a)},e.options.pause)},stopInterval:function(){var e=t(this).data("state");e&&(e.intervalId&&clearInterval(e.intervalId),e.intervalId=void 0)},restartInterval:function(){i.stopInterval.call(this),i.startInterval.call(this)}},a={init:function(n){a.stop.call(this);var r=jQuery.extend({},e);n=t.extend(r,n);var r=t(this),s={itemCount:r.children("ul").children("li").length,itemHeight:0,itemMargin:0,element:r,animating:!1,options:n,isPaused:n.startPaused?!0:!1,pausedByCode:!1};t(this).data("state",s),r.css({overflow:"hidden",position:"relative"}).children("ul").css({position:"absolute",margin:0,padding:0}).children("li").css({margin:n.margin,padding:n.padding}),isNaN(n.height)||0===n.height?(r.children("ul").children("li").each(function(){var e=t(this);e.height()>s.itemHeight&&(s.itemHeight=e.height())}),r.children("ul").children("li").each(function(){t(this).height(s.itemHeight)}),r.height((s.itemHeight+(n.margin+2*n.padding))*n.showItems+n.margin)):r.height(n.height);var l=this;n.startPaused||i.startInterval.call(l),n.mousePause&&r.bind("mouseenter",function(){!0!==s.isPaused&&(s.pausedByCode=!0,i.stopInterval.call(l),a.pause.call(l,!0))}).bind("mouseleave",function(){(!0!==s.isPaused||s.pausedByCode)&&(s.pausedByCode=!1,a.pause.call(l,!1),i.startInterval.call(l))})},pause:function(e){var i=t(this).data("state");if(i){if(2>i.itemCount)return!1;i.isPaused=e,i=i.element,e?(t(this).addClass("paused"),i.trigger("vticker.pause")):(t(this).removeClass("paused"),i.trigger("vticker.resume"))}},next:function(e){var a=t(this).data("state");if(a){if(a.animating||2>a.itemCount)return!1;i.restartInterval.call(this),i.moveUp(a,e)}},prev:function(e){var a=t(this).data("state");if(a){if(a.animating||2>a.itemCount)return!1;i.restartInterval.call(this),i.moveDown(a,e)}},stop:function(){t(this).data("state")&&i.stopInterval.call(this)},remove:function(){var e=t(this).data("state");e&&(i.stopInterval.call(this),e=e.element,e.unbind(),e.remove())}};t.fn.vTicker=function(e){return a[e]?a[e].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof e&&e?void t.error("Method "+e+" does not exist on jQuery.vTicker"):a.init.apply(this,arguments)}}(jQuery),$(function(){var t=document.createElement("script");t.src="https://"+$(".ticker-wrap").data("domain")+"/feeds/posts/summary?alt=json&callback=arlinadesignTicker",t.type="text/javascript",document.getElementsByTagName("body")[0].appendChild(t)});
//]]>
</script>





3. Peletakan Widget pada Blog.
Pada Umumnya peletakan Widget  Breaking News dengan THUMBNAIL adalah pada area Menu atas,atau diantara pembuka Tag <body > dan penutup Tag </body >. Namun saya lebih suka memasang widget  Breaking News dengan THUMBNAIL ini dengan menggunakan fasilitas Tambah Gadget > Pilih HTML/javascript. jadi lebih leluasa untuk meletakan widget ini pada blog.

Cara membuat dan memasang Breaking News dengan THUMBNAIL di Blogger. 2018

Cara membuat dan memasang Breaking News dengan THUMBNAIL di Blogger. 2018

Pada Konten HTML/ JavaScript isikan Kode berikut :
Cara membuat dan memasang Breaking News dengan THUMBNAIL di Blogger. 2018
Hanya contoh
Ini kodenya :

<div class='ticker-wrap' data-domain='URL Blog kalian'>
<div id='ticker'>
</div>
</div>

Setelah kode di isikan ke Konten area maka tinggal save dan atur posisi pada Blog.
Penempatanya terserah kalian, apakah di Menu atas, atau pada Widget samping. Kalian juga bisa meletakan pada Konten Blog  hanya saja harus pada Halaman HTML seperti contoh pada halaman artikel ini.
Memasang atau menambah Widget Breaking News pada Blogger.

                




Cara Menggunakan Breaking News Widget di Wordpress


  1.  Buka Dasbor> Posting> Tambah Baru 
  2. Ketik nama judul di bidang judul (misalnya: Model Kue Baru) 
  3. Masukkan paragraf Anda (misal: Lorem ipsum dana duduk amet, consectetur adipisicng elit. Nunc quic ante commodo,) 
  4.  Masuk ke Kategori> Buat Nama Kategori Anda (Misalnya: Sehat, Fashion, Makanan, Olahraga) 
  5. Masuk ke Tag> Buat Nama Tag Anda (Misalnya: Kode, Cum, Toko, Model, Tautan, Tidur) 
  6. Masuk & Set "Unggulan Gambar" 
  7. Klik "Publikasikan" 
  8. Buat Juga (4 atau 5) Tulisan Terbaru 
  9. Masuk ke Penampilan> Widget 
  10. Masuk & Klik "MagZen Pro: BERITA BREAKING WIDGET" 
  11. Pilih "MagZen Sidebar" 
  12. Klik "Tambah Widget" 
  13. Masukkan "Judul" Anda (Misalnya: Breaking News) 
  14. Masukkan "Tidak ada posting terbaru Anda untuk ditampilkan sebagai berita terbaru:" (Misalnya: 4) 
  15. Klik "Simpan" 
  16. Keluar & Klik kunjungi situs. Anda mengerti.
( https://www.webulousthemes.com/use-breaking-news-widget/)

Tuesday, 1 May 2018

Tipe - tipe penulis di internet | web dan Blog

Tipe - tipe penulis di internet | web dan Blog


Hari ini tanggal 1 Mei 2018, hari Selasa. Saya mencoba menulis sebuah materi tentang Tipe-tipe penulis di Internet baik pada media website atau di Blog.
Penulisan ini bertujuan untuk berbagi kepada siapa saja yang mampir di blok saya, dan  dapat mengambil sisi baik untuk diri kita masing-masing.

Menulis adalah suatu kegiatan atau pekerjaan menorehkan tinta pada kertas atau menulis dapat kita lakukan dengan menekan Tuts pada keyboard dan sejenisnya, untuk menuangkan apa saja yang ada dalam fikiran atau untuk tujuan Pemberitahuan.

Menulis dapat juga kita artikan suatu kegiatan untuk menciptakan suatu catatan atau informasi pada suatu media dengan menggunakan aksara.

Lalu apakah semua penulis itu menulis berdasarkan Fikiranya ? disinilah pembahasan kita. Saya akan mencoba membedah beberapa tipe penulis di internet berdasar apa yang saya ketahui selama ini dan ini murni dari fikiran saya dengan tambahan Referensi untuk penjelasan dari ilmu lainya.

Dsini saya menggolongkan ada 4 jenis penulis yang  saya juluki sebagai :
A. Penulis Profesional ( Berdasar Ilmu dan keahlian )
B. Penulis Plagiat ( Mencontek dan mengambil dari pihak lain) 
C. Penulis Ulang ( Merevisi atau mensinonimkan bagian tertentu )
D. Penulis Kliping ( pengumpul dan pemotong materi)

Pembahasan dan penjabaranya :

  

1. Penulis Profesional
Penulisan profesional adalah seorang penulis yang membuat karya tulisan berdasarkan profesi, Karya tulis yang dihasilkan oleh seorang penulis Profesional (misalnya pengusaha, pengacara, Akademisi, dll.) Bisa kita pastikan dapat memberkan keterangan tentang suatu persoalan dengan tepat sesuai Profesinya. Penulis profesional selalu berusaha menggunakan bahasa yang tepat untuk menyampaikan informasi dengan cara yang mudah dipahami oleh audiens yang dituju, dan mungkin diarahkan untuk menginformasikan, membujuk, menginstruksikan, atau mendorong tindakan. Misalnya, di kantor bisnis, memorandum (singkatan memo) dapat digunakan untuk memberikan solusi untuk masalah, membuat saran, atau menyampaikan informasi. Atau seorang ahli dalam ilmu pemograman komputer dengan memberikan tutorial di internet dan lain sebagainya.

Seorang penulis profesional dapat menjadi freelance, yang berarti dia bekerja atas dasar wiraswasta, atau bekerja penuh dalam pekerjaan di mana standar penulisan profesional merupakan prasyarat, seperti jurnalisme, pemasaran, periklanan, hubungan masyarakat, militer, atau teknis menulis. Penulis Profesional bisa berasal dari berbagai disiplin ilmu seperti : hukum, kedokteran, bisnis, teknik,Internet marketing dan pekerjaan sosial.

2.  Penulis Plagiat ( Mencontek dan mengambil dari pihak lain) 
Seorang penulis Plagiat dalam penulisan sebuah karya atau materi hampir dalam persentasi besar adalah mencontek atau mengambil dari pihak lain apakah itu  bahasa, pemikiran, gagasan, atau ekspresi penulis lain dan kurang berlaku jujur dalam mengapresiasi atau  penghormatan kepada mereka sebagai pemilik asli.

Dalam kenyataan, saya rasa Tipe penulis plagiat ini paling ramai dan paling mudah untuk seseorang yang kurang atau tidak memiliki ilmu pengetahuan atau Profesi dalam rangka untuk menulis sebuah karya atau dalam dunia Bloging kita sebut Posting artikel. Plagiat berbeda dengan mencari referensi atau dukungan / rujukan yang fungsinya  untuk memperkuat pernyataan.
Contoh adalah : jika kita adalah seorang pekerja bangunan bagaimana kita bisa membuat sebuah tulisan di blog tentang kuliner tanpa memiliki dasar ilmu, maka yang terjadi adalah tindakan plagiat / mengambil data secara total dari pihak lain untuk tulisan kita di Blog. Berbeda hal ini jika kita sebagai seorang pekerja bangunan menulis di blog tentang Konstruksi dasar Rumah, setidaknya kita tahu bagaimana sebuah rumah itu didirikan dengan materi apa,bagaimana cara melakukanya dan lainya, apabila ada suatu perkara semisal semen itu terbuat dari bahan apa, maka disinilah fungsi sebuah Referensi dibutuhkan semisal kita mencari data dari media perusahaan pembuat semen.

Dalam dunia per-Bloggeran juga sering terjadi dan saya menjumpai beberapa Tutorial yang mungkin dibuat asal-asalan dan ketika di praktekan  hasilnya Nihil, dan ini mungkin hasil Plagiarisme atau membajakan artikel. 

Saran saya sesama pecinta menulis di Internet di blog khususnya untuk saya pribadi, maka menulis berdasarkan kehidupan pribadi atau pekerjaan pribadi atau aktivitas pribadi akan lebih enak dan nyaman untuk dituangkan dalam tulisan untuk Artikel blog kita ketimbang kita Plagiat atau mengambil artikel orang lain secara penuh. 

Adakah Plagiat yang jujur dan Saling menguntungkan ?
Jawabnya ADA, yaitu sebuah tindakan Plagiat tanpa merubah artikel yang diambil. Artinya sebuah artikel ditulis oleh Empunya biasanya ada ANCHOR TEKS yaitu sebuah Tulisan mengandung Link ke sebuah alamat tertentu yang dikehendaki oleh penulisnya, Namun kebanyakan para Plagiator tidak suka dengan Link sang pemilik ini wal hasil Link dihapus. Andai saja para Plagiator tersebut tidak membuang setiap Lin Anchor teks saya yakin akan tercipta keuntungan dikedua pihak dengan terciptanya Backlink untuk sang pemilik artikel. Mungkin semua juga sudah tahu bahwa untuk menciptakan sebuah Link atau Backlink banyak pihak melakukan terbosan seperti Promosi di media sosial, upaya Publish artikel berbayar dan lainya yang belum kejangkauilmu saya.

3. Penulis Ulang ( Merevisi atau mensinonimkan bagian tertentu )
Menulis ulang atau merevisi sebuah artikel ada berbagai cara, hal ini banyak dilakukan dan telah menjadi salah satu cara untuk mendapatkan materi di internet dan hasil yang didapat pun memenuhi kriteria Unik dan dapat dianggap sebagai sebuah karya baru.

Menulis ulang dengan cara mensinonimkan kata adalah yang terbanyak, dan banyak pula Tool tersedia dengan Gratis d internet ( Rewrite tool gratis )


Bagi saya pribadi, saya lebih senang dengan membaca sebuah artikel terkait dengan apa yang akan saya tulis untuk Blog saya kemudia saya akan merangkum dan menulis dengan kaliman dan gaya bahasa sendiri menjadi sebuah artikel baru yang semakna tapi alur pembahasan berbeda.
Contoh Penulisan ulang dengan sinonim.
A. Untuk memotong kayu dibutuhkan gergaji
B. Untuk memotong kayu diperlukan alat potong berupa gergaji 

4. Penulis Kliping ( pengumpul dan pemotong materi)
Pengertian  Kliping adalah kegiatan menggunting atau memotong bagian-bagian tertentu dari sebuah buku, koran, majalah atau yang lainnya dan kemudian dilanjutkan dengan proses menempelkan guntingan-guntingan tersebut pada sebuah media tempel seperti buku / kertas karton dan menjadi satu karya baru.
Ini adalah pemberian julukan berdasarkan pemikiran dan pendapat Pribadi saya. Karena kegiatan inipun juga terjadi pada sebuah kegiatan pembuatan sebuah artikel di internet. Untuk membuat sebuah artikel terkadang kita dapat melakukan Kliping Trik, yaitu memotong dan menggunting ( Copy paste )  bagian Artikel dari beberapa Website atau Blog karya orang lain disamping kita juga memberikan tambahan ulasan untuk memberikan kesan originalitas untuk dijadikan sebuah materi baru dan memenuhi syarat Unik. Artinya dalam Penulisan Kliping seorang penulis memadukan berbagai sumber dan karya sendiri.
Contoh :
Jika kita ingin menulis tentang Bunga sakura, bagaimana hal ini bisa kita lakukan sedangkan kita belum pernah ke Jepang, maka solusinya adalah menjadi penulis Kliping, kita kumpulkan beberapa Web dan Blog untuk kita ambil bagian perbagian dari materi yang sesuai dengan tema kita lalu kita susun menjadi sebuah karya tulis baru dengan editing dan penambahan kalimat dengan gaya bahasa kita. Jadi disini Unsur Plagiat ada, Unsur Original ada dan unsur Rewriting juga ada. 


Traveling japan and sakura bloosom, penerbangan ke jepang,Visa jepang,Hotel di jepang,liburan ke jepang





Saran :
Jika kita adalah pemula untuk menulis di blog maka tulislah sesuatu yang mudah dan bisa dijangkau pikiran kita, contoh : seorang pelajar menulis tentang aktivitas belajar di sekolah, hal ni bisa dimulai dari Bangun tidur mengerjakan apa, bersentuhan dengan benda apa, makan dengan menu apa, lalapan apa, mandi pakai sabun apa, shampo apa, bajau dengan kain bahan apa, kesekolah naik apa, ongkosnya berapa, pak guru lulusan apa, kuliah di universitas apa, dan masih banyak sumber artikel bisa dibuat dan Inti dari semua kegiatan Bloging adalah menginginkan Pendapatan, apakah itu dari Iklan, jual produk, atau lainya. Menulis sebuah artikel untuk Blog pada dasarnya adalah menuju kepada iklan, karenanya selalu arahkan setiap tulisan kepada suatu yang terdapat iklan. Semisal untuk anak sekolah, jika menulis sebuah artikel pendek tentang Sabun mandi maka diharapkan akan muncul iklan dari Marketplace yang jual sabun mandi Online, begitu dengan materi lainya.

Pertanyaan :

Ada pada Posisi mana kira-kira kalian wahai sobatku ?

Jika engkau bertanya padaku ?

Jawabku ada pada semuanya. 

CARA TERMUDAH - Membuat dan memasang widget " BERITA " pada Blog 2018




WIDGET BREAKING NEWS ATAU BERITA BERJALAN
Pada hari ini tanggal 1 Mei 2018, saya berbagi kepada kalian semua adik-adik pemula di blogger yaitu CARA TERMUDAH - Membuat dan memasang widget " BREAKING NEWS " pada Blog pada area Menu seperti contoh Blog saya ini, menarik Kan...? ternyata jika kita menemukan materi dari para blogger senior yang memang mereka juga  memasang Widget Breaking News pada  Blog mereka bisa di pastikan Kode yang mereka share akan sukses kita pasang pada Blog kita, karena banyak juga kode widget Breaking News di Internet yang kalau di praktekan tidak berhasil, atau terlalu ribet cara memberikan Panduanya. Dan itu saya juga mengalami keribetan untuk memasang kode widget Breaking News dari Blog yang tidak pasang widget ini.

Apa sih fungsi Breaking News Widget ini ?
Yang pokok dari fungsi Widget Breaking new atau widget berita berjalan disini adalah untuk menampilkan secara LIVE atau langsung ke pembaca, Artikel terbaru yang ada pada Blog kita. Disamping juga untuk mempercantik tampilan Blog sehingga pengunjung bisa betah dan asyik berlama-lama di blog.
Ada beberapa penamaan untuk Breaking news ini diantaranya :
  • Headline news berjalan di Blog
  • Headline News ( Recent Post ) berjalan
  • Headline News bergerak 100 %
  • Membuat News Ticker di blog
  • Headline berita berjalan di blog
  • Dan lainya
Ok..Sobat, Kita mulai saja memasang kode widget Breaking News pada Blog . Rileks dan tarik nafas atau sruput kopi juga boleh,...
  1. Asumsi kita sudah berada pada halaman Lay out dan Klik Tambah Gadget
CARA TERMUDAH - Membuat dan memasang widget " BREAKING NEWS " pada Blog 2018


Pilih HTML / Java script


CARA TERMUDAH - Membuat dan memasang widget " BREAKING NEWS " pada Blog 2018


Paste ke halaman Content dan Judul boleh kosong atau diisi

CARA TERMUDAH - Membuat dan memasang widget " BREAKING NEWS " pada Blog 2018

Terakhir Klik SAVE dan lihat hasilnya.

Berikut adalah Kode yang harus kalian isikan :






<style type="text/css">
#breaking-newsticker{margin:15px 0;position:relative}
#post_breakingnews{position:relative;z-index:9;over

low:hidden;padding:8px;width:100%!important;box-sizing:border-box;box-shadow:0 5px 5px -5px #3339}
.breakingnewstitle{float:left;background-color:#f54b4b;color:#fff;padding:7px 10px;font-weight:bold;border-radius:4px;text-transform:uppercase;position:relative}
.breakingnewstitle:after{height:0;width:0;position:absolute;content:" ";pointer-events:none;margin-top:1px;border-left:13px solid #f54b4b;border-top:10px solid transparent;border-bottom:10px solid transparent;-moz-transform:scale(.9999);margin-left:9px;margin-top: -3px;z-index:9}
.breakingnews marquee{width:80%;position:absolute}
@media screen and (max-width:800px){.breakingnews marquee{width:70%}}
@media screen and (max-width:500px){.breakingnews .breakingnewstitle{width:90px;font-size:11px;font-weight:normal}.breakingnews .breakingnewstitle:after{content:none}.breakingnews marquee{width:55%}}
.breakingnews marquee a{color:#1893fc;margin:0 15px;line-height:2}
#post_breakingnews .breakingnews{width:1320px;max-width:100%;margin:0 auto}
</style>
<script type='text/javascript'>
var url_breaking = "http://halpentinguntukkita.blogspot.co.id";
var jumlah_post = 10;
var marquee_speed = "6";
var close_button = false;
var info_text = true;
</script>
<script src='https://rawgit.com/mastamvan/backup/master/breakingnews.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
document.getElementById("breaking-newsticker").appendChild(document.getElementById("post_breakingnews"));
//]]>
</script>
<div id='breaking-newsticker'/></div>

Demikianlah berbagi CARA TERMUDAH - Membuat dan memasang widget " BREAKING NEWS " pada Blog. Dan benar bahwa ini adalah cara termudah menurut saya bagi pemula, dan di internet kalian akan menjumpai beratus cara untuk memasang Widget Breaking news ini.
Kode ini sudah terbukti dan berjalan baik di blog ini, Lihat contoh diatas atau dibawah postingan ini.
Sebenarnya ada cara untuk menembahkan widget Breaking News pada Blog tapi karena saya belumencoba maka saya anggap ini yang telah sukses terpasang.
Hal - hal yang perlu dirubah pada kode ini adalah :
  1. Alamat URL ( ganti dengan URL kalian )
  2. Jumlah pos isi sesuai keinginan
  3. Kecepatan gerak tulisan, atur saja sesuai keinginan.
Kode Widget Breaking News ini Responsive dan bisa diletakan dimana saja, tinggal atur Posisi Gadget nya.
Bagi kalian yang seneng otak-atik silahkan saja ber- eksperimen.

Saturday, 28 April 2018

Cara Membuat Artikel Terkait Dibawah Postingan Blogspot








Membuat Artikel Terkait atau Related Posts Dibawah Postingan Sangat mudah bagi yang mengetahui dan memiliki ilmunya, terutama Para master IT atau Blogger senior yang  sudah mahir dalam hal ini, Tapi untuk kalian yang baru saja bisa buat blog Jangankan membuat artikel terkait, menata template saja mesti banyak waktu dibutuhkan dengan tutorial yang lengkap, Benar..? begitu juga saya dulu.

Artikel terkait memang tidak tersedia pada Theme dasar Blogger, pada umumnya yang ada adalah Post terbaru atau Populer pos. Nah bagi blogger pemula yang merasa kepingin ada Artikel terkait dibawah postingan kamu bisa coba salah satu cara yang paling sederhana dan sangat mudah untuk di tiru sampai bisa dan punya Artikel terkait di blog kalian.

Tapi... Apa sih Artikel terkait itu dan gunanya untuk apa ?
Artikel Terkait, merupakan artikel-artikel yang masih memiliki hubungan dengan artikel yang sedang dibaca oleh pengunjung.

Bagi pengguna Blogger, fitur ini sudah tidak asing lagi. Related Post sengaja dipasang untuk memudahkan navigasi atau memberi arah kepada pengunjung blog kita yang ingin membaca artikel yang berhubungan dengan artiel yang sedang dibaca. Jadi dengan adanya pemasangan Artikel terkait dibawah postingan, hal itu seperti kita menyediakan pintu belakang kepada saudara kita dan memberi kemudahan apakah masih tertark untuk membaca artikel yang serupa atau memiliki tema yang mirip yang ada pada blog kita atau akan keluar ke halaman lain.



Ok, saya akan berikan tahapanya, namun perlu diketahui untuk membuat Artikel Terkait Dibawah Postingan Blogspot saya mendapatkan web pembantu yang dengan Gratis dan tanpa sign Up langsung bisa kita gunakan untuk membuat widget Artikel Terkait Dibawah Postingan, dan tidak hanya untuk Blogspot tapi juga bisa untu yang lain seperti wordpress

Namanya LinkWithin 
  1.  Masuk ke web LinkWithin
  2.  Isi sesuai yang diperlukan, contoh dbawah ikuti saja dan lakukan.
  3.  Email : email kalian
  4.  Blog link : alamat blog kalian komplet. Contoh : https://halpentinguntukkita.blogspot.com
  5.  Platform : pilih Blogger
  6.  Width : pilih sesuaikan dengan keinginan, berapa jumlah judul yang akan ditampilkan, dari 3 sampai 5 stories
  7.  Pada kotak centang (My blog has light text on a dark background) jika blog kalian memakai latar hitam maka centang saja, dan jika blog dengan latar putih biarkan saja kosong.
  8. Klik Get Widget! 


Sekali lagi mengapa pakai LinkWithin? Ini yang termudah buat saya dan saya berharap mudah juga buat kalian pemula. Apakah diluar sana tidak ada yang lain ? jawabnya Buuaanyak !!
Tapi apakah semua mudah ? NO... tidak semua mudah, bahkan banyak juga yang tidak jalan setelah dipraktekan, alias yang nulisnya seorang plagiat dan mereka sendiri tidak mempraktekan, itu Taksiran saya.

Pada aplikasinya dalam blog, kalian harus mencoba fitur lainya yang ada sehingga memiliki pengalaman dalam menggunkan widget ini. Bagusnya widget Pembuat Artikel Terkait Dibawah Postingan Blogspot ini bisa di pasang pada blog lain yang kita punya, hanya saja Materi artikel terkait tetap mengikuti Blog yang didaftarkan.

Bagaimana, mudah bukan ? Ok kawan semoga membantu.
Dan Lihat hasilnya dibawah postingan ini.

Friday, 27 April 2018

Mengubah " Newer dan Older post " menjadi Judul posting






Hari ini tanggal 27 april 2018, seperti biasa saya jalan jalan ke blog teman-teman bloger senior untuk mencari apa saja yang kira-kira bisa dimanfaatkan bual blog saya " Hal penting untuk Kita ". Tanpa sengaja saya terpikirkan untuk mengganti Navigasi Postingan saya, yaitu Mengubah " Newer dan Older post " menjadi Judul posting. Bagaimana ya...begitu dalam pikiran saya, lalu saya mulai untuk berkelana, satu demi satu kode yang dibahas diblog diluar sana saya coba, ternyata tidak semua pengcopy artikel mengenai Mengubah " Newer dan Older post " menjadi Judul posting itu memakai apa yang dia tuliskan di blog mereka ( buktinya dipasang Kodenya tidak menunjukan perubahan),ada yang untuk konten saja tanpa perduli apakah kode HTML /Javascript itu bisa diaplikasikan atau tidak ( biasanya ini dilakukan tipe bloger plagiat ) tapi beberapa memang penulis blog Original dengan Ilmu dia menulis. Singkat cerita Bagaimana Mengubah " Newer dan Older post " menjadi Judul posting saya temukan dan trimakasih untuk Mu.. wahai kawan bloger ( namanya tidak disebut karena dari berbagi sumber )

Langkah - Langkah mengubah " Newer dan Older post " menjadi Judul posting :
Buatlah widget baru ( Tambah widget ) dan Pilih dan masukkan kode HTML/Javascript. Lihat contoh pada gambar dibawah ( No.2)
1. Pastikan ada kode jQuery di template blog Anda. Jika belum ada, pasang di atas </head>. 



Ini kodenya:
<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

2. Layout > pilih HTML JavaScript
3. Judul kosongkan
4. Copas kode berikut ini di kolom Content:


  
Ini Kodenya :




<style type="text/css">
.home-link{display:none}
#blog-pager-newer-link {font-size:12px;width:300px;float:left; text-align:left;font-family:Arial, sans-serif;}
#blog-pager-older-link {font-size:12px;width:300px;float:right; text-align:right;font-family:Arial, sans-serif;}
</style>
<script type="text/javascript">
$(document).ready(function(){
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + "\u2192");//rgt
});
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
$("a.blog-pager-newer-link").text("\u2190" + newerLinkTitle);
});
});
</script>


Setelah di paste pada Area Konten terakhir tinggal Klik SAVE dan Cek hasilnya.
Catatan :
1. Letakan Gadget ini pada area Footer agar mudah koreksinya.
2. Jika ukuran huruf tidak sesuai dengan keinginan ganti saja ukuran Font - size : 12 px menjadi sesuai keinginan  atau samakan dengan ukuran font postingan.

Contoh Hasilnya bisa dilihat pada gambar teratas.
Semoga membantu.

Popular Posts

Related Posts Plugin for WordPress, Blogger...

My Blog List