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

Saturday, September 14, 2019

- September 14, 2019

Belajar Cara Membuat Widget Popular Posts Blogger


Barangkali sahabat blogger mau memperindah tampilan widget yang ada di sidebar blog blogger nya

Friday, September 6, 2019

- September 06, 2019

Belajar Membuat Widget Selamat Datang




Membuat Widget Selamat Datang Di Blog

Inovasi dan kreatif dari seorang design blog begitu banyak di internet salah satu nya widget blog blogger yang bisa kita gunakan untuk menyambut para pengunjung blog selain itu juga bisa memper indah tampilan blog dan biasanya orang menyebutnya widget tulisan selamat datang di blog. Dan seingat saya widget ini dulu sangat populer.

Namun sekarang ini sudah jarang yang menggunakan nya termasuk blog ini juga, itulah sebabnya dalam kesempatan ini saya akan publisasikan nya kembali pada artikel ini siapa tau diantara sahabat blogger semua ada yang berminat ingin memasang widget tersebut pada blog kesayangan nya.

Apakah anda berminat?. Jika iya maka selanjutnya kita akan belajar cara membuat nya dan ikuti tutorial dibawah supaya anda dengan mudah memahami langkah-langkah penerapanya di template blog milik anda sendiri, dan mengenai performa tidak akan membebankan pemuatan pada halaman situs blog anda nantinya karena kelebihan dari fitur nya responsif fast loading.

Berikut langkah dan cara membuat nya simak dan pahami lalu praktekan ke situsnya.

Cara Membuat Tulisan Selamat Datang di Blog Blogger

1. Masuk di Dasbor Blogger
2. Lalu buka halaman menu Tema
3. Kemudian Klik pada tombol Edit HTML
4. Selanjut Klik di mana saja di area kode Tekan tombol [Control + F] atau [Command + F] untuk membuka kotak pencarian di sudut kanan atas jendela kode. kemudian tuliskan kode </head>
5. Tekan tombol Enter untuk mencari, jika sudah menemukan kode </head> lalu salin dan tempel kan kode HTML Java Script di bawah tepat di atas kode </head> atau kode &lt;/head&gt;&lt;!--<head/>--&gt; karena masing-template blog berbeda kode strukturnya nah inilah kodenya;
<script type='text/javascript'>alert("Selamat Datang Di Blog Sederhana IYASEO ID")</script>

6. Jika anda sudah tempelkan kode HTML Java Script widget selamat datang di blog pada templatenya kemudian arahkan kursor mouse anda ke tombol Simpan tema di bagian diatas  dasbor blog blogger anda.

Untuk lebih jelas langkah penerapannya berikut contoh dalam bentuk gambar dibawah ini:





Keterangan;
Ganti tulisan "Selamat Datang Di Blog Sederhana IYASEO ID" dengan tulisan anda.

Nah sampai disini saja belajar membuat widget selamat datang untuk hari ni nanti di sambung lagi pada artikel selanjutnya semoga bisa bermanfaat bagi sahabat blogger semuanya salam blogger.

Wasallam...

Friday, June 21, 2019

- June 21, 2019

Cara Mudah Memasang Widgets Media Sosial Instagram

Cara Mudah Memasang Widgets Media Sosial Instagram

Membuat dan memasang widget media sosial di blog blogger bukanlah sesuatu hal yang sangat sulit. Blog dapat dijadikan salah satu alternatif jika Anda ingin membuat sebuah blog dengan tampilan widget yang keren. dengan adanya blogger anda dapat membuat situsblog sederhana sesuai dengan keinginan anda dengan mudah dan tentunya yang penting gaya dan tampilan yang lebih fresh dengan memasang widget media sosial atau nama popularnya medsos ini.

Tapi sebelunya mungkin anda juga ingin tahu bagaimanakah widget media sosial itu apa? Widget media sosial adalah salah satu fitur blog yang dapat dipasang dan di modifikasi di dalam halaman maupun sidebar sebuah blog.Widgets Khusus di rancang oleh penulis dan para desain blog itu sendiri dari hasil ide penulis blog berupa kode HTML atau CSS untuk widget situs blog.

Sebenarnya saat ini sudah Banyak widgets media sosial keren dan unik yang sering digunakan oleh para Blogger termasuk widget dari pihak ketiga untuk di pasang pada blog mereka, salah satunya yaitu widget media sosial instagram yang sangatlah populer di masa kini. Apa itu Instagram? instagram adalah media sosial yang dibuat oleh seorang pengembang dalam bentuk aplikasi untuk berbagi foto dan video dari ponsel pintar anda. mirip dengan Facebook atau Twitter, pada umumnya setiap orang yang membuat akun Instagram memiliki profil dan feed berita. 

Jika anda memposting foto atau video di instagram.otomatis akan tampil di profil akun instagram anda. Dan pengguna lain yang mengikutimu akan melihat posting tersebut di beranda mereka sendiri. demikian juga anda akan melihat postingan dari pengguna lain yang kamu ikuti. Instagram sekarang semakin hari semakin bertambah jumlah penggunanya apalagi yang suka foto selfie, jadi semakin banyak pula orang yang ingin mempublish hasil jepretannya ke media sosial instagram. 

Nah, sayang sekali jikalau sudah punya situsblog dan instagram alangkah baiknya jika memasang widget media sosial instagram di blog.Namun pada kesempatan kali ini saya akan share bagaimana cara mudah memasang widget media sosial instagram diblog dengan Blogspot (Blogger) karena saya rasa cara memasang dan membuat nya di Blogger lebih mudah dibandingkan dengan yang lainya. Ok sekarang kita langsung saja ke langkah langkah berikut ini; Langkah-langkah Cara Memasang Widget Media Sosial Instagram di Blog;

1. Buka Dasbor Blogger > Tata Letak > klik tombol > Tambahkan Gadget

2. Sekarang salin kode di bawah ini dan letakan tepat di kolom ke widget.

<div id='instafeed'/></div>
<div class='instatitle'><a href="https://www.instagram.com/iyaseo.id">My Instagram</a></div>
<script type='text/javascript'>//<![CDATA[
var feed = new Instafeed({
get: 'user',
userId: 12416933239,
limit:6,
sortBy:'random',
accessToken: '12416933239.8f4c5bf.6efa7f4d647f460b99cb001f06a98a1e',
template: '<li><a href="{{link}}" target="_blank"><img title="? {{likes}}" src="{{image}}" /></a></li>',
resolution: 'standard_resolution'
});
feed.run();
//]]></script>


Agar widget ini bisa menampilkan foto dari feed atau galeri pada akun instagram anda maka anda perlu memasukan kode token dari akun instagram milik anda sendiri bukan orang lain tentunya ya sahabat blogger cara untuk membuat token Akses Instagram Anda dengan mengeklik tombol tautan ini http://www.jetseotools.com/instagram-access-token

Note:
Ganti tulisan berwarna merah dengan kode token akun instagram anda,jika tidak bisa atau tidak berfungsi tutorial di atas setelah diterapkan di blognya maka anda bisa memberikan komentarnya dikolom komentar di bawah

Monday, June 10, 2019

- June 10, 2019

Manfaat Dan Fungsi Widgets Blog Blogger

Manfaat Dan Fungsi Widgets Blog Blogger

Widgets yang bisa kita pasang di blog blogger itu sangatlah banyak sekali jenis nya sehingga kita harus memilih yang mana diantara widgets-widgets tersebut , jika sahabat memilih widgets blog blogger  tentulah yang lebih menarik untuk di pasang di blognya selain menarik dan juga keren namun sahabat harus menyelektif widgets widgets nya bukan sekedar menarik dan keren saja tetapi ada manfaat dan dapat memberikan konstribusi terhadap kemajuan kinerja blog yang anda miliki ke arah yang lebih baik sehingga pengunjung dan pembaca sering mampir atau singgah lebih lama pada blognya.

Di dalam blog widgets merupakan fitur blog yang sangat penting, karena tanpa ada widgets yang  terpasang dalam blog maka tidaklah lengkap rasanya tampilan pada sebuah blog ,karena widgets juga mempunyai fungsi yang bermacam-macam ,jika pengunjung dan pembaca pasti tidak akan melihat isi postingan artikel saja mereka akan lebih tertarik ketika melirik pada widgets yang berada pada sidebar maupun sekeliling blog.

Memasang widgets berlebihan di dalam blog akan membuat blog menjadi berat didalam waktu pemuatan sebuah tab halaman diblog, jadi saya sarankan jika memasang widgets sesuaikan saja dengan tampilan template yang simple agar pemuatan halaman blog menjadi ringan,sahabat bisa mencari template blogger yang lebih ringan di sugeng.id arlinadesign.com contohblog.com masih banyak para desain template blogger yang tidak saya sebutkan di postingan artikel ini ya sahabat blogger.

Berikut fungsi dan penjelasan widgets-widgets yang bisa sahabat pasang pada sebuah blog blogger di bawah ini;

Widget Header pada sebuah blog merupakan widgets yang menampilkan nama atau judul dengan deskripsi pada blog tersebut,sehingga berfungsi sebagai indentitas pada sebuah blog agar pengunjung dan pembaca mengetahui maksud dan tujuan isi artikel dari sebuah blog.Header juga bisa di pasangkan berupa gambar logo tentang blog

Widgets Search merupakan fitur yang berfungsi agar pengunjung dengan mudah melakukan pencarian sebuah postingan artikel yang mereka inginkan pada blog milik kita,anda bisa pasang widget ini pada sidebar atas kanan maupun kiri di dalam blognya.

Widgets Popular posts merupakan widgets yang paling di andalkan para blogger karena berfungsi untuk menampilkan hasil secara otomatis dari halaman postingan dalam widgets ini,widget popular posts berguna agar pengunjung blog bisa mengetahui artikel mana yang paling populer dalam postingan blog tersebut,widget ini tidak bisa di pisahkan dalam sebuah blog.

Widgets recent posts merupakan widgets yang menampilkan artikel postingan terbaru pada sebuah blog,ketika memposting sebuah artikel pada blog maka widget ini berguna menampilkan artikel terbaru,kalau sahabat sudah memasang widgets ini berarti pengunjung dengan mudah mengetahui kabar terbaru dari blog yang anda miliki.

Widgets Label merupakan kategori dari sebuah blog berfungsi sebagai label dan sekaligus sebagai kategori dari postingan artikel pada blog agar pengunjung dengan mudah mendapatkan isi dari pada ketegori artikel postingan blog tersebut,jika sahabat memberikan label pada artikel blog  harus menyesuaikan dengan isi pada kategori artikel didalam postingan blognya.

Widgets Arsip Blog merupakan arsip blog yang berfungsi untuk menampilkan susunan waktu postingan artikel ketika memposting pada halaman blog lengkap dengan jumlah artikel postingan pada waktu tanggal bulan dan tahun,sehingga pengunjung dan pembaca mengetahui  kapan artikel nya di publisasikan pada blog.

Widgets Related Posts merupakan widgets yang berfungsi menampilkan beberapa postingan artikel dengan muncul disetiap halaman postingan artikel yang terkait dengan artikel yang di baca oleh pengunjung blog,related posts juga bisa di katakan artikel terkait.

Widgets Subscribe Merupakan salah satu widget yang sangat penting buat situsblog karena bisa digunakan untuk berlangganan artikel postingan sebuah blog melalui kiriman email otomatis dari situsblog yang kita kelola ke pengunjung blog yang sudah mengikuti lewat email berlangganan di widgets ini, atau semua postingan artikel apdate terbaru akan secara otomatis dikirim ke email pengunjung blog anda,Widget Subscribe pada sebuah blog juga berfungsi agar pengunjung yang menyukai blog anda mudah untuk mengetahui artikel baru diblog anda dengan cara berlangganan. Dengan adanya widget subscribe ini, pengunjung blog juga akan selalu akan normal.

Widget Komentar Merupakan Widget yang sangat penting agar pembaca blog bisa berkomentar atau memberikan saran kepada admin atau pemilik blog. Dengan widget komentar ini juga dapat menjalin silahturahim sesama blog dan sekaligus bisa berkomunikasi dengan para pembaca agar mereka semakin menyukai blog yang kita kelola. bukan itu saja, dengan adanya kritik dan saran dari pengunjung maupun pembaca juga dapat menambah keseriusan untuk terus berkarya melalui tulisan yang dipublisasikan ke blog agar bisa bermanfaat bagi para pembaca dan pengunjungblog. Sahabat juga bisa memasang widget recent comment pada blognya agar para pembaca juga mengetahui komentar terbaru dari postingan artikel yang sedang mereka baca. Widget Recent comment juga sangat berfungsi untuk mengingatkan sahabat bila ada pengunjung memberikan komentarnya atau mkmentar barunya pada sebuah postingan artikel sehingga komentar tersebut bisa langsung membalasnya.


Baiklah, itulah pembahasan artikel nya kali ini, semoga artikel ini dapat memberikan manfaat dan informasi kepada anda. Pembahasan diatas merupakan Manfaat Dan Fungsi Widgets Blog Blogger semoga anda sukses.


Bisa Anda Memberikan Komentarnya Dibawah Postingan Ini Dengan Menekan atau Klik Tombol Show Comments yang Berwarna Biru Di Bawah Postingan Ini...



Salam Blogger: https://www.iyaseo.id/

Sunday, June 9, 2019

- June 09, 2019

Cara Pasang Multi Tab Widgets Popular Post Recent Post dan Label di Blog Blogger

Cara Pasang Multi Tab Widgets Popular Post Recent Post dan Label di Blog Blogger

Untuk memasang widgets diblog itu sangat mudah bagi yang sudah lama mengelola blog namun pada kesempatan kali ini akan membagikan cara memasang widgets multi tab popular post,recent post dan label ke pada blogger pemula dimana fungsi dari widgets ini sama pada widgets yang standar cuman ini ada perbedaan dari tampilan nya saja.

Jadi mari disimak cara mudah pemasangan widgets multi tab di sidebar blog blogger dengan tampilan lebih dari satu dalam satu tab menu dengan tiga fungsi widget yang berbeda berikut di bawah ini;

Langkah 1. Masuk ke Dasbor Blogger
Langkah 2. Pilih Tema >Edit HTML
Langkah 3. Copy Kode CSS di bawah ini dan letakan di atas kode ]]></b:skin>

#sidebar-tab h2{display:none;} #select-tab{margin:0 auto 10px} #select-tab,#select-tab li{padding:0;margin:0;list-style:none;overflow:hidden} #select-tab li{float:left;width:33.3%;text-align:center} #select-tab a{line-height:32px;display:block;background-color:#666;color:white;font-weight:bold;text-decoration:none} #select-tab .selected a,#select-tab a:hover{background-color:#48d} #sidebar-main .widget1{background-color:#fff;width:100%;float:left;padding:5px 0} #sidebar-main{overflow:hidden}
Langkah 4. Masukan kode HTML di bawah ini di bawah kode berikut : <aside id='sidebar-wrapper'> atau <div id='sidebar-wrapper'>


<div id='sidebar-tab'> <div id='tab'> <div class='tab-widget-menu clear'> <ul id='select-tab'> <li class='tab1'><a href='#tab1'>Popular Posts</a></li> <li class='tab2'><a href='#tab2'>Latest Posts</a></li> <li class='tab3'><a href='#tab3'>Labels</a></li> </ul> </div> <div id='sidebar-main'> <div class='widget1' id='tab1'> <b:section class='sidebar' id='tab1-popular-posts' showaddelement='yes'> </b:section> </div> <div class='widget1' id='tab2'> <b:section class='sidebar' id='tab2-latest-posts' showaddelement='yes'> </b:section> </div> <div class='widget1' id='tab3'> <b:section class='sidebar' id='tab3-labels' showaddelement='yes'> </b:section> </div> </div> </div> <script type='text/javascript'> //<![CDATA[ $(function(){$("#select-tab li:first").addClass("selected");$("#sidebar-main > div").hide();$("#sidebar-main > div:first").show();$("#select-tab a").click(function() {$("#select-tab li").removeClass("selected");$(this).parent().addClass("selected");var a=$(this).attr("href");$("#sidebar-main > div:visible").hide();$(a).fadeToggle(1000);return false})}); //]]> </script> </div>

Selanjutnya Simpan Tema

Kemudian buka Tata Letak > maka akan muncul 3 tab dan Masukan tab yang pertama add widget > Popular post tab 2 add recent post dan yang ke 3 add labels Nah. Selesai

Selamat mencoba dan semoga bermanfaat, trimakasih.

Thursday, June 6, 2019

- June 06, 2019

Cara Mudah Memasang Widgets Jejaring Sosial Di Blog Blogger

Cara Mudah Memasang Widgets Jejaring Sosial Di Blog Blogger



Sahabat blogger apa kabar? Semoga baik-baik saja dan masih setia mengunjungi blog iyaseo.id dalam kesempatan ini saya ingin berbagi dengan sahabat semua tentang widgets jejaring sosial barangkali anda semua sudah lama berselancar di dunia maya tentunya pasti anda sudah tau mengenai jejaring sosial seperti facebook,instagram,twitter,youtube dan lain-lainya.

Mungkin di antara sahabat blogger belum memasang widget jejaring sosial di dalam blognya jika sudah pasti berbeda dengan apa yang saya bagikan di postingan artikel ini,ok nanti simak saja di bawah seperti apa ya.

Namun dalam kesempatan ini saya tidak akan menjelaskan tentang mengapa harus memasang widgets jejaring sosial pada blog karena pada postingan sebelumnya saya sudah menjelaskan tentang pentingnya kita memasang widgets popular post,widgets lates posts,widgets label post dan yang lainya.

Menempatkan widgets jejaring sosial di blog,bagi sebagian pengguna blogger adalah sesuatu di anggap mudah,tetapi tidak bagi pengguna blogger yang masih baru (pemula).

Untuk sahabat blogger yang masih baru pasti masih bingung seperti apa sih cara yang di maksud,caranya sangat mudah dan simple serta sangat mudah di mengerti dengan adanya kode CSS HTML sahabat sudah bisa anda pasang di blognya

Anda tinggal memilih sesuai selera dengan kemauan yang ingin di tambahkan di blog yang sahabat kelola.

Berikut cara memasang widgets jejaring sosial di blog di bawah ini;


Langkah 1.Masuk ke Dasbor Blogger

Langkah 2.Pilih Tab Menu "Tata Letak"

Langkah 3.Jika sudah muncul halaman "Tata Letak" di dalam dasbor blogger langsung menuju ke pilihan "Tambahkan Gadget"

Langkah 4.Lalu Masukan kode CSS HTML/Java Script dibawah ini;

<div class="kt-social-buttons-widget"><ul class="sidebar-social clearfix"><li><a href="#!" class="social-btn-twitter">Follow on Twitter <i class="fa fa-twitter"></i> </a></li><li><a href="#!" class="social-btn-facebook">Like on Facebook <i class="fa fa-facebook"></i> </a></li><li><a href="#!" class="social-btn-youtube">Subscribe on Youtube <i class="fa fa-youtube"></i> </a></li><li><a href="#!" class="social-btn-instagram">Follow on Instagram <i class="fa fa-instagram"></i> </a></li></ul></div>
<style>
.kt-social-buttons-widget ul {
list-style: none;
padding-left: 0;
}
.kt-social-buttons-widget li a {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
text-decoration: none;
display: block;
color: #0a0a0a;
padding: 10px 1px 10px 10px;
background:#f8f8f8;
}
.kt-social-buttons-widget ul li {
width: 100%;
margin-bottom: 10px;
}
.kt-social-buttons-widget li:hover a.social-btn-twitter {
background: #1da1f2;
color:#fff;
}
.kt-social-buttons-widget li a i {
float: right;
width: 35px;
height: 14px;
line-height: 14px;
text-align: ;
margin: 0;
padding: 0 0 0 10px;
font-size: 14px;
}
.kt-social-buttons-widget li a i {
border-left: 1px solid #666;
line-height: 14px;
}
.kt-social-buttons-widget li:hover a.social-btn-facebook {
background: #3b5998;
color:#fff;
}
.kt-social-buttons-widget li:hover a.social-btn-youtube {
background: #cd201f;
color:#fff;
}
.kt-social-buttons-widget li:hover a.social-btn-instagram {
background: #405de6;
color:#fff;
}
</style>



Cara Mudah Memasang Widgets Jejaring Sosial Di Blog Blogger


Jangan lupa di ganti dengan URL jejaring sosial milik sahabat " #!"yang berwarna Merah dalam kode tersebut jika sudah maka Save atau Simpan dan lihat hasilnya.





Demikian informasi tentang Cara Mudah Memasang Widgets Jejaring Sosial Di Blog Blogger versi iyaseo.id, silahkan langsung saja praktekan dan pastikan anda menerapkan semua tips yang sudah ada dalam artikel di postingan ini. Terimakasih dan selamat mencoba.