Tampilkan postingan dengan label blogger. Tampilkan semua postingan
Tampilkan postingan dengan label blogger. Tampilkan semua postingan

CARA SETTING ROBOT TXT DI BLOGGER

robot txt
robot txt


CARA SETTING ROBOT TXT DI BLOGGER


Hai Sobat Ladangtekno

Kali ini mimin akan membagikan tutorial cara mensetting robot txt google, robot txt ini penting untuk perayapan google bot yang nanti akan membantu dalam pengindexan blog sobat.

langsung saja menuju tutorialnya, jadi pertama silahkan masuk ke pengaturan/setelan kemudian pilih preferensi penelusuran,

setting blogger
setting blogger
Pertama silahkan setting dulu robot txt khususnya dengan cara klik edit pada bagian robot txt khususnya, silahkan masukan kode dibawah ini pada form yang sudah disediakan

User-agent: *
Allow: /
Disallow: /search

Sitemap: https://www.ladangtekno.com/p/sitemap.html
Silahkan ganti url yang berwarna merah tersebut dengan url sitemap blog sobat, jika belum tahu tutorial membuat sitemap bisa cek di link INI, silahkan klik simpan perubahan jika sudah

Jika sobat jungan ingin mengatur tag Tajuk Robot Khusus silahkan klik edit pada bagian tersebut dan kemudian, masukan setting seperti dibawah ini

tag Tajuk Robot Khusus
tag Tajuk Robot Khusus

Jika sudah silahkan klik simpan perubahan, selamat sobat telah berhasil melakukan setting robot txt blogger

Jika ada yang kurang dari postingan mimin atau ada yang belum dimengerti, yuks komentar dibawah kita diskusikan sama sama

Sekian postingan dari mimin kali semoga bermanfaat. jangan lupa terus kunjungi Ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi. silahkan comement dibawah untuk mendapatkan informasi lebih lanjut.

tags:
ladangtekno
blogger
robot txt

CARA MEMBUAT REDIRECT DOMAIN TLD LAMA KE DOMAIN TLD BARU DI BLOGGER

blogger
blogger

CARA MEMBUAT REDIRECT DOMAIN LAMA KE DOMAIN BARU DI BLOGGER


Hai Sobat Ladangtekno

Mimin baru saja mengganti domain website mimin dari yang sebelumnya ladangtekno.web.id menajdi ladangtekno.com, salah satu alasan mimin mengganti domain selain untuk meningkatkan index google adalah untuk mempermudah orang-orang untuk mengingat domain website mimin. karena dengan nama ladangtekno.com akan lebih singkat dan lebih mudah diingat dibandingkan dengan nama ladangtekno.web.id kesannya juga menjadi lebih luas cakupannya. selain itu nama domain dengan ekstensi .com merupakan domain yang paling umum untuk saat ini digunakan sebagai blog nah saat suatu blog sudah terkenal biasanya orang akan membeli domain tertentu dari blog tersebut dan dijual dengan harga yang sangat mahal.

Awalnya tentu yang dikhawatirkan saat mengganti domain adalah hilangnya pengunjung dari, biasanya membutuhkan waktu sekitar 2-3 harian untuk blog kembali terindex oleh Google, dan saat ini juga blog mimin yang masih terindex di google masih menggunakan domain lama yaitu ladangtekno.web.id bukan domain baru ladangtekno.com

saat seseorang mengetikan ladangtekno si search engine maka yang akan muncul di pencarian adalah domain yang lama, sedangkan ketika pengunjung blog kita mengklik url tersebut akan terjadi eror karena redirect di blog kita sadah berubah menjadi domain yang baru.

cara mengatasi permasalah ini adalah dengan menggunakan redirect 301. Redirect 301 ini akan memberitahukan kepada search engine bahwa link dari blog kita sudah berubah, kalau sobat masih menggunakan domain dengan ekstensi blogspot.com sebelumnya dan bukan TLD sobat tidak perlu melakukan teknik ini karena secara otomatis blog sobat akan langsung teredirect ke domain TLD baru yang sobat beli, nah kalau sobat memindahkan domain sobat dari TLD lama ke TLD baru maka hal ini perlu dilakukan. nah bagaimana carannya, berikut ini adalah cara melakukan redirect 301 pada blog.

Pertama, silahkan sobat buat sebuah blog baru yang nantinya akan menjadi blog yang menggunakan alamat domain lama sobat, dalam hal ini blog lama mimin yaitu ladangtekno.web.id, silahkan setting domain pada blog baru tersebut termasuk redirect domainnya

redirect
redirect

Mimin membuat sebuah blog baru dengan nama domain infokosbali.blogspot.com dan mimin redirect ke domain lama mimin yaitu ladangtekno.web.id. selanjutnya silahkan masuk ke  tema kemudian pilih edit tema

edit tema
edit tema

Silahkan letakan kode dibawah ini di bawah tag <head> atau diatas tag </head>

 <script type='text/javascript'>
    var d=&#39;<data:blog.url/>&#39;;
    d=d.replace(/.*\/\/[^\/]*/, &#39;&#39;);
    location.href = &#39;https://www.ladangtekno.web.id&#39; + window.location.pathname;
    </script>
Silahkan ganti nama domain https://www.ladangtekno.web.id dengan url baru blog sobat, jadinya seperti gambar dibawah ini


simpan tema
simpan tema


Jika sudah silahkan simpan tema blog sobat, sekarang coba akses blog sobat melalui domain lama blog sobat jika sudah teredirect ke link yang baru berarti redirect yang dilakukan sudah berhasil.

Jika ada yang kurang dari postingan mimin atau ada yang belum dimengerti, yuks komentar dibawah kita diskusikan sama sama

Sekian postingan dari mimin kali semoga bermanfaat. jangan lupa terus kunjungi Ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi. silahkan comement dibawah untuk mendapatkan informasi lebih lanjut.

Tags:
ladangtekno
blogger

CARA MEMBUAT HALAMAN STATIS MENJADI HOMEPAGE BLOGSPOT

blogger
blogger

CARA MEMBUAT HALAMAN STATIS MENJADI HOMEPAGE BLOGSPOT


Hai Sobat Ladangtekno,

Kali ini mimin akan membagikan tutorial untuk membuat sebuah halaman statis menjadi halaman utaman blog sobat. Beberapa dari sobat blogger pasti ingin menjadikan halaman tertentu menjadi homepage blog sobat, semisalnya halaman sitemap dan lainnya. hal ini juga bisa dilakukan ketika sobat membuat blog dengan menggunakan platform blogger, jadi caranya tidak memerlukan koding atau mengedit html, cukup melakukan pengalihan saja. ok tanpa belama-lama lagi mari langsung simak tutorial dibawah ini

Pertama sobat silahkan buat halaman atau postingan yang ingin sobat jadikan halaman pengalihan, misalnya sobat ingin membuat Sitemap menjadi halaman pengalihan tersebut maka buatlah sebuah sitemap, boleh di postingan atau membuat halaman khsus. sarang saya untuk membuat halaman khusus, karena tidak akan tampil di halaman awal blog, caranya silahkan klik menu sidebar halaman/page kemudian pilih buat halaman baru, cara membuat sitemap bisa sobat lihat di halaman INI

Jika Sitemapnya sudah selesai makan simpan, nanti link sitemapnya akan digunakan sebagai halaman pengalihan, Hamalan sitemap web ladangtekno.com adalah di https://www.ladangtekno.com/p/div-idhlrpsb-var-numposts-13var.html

Silahkan keep dulu link sitemapnya, sekarang silahkan masuk ke pengaturan/setelan kemudian pilih preferensi penelusuran dan pilih pengalihan khusus (klik tombol/tulisan edit)

blogger dashboard
blogger dashboard

akan muncul form seperti gambar dibawah ini,

halaman pengalihan
halaman pengalihan

silahkan pada bagian atas isikan dengan tanda / jika sobat ingin mengubah halam homepagenya. dibagian bawahnya sobat bisa memasukan halaman pengalihan yang sobat inginkan. sekarang kita menggunakan contoh halaman sitemap sebagai halaman pengalihan jadi halaman sitemap web Ladangtekno adalah https://www.ladangtekno.com/p/div-idhlrpsb-var-numposts-13var.html, sobat silahkan jadi yang akan kita masukan sebagai urlnya adalah pada bagian /p/div-idhlrpsb-var-numposts-13var.html nah silahkan masukan url tersebut ke kolom pengalihan, dan simpan perubahan yang sudah dilakan.

sekarang silahkan coba akses website sobat apakah sudah berubah atau belum homepagenya, jika sudah mengikuti tutorial dengan benar maka seharusnya homepage website sobat sudah mengalami perubahan.

Sekian postingan dari mimin kali semoga bermanfaat. jangan lupa terus kunjungi Ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi. silahkan comement dibawah untuk mendapatkan informasi lebih lanjut.

tags:
ladangtekno
blogger
tutorial

CARA SUBMIT WEB KE 1800 SITUS DENGAN IMTALK.ORG

IMtalk
IMtalk

CARA SUBMIT WEB KE 1800 SITES DENGAN IMTALK.ORG


Hai sobat ladangtekno,

Sobat ingin mendapatkan backlink dari web sobat, caranya bisa menggunakan IMtalk.org. submit link seperti boleh saja dilakukan tapi jangan sering-sering karena bisa saja web sobat akan dianggap sebagai spam atau akan di report. jadi jangan sering-sering menggunakan cara seperti ini, oke langsung saja beginilah cara untuk melakukan submit web sobat dengan menggunakan Imtalk.org

Pertama silahkan akses situs IMtalk melalui link https://www.imtalk.org/cmps_index.php?pageid=IMT-Website-Submitter

Tampilannya websitenya seperti gambar dibawah ini

imtalk.org
homepage

Jika sudah, silahkan isikan form yang tersedia. yaitu pertama link dari website sobat yang ingin di submit, kemudia Keyword dari website sobat ini boleh diisi maupaun tidak dan yang terakhir adalah jumlah submit yang ingin sobat lakukan jika sobat ingin melakukan submit ke maksimal yang dapat dilakukan silahkan biarkan saja kosong. tampilannya seperti gambar dibawah ini

isi form
isi form

Jika sudah silahkan klik submit makan link sobat akan di submit, prosesnya seperti gambar dibawah ini silahkan tunggu sampai selesai, jika sobat memilih submit maksimal jumlahnya sekitar 1800an

melakukan submit
melakukan submit

selesai, silahkan tunggu prosesnya, ingat ya jangan lakukan sering-sering, nanti web sobat dianggap sebagai spam.

Sekian postingan dari mimin kali semoga bermanfaat. jangan lupa terus kunjungi ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi. silahkan comement dibawah untuk mendapatkan informasi lebih lanjut.

Tags:
ladangtekno
imtalk.org
blogger
wordpress

CARA MENGIRIM SITEMAP KE GOOGLE WEBMASTER

google webmaster
google webmaster

CARA MENGIRIM SITEMAP KE GOOGLE WEBMASTER


Hai Sobat Ladangtekno,

Kali ini mimin ingin memeberikan tutorial bagaimana caranya mengirim Sitemap ke Google Webmaster Tools. ada beberapa cara untuk mengirim sitemap ke google webmaster tools, sitemap perlu dikirim salah satunya agar Search engine bisa mengindex web kita. nah berikut adalah cara mengirim sitemap ke Google Webmaster.

Pertama silahkan login ke dashboard Google Webmaster atau melalui link https://www.google.com/intl/id_id/webmasters/#?modal_active=none silahkan sobat pilih web yang sudah sobat claim di webmaster kalau belum bisa lihat caranya di link INI

Jika sudah silahkan pilih peta situs atau sitemap, maka akan tampil halam seperti dibawah ini
 
sitemap
sitemap
 
silahkan sobat masukan kode dibawah ini pada kotak yang mimin lingkari dengan tanda merah
 
feeds/posts/default
 
Kode diatas hanya untuk web dengan menggunakan platform blogger. jika sobat ingin menggunakan sitemap lain, sobat bisa menggunakan cara dibawah ini
 
atom.xml?redirect=false&start-index=1&max-results=500
 
Kode diatas digunakan untuk blog dengan postingan antara 1 sampai dengan 500 halaman, jika sobat sudah mempunya blog lebih dari 500 halaman atau kelipatannya, sobat bisa mengirim beberapa kali, caranya dengan mengganti indexnya, jadi jika artikel pada blog sobat lebih dari 500 sobat bisa menambah kan lagi satu seperti dibawah ini
 
atom.xml?redirect=false&start-index=501&max-results=500
 
Begitu terus kelipantannya, halan ini dilakukan agar pengindexan tidak terlalu besar.

Sedangkan untuk sitemap default atau bawaan dari bloggernya, kalian bisa menggunakan kode

https://www.namadomain.com/sitemap.xml

Tulisan namadomain.com dapat kalian ganti menjadi nama domain dari blog kalian masing -  masing, dan silahkan submit. domain ini biasanya akan langsung mengindex semua tulisan yang ada di blog kalian.
 
Jika sudah berhasil dibagian bawah akan ada link sitemap yang sudah sobat kirim. dan akan ada statusnya apakah berhasil atau gagal

Jika ada yang salah dari postingan mimin atau ada yang belum paham yuk komentar dibawah

Sekian postingan dari mimin kali semoga bermanfaat. jangan lupa terus kunjungi ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi. silahkan comement dibawah untuk mendapatkan informasi lebih lanjut.

Tags:
ladangtekno
google webmastet tools
blogger

CARA SUBMIT ARTIKEL DI BING WEBMASTER

bing
bing

CARA SUBMIT ARTIKEL DI BING WEBMASTER

Hai Sobat Ladangtekno,

Mau artikel sobat terIndex oleh Bing, silahkan submit artikel sobat ke bing webmaster. adalah sebuah kesenangan jika kita mendapatkan pengunjung blog search engine langsung bukan dari direct link, ini karena pengunjung tersebut merupakan pengunjung organik yang dimana website kita memang tampil di halam search engine/ halam pencaharian.

Hal ini juga akan meningkatkan kulitas blog kita karena search berasal dari tayangan yang organik. dan mungkin akan dapat menambah pundi-pundi uang sobat blogger. oke langsung saja beginilah cara mensubmit artikel ke bing webmaster.

Pertama silahkan login ke Bing Websmaster, silahakan pilih blog yang artikelnya yang ingin sobat submit. jika sudah pada menu sidebar silahkan pilih pilihan Submit URLs. tampilannya seperti gambar dibawah ini


Jika sudah, silahkan sobat copy link artikel yang ingin sobat submit ke Bing Webmaster, dan masukan ke kotak yang sudah tersedia seperti gambar dibawah ini. kemudian klik submit


Jika sudah benar maka akan tampilan list dari artikel yang sobat submit seperti gambar dibawah ini

Jika sudah seperti gambar diatas maka sobot berhasil submit artikelnya. jika ada yang belum paham atau artikelnya ada kesalaha, yuk komen dibawah kita berdiskusi bareng-bareng

Sekian postingan dari mimin kali semoga bermanfaat. jangan lupa terus kunjungi ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi. silahkan comement dibawah untuk mendapatkan informasi lebih lanjut.

Tags:
ladangtekno
bing webmaster

CARA MENSUBMIT BLOG DI BING WEBMASTER


bing webmaster
bing webmaster


CARA MENSUBMIT BLOG DI BING WEBMASTER


Hai  sobat ladangtekno

Selain Google, tentu masih ada search engine lain di dunia ini, tapi memang yang paling dikenal oleh masyarakat adalah Google. Salah satu search engine lain yang juga tidak kalah baiknya adalah BING, seach engine ini dimiliki oleh Microsoft yang juga merupakan perusahaan teknologi terbesar di dunia.

Di Google kita mengenal yang namanya Google Webmaster untuk pengelolaan Blog, di Bing juga ada lho fitur yang sama, disebut dengan Bing Webmaster, cara mengaksesnya bisa langsung cari di browser dengan kata kunci Bing Webmaster atau kunjungi situs https://www.bing.com/webmaster.

Jika sudah login sobat silahkan pilih pilihan Add A Site. sobat akan diarahkan ke halaman seperti dibawah ini.

Add A Site
Add A Site

Silahkan sobat masukan data yang diperlukan sepertu URL dari blog sobat dan juga sitemapnya, kalau masih bingung sitemap itu apa bisa cek di halaman INI. Silahkan diiskan data tersebut. kemudian klik Add untuk menambahkan. setelah proses ini sobat akan diarahkan ke halaman seperti dibawah ini

meta tag
meta tag

Pada halaman ini kita akan melakukan verifikasi terhadap situs kita, sebenarnya ada beberapa cara, tapi yang termudah adalah dengan menggunakan Meta tag. oke silahkan pilih meta tag, copy kode meta tagnya, yaitu yang ada pada bagian atas yang diberi tanda merah, kemudia copy tag tersebut dan taru di template sobat, letakakan di antara kode <head> dan </head> atau gampangnya diatas kode </head> atau dibawah kode <head> seperti gambar dibawah ini. silahkan tambahkan pada template kalian jika sudah silahkan simpan template sobat. kemudian kembali ke halaman Bing Webmaster dan Klik Verify

add tag
add tag
 Jika sudah menjalankan prosesnya dengan benar maka sobat akan diarahkan ke dashboard webmaster yang sobat miliki.seperti gambr dibawah ini

dahsboard Bing Webmaster
dahsboard Bing Webmaster
 Selesai.

Jika masih ada yang bingung atau bagian dari tutorial yang salah, silahkan komen dibawah ini, kita berdiskusi bersama :)

Sekian postingan dari mimin kali semoga bermanfaat. jangan lupa terus kunjungi ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi. silahkan comement dibawah untuk mendapatkan informasi lebih lanjut.

Tags:
Ladangtekno
tutorial
blogger

MEMBUAT WIDGET HANYA TAMPIL DI HALAMAN AWAL ATAU HOMEPAGE BLOGGER

BLOGGER
BLOGGER


MEMBUAT WIDGET HANYA TAMPIL DI HALAMAN AWAL ATAU HOMEPAGE BLOGGER


Hai Sobat Ladangtekno,

Kali ini mimin akan membagikan tutorial cara membuat sebuah widget yang hanya tampil di halam homepage blog sobat. jadi kadang sobat pasting ingin menghilangkan beberapa widget saat membaca konten apalagi widget yang ada diatas halaman recent post sobat, dan memang akan menggangu ketika ada widget tersebut. nah ada cara yang dapat dilakukan untuk menghilangkannya, berikut adalah caranya.

Pertama silahkan sobat buka kembali widget yang ingin sobat hilangkan dari halaman posting jadi ingin memunculkanya hanya di halaman utaman saja

Kemudian silahkan sobat cari ID widgetnya, tampilannya seperti gambar dibawah ini.

widget
widget
Yang merupakan ID widgetnya adalah HTML12 yang diberi tanda merah, setiap widget akan memiliki id yang berbeda-beda termasuk widget mimin dengan sobat jadi silahkan perhatikan dengan seksama. silahakn copy ID widget tersebut, kemudian buka tema dan pilih edit HTML

Silahkan cari kode HTML12 tadi di dalam kode HTMLnya, bisa dicari dengan menggunakan CTRL + F di dalam editornya kemudian cari HTML12, tampilannya seperti gambar dibawah ini

edit tema
edit tema

Jika sudah ketemu, silahkan cari kode  <b:includable id='main'> yang menjadi bagian dari HTML12 biasanya terletak setelah HTML12, jangan sampai salah memilih kodenya karena setiapwidget juga memiliki kode <b:includable id='main'>. jika sudah ketemu silahkan tambahkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> setelah <b:includable id='main'> dan kode </b:if> setalah kode </b:includable> . kodenya akan menajdi seperti dibawah ini

<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Atau dalam bentuk gambar jadinya akan seperti gambar dibawah ini

edit html
edit html
Jika sudah silahkan simpan temanya, jika langkah yang dijalankan sudah benar maka widgetnya sudah tidak akan terlihat lagi di halaman posting. Selesai

Sekian tutorial dari mimin kali semoga bermanfaat. jangan lupa terus kunjungi ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi. silahkan comement dibawah untuk mendapatkan informasi lebih lanjut.

tags:
ladangtekno
tutorial
blogger

CARA MEMBUAT WIDGET RECENT POST RESPONSIVE PADA SIDEBAR UNTUK BLOGGER

BLOGGER
BLOGGER


CARA MEMBUAT WIDGET RECENT POST RESPONSIVE PADA SIDEBAR UNTUK BLOGGER


Hai Sobat Ladangtekno,

Kali ini mimin ingin membagikan bagaimana cara membuat widget responsive sidebar blogger. caranya tinggal tambahin widget baru saja, kita tidak perlu utak-atik tema atau html temanya, hasilnya seperti gambar dibawah ini
recent post sidebar
recent post sidebar

Pertama silahkan login ke Dashboard Blogger

Masuk ke Tata letak dan kemudian buat sebuah widget baru pada bagian sidebar, bebas tergantung kebutuhan sobat

Pilih HTML/Java Script pada pilihan jenis widget

Masukan kode dibawah ini ke dalam kota yang sudah disediakan

<script type="text/javascript">
function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(p){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSiVj2vpFhpQeAyV3VpLYn5jNdSRIXDPsgVhao5CSESXABeiE3Z3oosPUEIVIUvZEUboZFXUH17uX3yTBRJCAUYs53QyQLMEwm0V03rleCaWhFYCFBEQiW1WdNxl-aUV-r6SkHKF81Prc_/s1600/no-thumb.png"}var h=n.published.$t,f=h.substring(0,4),w=h.substring(5,7),v=h.substring(8,10),A=new Array;A[1]="Jan",A[2]="Feb",A[3]="Mar",A[4]="Apr",A[5]="May",A[6]="Jun",A[7]="Jul",A[8]="Aug",A[9]="Sep",A[10]="Oct",A[11]="Nov",A[12]="Dec",document.write('<li class="recent-posts-list">'),1==posts_date&&document.write('<div class="post-date">'+A[parseInt(w,10)]+" "+v+" "+f+"</div>"),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>");var g="",k=0;document.write('<div class="recent-posts-details">'),1==showcommentslink&&(1==k&&(g+=" <br> "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",g+=l,k=1),1==readmorelink&&(1==k&&(g+=" | "),g=g+'<a class="readmorelink" href="'+r+'" class="url" target ="_top">Read more</a>',k=1),document.write(g),document.write("</div>"),document.write("</li>")}document.write("</ul>")}
</script>
<script type="text/javascript">
var posts_no = 5;
var showpoststhumbs = false;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
</script>
<script src="https://www.ladangtekno.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<a style="font-size: 9px; color: #CECECE; float: right; margin-top: 5px;" href="https://www.ladangtekno.com"></a>

<noscript>Your browser does not support JavaScript!</noscript>

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

<style type="text/css">

img.recent-post-thumb {padding: 2px; width:35px;height:35px;float:right;margin: -14px 0px 0px 5px; border: 1px solid #cea5ac; border-radius: 10%;}

.recent-posts-container {font-family: 'Oswald', sans-serif;  float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}

ul.recent-posts-container li {padding:5px 0px;min-height:65px; list-style-type: none; margin: 0px 10px 5px 35px;}

ul.recent-posts-container {counter-reset: countposts;list-style-type: none;}

ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 5px; font-size: 16px;color: #4D4D4D;background: #F7F7F7;padding: 9px 14px; border: 1px solid #efefef;}

.recent-posts-container a { text-decoration:none; }

.recent-posts-container a:hover{color: #4DACE3;}

.post-date {color:#e0c0c6; font-size: 11px; }

.recent-post-title a {font-size: 13px; text-transform: uppercase; color: #5C4D4D;}

.recent-post-title { margin: 5px 0px; }

.recent-posts-details {border-top: 4px solid #AC707A; margin-top: 5px; padding-top: 5px;}

.recent-posts-details a{ color: #888;}

a.readmorelink {color: #4DACE3;}

</style>

Silahkan ganti url https://www.ladangtekno.com/ dengan url blog sobat. tulisannya sudah dimerahkan pada bagian kode

Jika sobat ingin mengubah beberapa tampilan silahkan sobat bisa edit pada kode bagian

var posts_no = 5;
UNTUK MENGUBAH JUMLAH POSTINGAN YANG MUNCUL

var showpoststhumbs = false
UNTUK MEMPERLIHATKAN ATAU MENYEMBUNYIKAN GAMBAR PADA WIDGET YANG AKAN DIBUAT

var readmorelink = true;

MEMUNCULKAN TULISAN READ MORE

var showcommentslink = true;

MEMUNCULKAN KOMENTAR YANG TELAH ADA PADA POSTINGAN

var posts_date = true;

MEMUNCULKAN TANGAL POSTINGAN

Jika semua langkah sudah diikuti seilahkan klik simpan.

Tutorial untuk membuat widget recent post pada bagian sidebar sudah selesai, selamat mencobat sobat dan semoga berhasil. jika ada hal yang ingin ditanyakan silahkan tuliskan di komentar

Sekian tutorial dari mimin kali semoga bermanfaat. jangan lupa terus kunjungi ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi. silahkan comement dibawah untuk mendapatkan informasi lebih lanjut.

Tags:
ladangtekno
bloggger

APA YANG DIMAKSUD DENGAN COOCKIE

COOCKIES
COOCKIES


APA YANG DIMAKSUD DENGAN COOCKIE


Hai sobat ladangtekno,

Siapa yang tidak asing dengan kata Coockies. yak sebuah makanan yang enak dan bisa digunakan untuk menahan rasa lapar, tapi coockies yang kita bahas kali ini bukanlah coockies dalam bentuk makanan tapi coockies yang ada di dalam sebuah website. nah apa sih itu sebenarnya coockies dalam dunia per-website-an.

Coockies dalam sebuah website merupakan sebuah catatan atau ingatan yang ditaruh di komputer clien. coockies ini bertujuan untuk mengidentifikasi atau memudahkan identifikasi client yang berkunjung kembali ke blog/wesbite yang menggunakan coockies. coockies ini dapat diterima atau tidak, biasanya akan ada peringatan setiap mengunjungi website yang menggunakan coockie, apakah ingin menyimpan coockie atau tidak..

sekian postingan dari mimin kali semoga bermanfaat. jangan lupa terus kunjungi ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi. silahkan comement dibawah untuk mendapatkan informasi lebih lanjut.

tags:
ladangtkeno

CARA MEMBUAT BREAKING NEWS DI BLOGGER

Brekaing News
Brekaing News


CARA MEMBUAT BREAKING NEWS DI BLOGGER


Hai sobat ladangtekno,

Ada yang tau breaking news atau ticker news yang biasa ada di blog-blog. nah breaking news ini biasanya memberikan informasi secara sekilas mengenai postingan terbaru yang ada di blog kita. selain itu breaking news ini bisa mempercantik tampilan blog kita, sehingga menjadi semakin menarik.

Nah kali ini mimin ingin membagikan tutorial, bagaimana cara membuat breaking news tersebut, oke langsung saju dibawah ini tutorialnya.

Pertama silahkan login ke dashboard blogger, kemudian klik theme/tema, kemudian klik edit tema. jika sudah silahkan cari kode ]]></b:skin> atau kode </style> 
silahkan gunakan CTRL + F untuk mempercepat pencarian.
jika sudah silahkan pastekan kode css dari ticker news dibawah ini diatas kode  ]]></b:skin> atau kode </style> 

/* CSS Ticker News */
.ticker-wrap{display:block;text-align:center;margin:0 0 20px 0;padding:2px;background:#fefefe;border:1px solid rgba(0,0,0,0.1);border-left:5px solid #f97599}
.ticker-wrap>span{display:inline-block;background:#fefefe;padding:0;font:700 13px 'Quicksand',sans-serif}
.ticker-wrap>span>a{color:#222;text-decoration:none}
#ticker{height:45px;overflow:hidden;background:#fefefe;text-align:left}
#ticker ul{padding:0;margin:0;list-style:none}
#ticker ul li{height:45px;white-space:nowrap}
#ticker ul li img{float:left;width:35px;height:35px;margin:5px 7px 5px 5px}
#ticker ul li h3{margin:0;font:700 16px 'Quicksand',sans-serif}
#ticker ul li h3 a{color:#333;text-decoration:none;line-height:25px!important}
#ticker ul li .tickermeta{font:400 13px 'Quicksand',sans-serif;line-height:20px!important;color:#999}
Kemudian cari kode </body>, pastekan kode dibawah ini diatas kode </body>
<script type='text/javascript'>
//<![CDATA[
// Breaking Ticker News
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>
Jika sudah kemudian buat widget baru, caranya dengan masuk ke tata letak lalu pilih widget dimana ticker news ingin ditempatkan, biasanya ditempatkan dibawah menu utaman blog, silahkan pilih di tempat tersebut. silahkan klik buat widget baru atau create new widget atau bahasa lain sesuai dengan tema sobat. silahkan pilih html/java script selanjutnya pastekan kode dibawah ini didalam kotak yang telah disediakan.

<div class='ticker-wrap' data-domain='https://www.ladangtekno.com'>
<div id='ticker'>
</div>
</div>
Silahkan ganti tulisan berwarna merah tersebut sesuai dengan lamat blog sobat, jika sudah silahkan klik simpan, nanti jadinya akan seperti gambar dibawah ini

hasil ticker news
hasil ticker news
Hasilnya adalah tulisan kecil yang ada diatas featured post atau jika ingin melihat demonya bisa melalui link INI

Nah, selamat sobat sudah berhasil membuat ticker news, sekian tutorial dari mimin kali semoga bermanfaat. jangan lupa terus kunjungi ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi. silahkan comement dibawah untuk mendapatkan informasi lebih lanjut.

tags:
ladangtekno

CARA MENGATASI POSTINGAN HOMEPAGE BLOG TIDAK MUNCUL SESUAI DENGAN SETTING LAYOUT

homepage
homepage


CARA MENGATASI POSTINGAN HOMEPAGE BLOG TIDAK SESUAI DENGAN SETTING

Hai sobat ladangtekno.

Sobat pernah tidak mengalami permasalahan ketika recent post di homepage sobat yang tidak bertambah atau hanya terlihat sedikit padahal sudah di setting lebih dari itu, misalnya di homepage sobat mensetting jumlah yang muncul adalah 7 sedangkan yang muncul hanya 1 atau 2 saja, dan sobat sudah beberapakali mencoba untuk merubah settingan tersebut tetapi sama sekali tidak berubah dan yang muncul tetap hanya 1 atau dua postingan saja.

Nah apakah penyebab permasalahan ini,

Nah di blogger biasanya ketika kita belum merubah tema biasanya tema tidak akan dilengkapi dengan yang namanya JUMP BREAK yaitu fitur yang membuat tampilan preview dari postingan biasanya akan keluar di home page dengan tulisan read more. selain itu hal ini juga bisa disebabkan ketika sobat membuat artikel blog di aplikasi office terlebih dahulu seperti ms office, nah artikel yang langsung di copy dari ms offie bisa menyebabkan hal ini terjadi, karena artikel yang dicopy langsung di ms office akan membawa format ms office ke blog sehingga bisa terjadi eror dalam menampilkan postingan, salah satu solusi yang dapa dilakukan adalah sebelum sobat memindahkan artikel dari aplikasi office usahakan di masukan dulu ke notepad untuk menghilangkan format yang ada didalamnya, kemudia baru dimasukan ke editor blog

cara lain yang dapat dilakukan adalah dengan menggunakan JUMP BREAK, fitur ini tersedia di blogger, caranya gampang saja, sobat silahkan pilih batas artikel yang ingin sobat jadikan preview di homepage sobat, kemudia klik fitur JUMP BREAK, jika masih bingung gambarnnya seperti dibawah ini

jump break
jump break

Silahkan gunakan fitur tersebut, pilih dulu bats dari artikel yang ingin dijadikan preview, silahkan klik saja pada akhir tulisan, jadikan akan seperti gambar dibawah ini.
hasil jump break
hasil jump break

nah, tampilan setelah menggunakan jump break seperti gambar diatas, silahkan sobat pulish artikelnya dan lihat hasilnya, pasti berubah kan.

nah sekian dulu nih postingan mimin kali ini semoga bermanfaat, jangan lupa terus kunjungi ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi.

Terimakasih

tags:
ladangtekno
jump break

CARA MERESET TEMPLATE BLOG MENGGUNAKAN BLANK FORMAT

logo blogger
logo blogger

 

CARA MERESET TEMPLATE BLOG

DENGAN BLANK FORMAT

 
Hai sobat ladangtekno.
 
Kali ini mimin akan membagikan tutorial cara mereset template blog sobat yang ada di blogger. 
 
Pasti dong teman-teman pernah ngalamin ya hal yang sama kayak gini, yaitu ketika akan mengganti template blog, hasil uploadannya amburadul atau tidak sesuai dengan template yang dimiliki. 
 
Nah salah satu cara untuk memperbaiki hal ini adalah dengan melakukan reset terhadap template yang kalian miliki dengan menggunakan kode atau tema yang disebut dengan Blank Format



Tujuan Reset Template dengan Blank Format

Diatas sudah sedikit disebutkan. Jika secara langsung mengupload tema baru ke tema lama yang telah digunakan kemungkinan setting di tema lama akan ikut terbawa ke tema baru.

Apa yang akan terjadi?

Tema yang baru akan menjadi amburadul karena settingannya bisa bentrokan dengan tema yang baru. Misalnya ada postingan yang tidak mau muncul, settingan yang tidak bisa diterapkan atau tidak mau muncul. Widget yang error dan banyak masalah lainnya yang dapat kalian temukan jika tidak menggunakan blank format ini.
 
Blank format ini gunanya bukan hanya saat kita ingin mengganti tema kita ke tema yang baru. namun bisa juga ketika ingin mengembalika backup yang telah dilakuknan.
 
Misalnya, ketika melakukan penambahan kode ke tema dan ternyata temanya jadi berantakan, kemudian kita tidak tahu bagaimana cara memperbaikinya. Nah dengan menggunakan blank format ini kita bisa mengembalikan tema ke backupan terakhir tanpa khawatir settingan tema yang berantakan tadi ikut terbawa ke tema backupan.

Jadi sebaiknya gunakan blank format ini ketika kalian ingin mereset atau mengganti tema blog kalian
 
 
 

Cara Mereset Template Blog Dengan Blank Format


Nah  saya sebelumnya sudah pernah berhasil menggunakan cara ini dan berhasil diterapkan untuk mengurangi resiko setting yang terbawa
 
Sekarang saya akan membagikan bagaimana tutorialnya untuk menggunakan blank format ini termasuk juga dengan kodenya.

  • Pertama silahkan login ke dashboard blogger lalu pilih menu tema/theme,
  • untuk mencegah hal-hal yang tidak diinginkan, silahkan backup dulu tema sobat, caranya silahkan klik tanda arah bawah disamping tombol sesuaikan kemudian pilih  backup/cadangkan, Kemudian klik download. Silahkan simpan tema tersebut seandainya nanti terjadi keadaan yang tidak diinginkan.
  • Jika file tema sudah di backup sekarang kita akan mengganti temanya dengan blank format. Di menu Tema, klik tanda arah disamping tulisan sesuaikan kemudian pilih Edit Html,
  • Akan muncul kode html dari tema kalian. Silahkan hapus kode tersebut dan ganti dengan kode dibawah ini
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>
<title>Judul Blog Anda</title>
<b:skin><![CDATA[ ]]></b:skin>
</head>
<body>
<b:section id='blogsaya'/>
</body>
</html>
  • Jika sudah silahkan klik simpan,
  • Sekarang kita akan mengupload tema yang baru. Masih di menu Tema, klik tanda arah bawah disamping tombol sesuaikan, kemudian pilih pulihkan. Silahkan upload tema kalian yang baru dan tunggu sampai prosesnya selesai.
  • Silahkan cek tema kalian pastinya akan berjalan dengan normal

Nah semoga berhasil ya, sekian postingan mimin kali ini mengenai bagaimana cara mereset template blog dengan menggunakan blank format.
 
Semoga tutorialnya bermanfaat ya, jangan lupa terus kunjungi ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi.

tags:
ladangtekno
resettemablog

NICHE BLOG ADALAH

 
niche blog
niche blog

NICHE BLOG ADALAH

HAI SOBAT LADANGTEKNO

Kembali lagi bersama mimin, kali ini mimin ingin membagikan apa yang dimaksud dengan niche blog. Secara harfiah niche dapat diartikan sebagai ceruk, teman-teman pastu tau yang apa yang disebut dengan ceruk, yaps sepertu lubang yang semakin keujung ujungnya semakin mengecil

Begitu juga dengan blog Niche ini, yang menjadi ceruk adalah kontennya, jadi blog niche ini kontennya hanya terfokus pada satu permasalahan. Misalnya ladangtekno memiliki konten tentang tutorial dan informasi dunia teknologi, itu adalah ceruk dati website/blog ladangtekno, lalu apakah ceruk ini bisa semakin mengerucut lagi??

jawabannya, Bisa

misalnya sebuah blog dibuat semakin lebih mengkhusus, misalnya dalam ceruk teknologi seseorang membuat konten yang lebih niche lagi yaitu tentang android dan android ini juga bisa lebih nicghe lagi misalnya tutorial penggunaan, aplikasinya cara memperbaiki hpnya dan sebagianya.

tujuan penciptaan blog seperti ini adalah untuk memusatkan artikel yang ada di blog, jadi semua pembahasan artikel yang ada di blog sambung menyambung antar satu dengan yang lainnya, sehingga hal ini dapat menyebabkan blog menjadi lebih mudah dan disenangi oleh pengunjung, dikarenakan hanya dengan mengunjungi satu tempat saja orang-orang sudah bisa menyelesaikan beberapa permasalahannya.

niche blog seperti ini memang menjadi pilihan yang menarik, namun sering kali ketika tidak ada ide mengenai niche tersebut kita akan kebingungan untuk membuat artikel apa dan seperti apa, ini biasanya yang terjadi pada pembuatan niche blog, jadi sebaiknya jika membuat sebuah niche blog yang sangat spesifik jika secaea tidak sadar sobat mendapatkan ide membuat artikel tapi tidak ingin menulis pada saat itu juga, silahkan cata tema dari artikel tersebut sehingga sobat bisa menulis tema artikel tersebut ketika sobat sudah akan menulis.

sekian postingan mimin kali ini semoga bermanfaat, jangan lupa terus kunjungi Ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi.

tags:
ladangtekno
nicheblog

PERBEDAAN BACKLINK DOFOLLOW DAN NOFOLLOW

DOFOLLOW VS NOFOLLOW
DOFOLLOW VS NOFOLLOW

PERBEDAAN BACKLINK DOFOLLOW DAN NOFOLLOW

HAI SOBAT LADANGTEKNO

Pada kesempatan kali ini mimin ingin memberikan informasi mengenai PERBEDAAN BACKLINK DOFOLLOW DAN NOFOLLOW. Bagi sobat-sobat sudah sering melakukan Blogging pasti sudah tidak asing dengan kata DOFOLLOW dan NOFOLLOW, tapi sobat tau gak sih apa perbedaan antara kedua hal tersebut, nah dibawah ini kita akan bahas dengan tuntas dan seksama.

Perbedaan dari kedua hal ini sebenarnya sederhana, Backlink DOFOLLOW adalah link yang mengijinkan robot perayapan Google ketika melakukan perayapan untuk mengakses link tersebut sampai ke akar-akarnya. Sedangkan Backlink NOFOLLOW adalah backlink yang tidak mengizinkan robot perayapan Google untuk menelusuri atau mengikuti link di  postingan sobat.

Sebenarnya perbedaanya segitu saja, lalu bagaimana cara membuat atau membedakan link dofollow link nofollow. jadi lnik dofollow adalah semua link yang tidak ditambahkan atribut nofollow, sedangkan link nofollow adalah link yang telah ditambahkan atribut nofollow

berikut adalah contoh link dofollow
<a href="https://www.alamat.com">alamat</a>
sedangkan untuk conoh link nofollow adalah sebagai berikut
<a href="https://www.alamat.com" rel="nofollow">alamat</a>
untuk pembuatan link nofollow di blogger lebih gampang tinggal klik pada link lalu centang pilihan add "rel="nofollow" attribut. kalau belum contohnya seperti gambar dibawah ini
nofollow blogger
nofollow blogger

centang pada bagian yang berwarna merah ini membuat link tersebut menjadi link nofollow.

nah sekain postingan mimin kali ini semoga bermanfaat, jangan lupa terus kunjungi ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi

Terimakasih,

tags:
Ladangtekno
dofollow
nofollow

Cara Membuat Featured Post Grid Responsive di Blogspot

logo blogger
logo blogger

Cara Membuat Featured Post Grid Responsive di Blogspot

 
hai sobat ladangtekno
pada kesempatan kali ini mimin ingin membagikan lagi cara membuat featured post dalam bentuk grid. featured post dalam bentuk grid ini akan mebuat tampilan website sobat menjadi lebih menarik nah penasaran kan bagaimana caranya, ok langsung saja kita mulai. pertama kita masuk dashboard blogger kemudian pilih tema dan pilih edit html

jika sudah silahkan cari kode ]]></b:skin> atau </styele> di htmlnya, gunakan CTRL+F untuk mempercepat pencarian. jika sudah ketemu letakan kode dibawah ini diatas kode ]]></b:skin>


.featured #md_fpost98 img{margin:0;padding:0;width:150px;height:195px;overflow:hidden}
.featured ul#md_fpost98 h2{color:#fff;bottom:-10px;background:rgba(17,17,17,0.6);width:140px;font-weight:500;padding:3px 5px;font-size:13px;line-height:20px;position:absolute;height:25px;transition:.3s linear;text-align:center}
.featured ul#md_fpost98 h2:hover{height:65px;transition:.3s linear}
.featured .mdinc p{display:none}
.featured ul#md_fpost98{list-style:none;margin:0;padding:5px 0 0;overflow:hidden;border-top:none}
.inf-link{font-size:11px;padding:0 5px;border-radius:2px;position:absolute;bottom:10px;right:-5px}
.featured #md_fpost98 a{color:#64707a;transition:all .3s;display:block}
.featured .md_sum{font-size:13px;color:999}
.featured .mdinc{position:absolute;top:0;right:0;margin:5px;border-radius:5px;padding:5px;background:rgba(17,17,17,0.6);color:#FFF;font-size:12px;font-family:arial,sans-serif}
.featured #md_fpost98 li{margin:5px;padding:0;position:relative;display:inline-block;transition:all .3s;overflow:hidden}
@media screen and (max-width:640px){
  .featured #md_fpost98 li{float:left;width:46%}
  .featured #md_fpost98 img{width:auto;height:auto}
}
Jika sudah, kemudian cari kode </body> dan letakan kode dibawah ini diatas kode </body>

<b:if cond="data:blog.url == data:blog.homepageUrl">
<script type="text/javascript">
$('#md_fpost98 img').each(function(){$(this).attr('src',$(this).attr('src').replace(/\/s[0-9]+(\-c)?\//,'/w150-h195-c/'))});
</script>


terakhir silahkan masuk ke pengaturan tata letak dan buat kode javascript di main post, alias postingan utama bisa diatas postingan atau dibawah postingan, kemudian buat widget dan pilih html atau javascript kemudian letakan kode ini di dalam form javascriptnya
<div class='featured'><ul id='md_fpost98'>
<script type='text/javaScript'>
var randomfpost_number=4;var randomfpost_chars=0;var randomfpost_details="yes";var randomfpost_comments="Comment";var randomfpost_commentsd="no";var randomfpost_current=[];var total_randomfpost=0;var randomfpost_current=new Array(randomfpost_number);function randomfpost(a){total_randomfpost=a.feed.openSearch$totalResults.$t}document.write('<script type="text/javascript" src="/feeds/posts/default/-/Bahasa Indonesia?alt=json-in-script&max-results=0&callback=randomfpost"><\/script>');function getvalue(){for(var e=0;e<randomfpost_number;e++){var g=false;var h=get_random();for(var f=0;f<randomfpost_current.length;f++){if(randomfpost_current[f]==h){g=true;break}}if(g){e--}else{randomfpost_current[e]=h}}}function get_random(){var b=1+Math.round(Math.random()*(total_randomfpost-1));return b};
</script>
<script type='text/javaScript'>
function md_fpost(j){for(var p=0;p<randomfpost_number;p++){var n=j.feed.entry[p];var s=n.title.$t;if("content" in n){var m=n.content.$t}else{if("summary" in n){var m=n.summary.$t}else{var m=""}}for(var q=0;q<n.link.length;q++){if("thr$total" in n){var l=n.thr$total.$t+" "+randomfpost_comments}else{l=randomfpost_commentsd}if(n.link[q].rel=="alternate"){var o=n.link[q].href;if("media$thumbnail" in n){var r=n.media$thumbnail.url}else{r="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBZeM4EDd_lGWR9pseDUyx4N2enCcp7nPPCccvGuUHpVVTrfstj8Pi0DvYpIOIgwCKr1WgucJ-12juanWrnUgLObCxcwK0_Y4kVpGd87U_Znf1Q4dTyJrC42YItKNTOuuu8KCOfNYt/s1600/no-image.png"}}}document.write("<li>");document.write('<a href="'+o+'" rel="nofollow"><img alt="'+s+'" src="'+r+'" width="'+145+'" height="'+185+'"/><h2>'+s+"</h2></a>");if(randomfpost_details=="yes"){document.write('<div  class="mdinc">Bahasa Indonesia <p> '+l)+'</p></div><div style="clear:both"></div></li>'}}}getvalue();for(var i=0;i<randomfpost_number;i++){document.write('<script type="text/javascript" src="/feeds/posts/default/-/Seputartekno?alt=json-in-script&start-index='+randomfpost_current[i]+'&max-results=1&callback=md_fpost"><\/script>')};
</script>
</ul></div>
</b:if>
silahkan ganti angka 4 pada  randomfpost_number=4 menjadi jumlah postingan yang diinginkan, selanjutnya silahkan ganti tulisan Seputartekno menjadi label  yang ingin ditampilkan

OK. sekian postingan mimin kali ini semoga bisan membantu. jangan lupa terus kunjungi ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi

Terimakasih