Update penting !!!
Karna google code sudah tertutup maka artikel tentang Cara Membuat Rekomendasi Slide sudah tidak bisa lagi berfungsi. Penulis akan segera memperbaharuinya kedepan.
Rekomendasi Slide Blogger (berada di footer bawah) |
Seperti anda lihat diatas bahhwa tampilan sebuah widget rekomendasi slide out artikel adalah begitu simple dan sagat profesional. So ini akan sangat berguna untuk melengkapi aksesoris blog kamu agar tampak lebi keren.
Selain itu widget rekomendasi slide out memilki fungsi yang sangat bermanfaat menurut saya, karena selain tampilannya menarik, aksesoris blog yag satu ini mampu membuat pembaca bertahan lama pada blog kita. Apalagi jika blog telah memiliki related post / artikel terkait cepat loading.
Cara Membuat Rekomendasi Artikel *Slide Out
Sebenarnya untuk membuat widget ini sangat sederhana bahkan gampang sekali. Heran aja masih banyak saja yang belum berhasil menampilkan rekomendasi bar yang slide dibawah halaman artikel seperti ini.
Okey guys, Mari mulai mencoba. Ada 2 cara (Pilih salah satu):
A. Cara Pertama untuk meampilkan Rekomendasi Slide
Untuk cara ini kita memerlukan dua langkah untuk bisa menampilkan Rekomendasi Slide - out Blogger. berikut kedua langkah tersebut.
Tambahkan Gadget HTML
- Masuk Dashboard dengan login Ke akun Blogger anda
- Selanjutnya pilih dan klik menu Tata letak (rancangan) > Tambah gadget > Pilih HTML/Javascricpt | lalu masukkan kode source dibawah ini sebagai isi widget tersebut:
<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Anda Mungkin Perlu Baca ini</p> <div id="bpslidein_image"></div> <div id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("https://slider-rekomendasi.googlecode.com/files/rekomenasi%20slider.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://fispol.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkFuS3GTVpcKM-2YIaLf2sUx0D2FgambRqjez3yh7c7swHQ1kqnTum4Ad7kEyX7MHP5K5_0Xb-lNHUA80nAEMyq5Cv4aZHxQN6YIGB2tMpu4T_hzj_dI5xBS1yb0TnJSKDyQH9hhwZ2cY/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a>
- Simpan
- Masuk ke Template > Edit > centang expand template
- Jika sudah, langsung cari kode <div class='post-footer-line post-footer-line-1'> , atau jika tidak ada bisa juga kode <p class='post-footer-line post-footer-line-1'>. jika telah ditemukan salah satunya maka sekarang pastekan kode berikut tepat dibawah kode tersebut :
<b:if cond='data:blog.pageType == "item"'>
<div id='bpslidein_place_holder' style='display:none'/>
</div></b:if>
- Selesai, coba lihat : apakah Rekomendasi Slide - out Blogger tampil?. untuk mengeceknya harus dalam halaman artikel bukan home.
B. Cara 2 membuat Rekomendasi Slide
Cara yang satu ini adalah Tutorial khusus blogger yang ggak mau repot-repot, cocok buat yang super sibuk dan tidak punya waktu untuk editing template.
- Masuk Ke akun Blogger anda
- Klik Tata letak (rancangan) > tambah gadget > Pilih HTML/Javascricpt | masukkan kode source dibawah ini:
<b:if cond='data:blog.pageType == "item"'><div id='bpslidein_place_holder' style='display:none'/></div><div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Anda Mungkin Perlu Baca ini</p> <div id="bpslidein_image"></div> <div id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("https://slider-rekomendasi.googlecode.com/files/rekomenasi%20slider.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://fispol.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkFuS3GTVpcKM-2YIaLf2sUx0D2FgambRqjez3yh7c7swHQ1kqnTum4Ad7kEyX7MHP5K5_0Xb-lNHUA80nAEMyq5Cv4aZHxQN6YIGB2tMpu4T_hzj_dI5xBS1yb0TnJSKDyQH9hhwZ2cY/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a></b:if>
- Simpan dan selesai
Thanks infonya ya. gantian berkunjung ya di http://gudang.tv
BalasHapussaya juga mau pasang rekomendasi slide tapi bukan untuk artikel sendiri saja tapi artikel teman2 blogger yang mau sharing dgn saya.
Jadi saling bantu mempublikasikan artikel teman2 blogger.
kalau banyak yang berminat, saya baru pasang rekomendation slidenya.
Jadi bisa menjadi backlick permanen bagi teman blogger.
mantap mas... saya setuju
HapusSukse gan, mantap : thanks
BalasHapusKeren rekomendasi slide ini, patut di aplikasikan
BalasHapusbagus nih tutorial, saya mau coba. semoga berhasil dan diblog saya ada rekomendasi artikel lainnya. terima kasih
BalasHapusperasaan sama script atas dengan yang di bawah gan...
BalasHapusPerbedaannya pada peletakkan widgetnya. Untuk Cara pertama kita harus menyisipkan tag kondisi ikedalam template, sedangkan cara kedua tag kondisi kita gabung kedalam widget (Biar Cepat)
Hapusada demo nya ga mas broo
BalasHapusYa widgetnya seperti rekomendasi box unik disudut bawah artikel ini : muncul keluar
Hapusada demonya ga broo, apa sm yg ada di blog ini
BalasHapusUntuk Demo, silahkan scroll mouse kebawah halaman blog ini : Nanti rekomendasi slide akan muncul dari sudut bawah artikel
HapusWah mantaf nikh Tips nya mau dicoba akh salam kenal saja Trims
BalasHapusthenkz mas atas info y....?
BalasHapusok juga ni
BalasHapusjgn lupa kunjungi juga blog dibawah ini djamin
http://semesta-blogger.blogspot.com/
cara yang kedu aja biar cepat... :)
BalasHapusmakasih gan infonya, akan langsung saya coba di blog saya......
keren gan, test praktek
BalasHapusterimkasih mas!! keren tipsnya!
BalasHapusmantap gan.. terima kasih.. izin praktek ya.. :p
BalasHapuswow ijin praktek mas... blog ane msh amburadul maklum msh newbie bnget tq bang
BalasHapusmantep gan tips slider nya.
BalasHapusAjeb mas Bro....sama ajeb seperti URL awak ... join yo
BalasHapusKalau mau buat slide diposisi atas gimana caranya ya
BalasHapusWah thanks mas . jadi makin keren nih blognya :D
BalasHapusNice gan jangan lupa kunjungi juga ya
BalasHapusDunia INTERNATIONAL|Berita Olahraga|Tips Kesehatan|Berita Politik
thx gan, ijin praktek
BalasHapushttp://diakuin.blogspot.com
wah ternyata ada yang lebih muda caranya. thanks gan
BalasHapusgan, kenapa slide nya gakmuncul di blog ane. ane pake cara yang kedua
BalasHapusnice post gan;)
BalasHapusTerima kasih :-)
BalasHapusmunculnya kalau kursor kebawah ya
BalasHapusmakasih banget mas tutorial dan kodenya, segera meluncur ni...
BalasHapusthank,, jangan lupa ke http://komangsuardika.blogspot.com/
BalasHapussangat membantu mas Kunjungi balik ya
BalasHapusartikel yang bagus sob,
BalasHapushttp://si-kudil.blogspot.com/
Wis keren mas, izin nyoba ya
BalasHapuskeren sob, izin bookmark dan coba
BalasHapusMas... cara ngengati warna biru di javascript ini gmn yah?
BalasHapuswah masih bingung mas,, maklum mash newbie,,
BalasHapussip gan bekerja dengan baik di blog ane
BalasHapusTerima kasih gan. berhasil. silahkan cek.. :)
BalasHapusThanks Mas, tapi Widgetnya kalau di klose kok nggak hilang ya ?
BalasHapusYang kalau kebawah muncul endak mas ?
BalasHapusTerima kasih mas, tutornya. tapi sedikit kurang rapi mas, ada solusi
BalasHapusmantap gan, udah saya praktekin,,, :) mampir ya gan http://starpurnama.blogspot.co.id/ :)
BalasHapusI went over this internet site and I think you have a lot of great info , saved to favorites. 토토사이트
BalasHapusYou have remarked very interesting details ! Also visit my site: wordpress
BalasHapusWhen I initially commented I clicked the -Notify me when new comments are added- checkbox and now each time a remark is added I get four emails with the identical comment. Is there any approach you can remove me from that service? Thanks! my-site
BalasHapusRattling wonderful visual appeal on this web site, I’d value it 10 over 10. simplesite
BalasHapusmajortotosite.pro
Youre so right. Im there with you. Your weblog is definitely worth a read if anyone comes throughout it. Im lucky I did because now Ive received a whole new view of this. 먹튀검증사이트
BalasHapusYou made some good points there. I did a Google search about the topic and found most people will believe your blog. 메이저사이트
BalasHapusGreat & nice article with a lot of information to read...great people keep posting and keep updating people..thank you If you want to get a Tourist visa to Turkey, you can fill out the Turkey eVisa application form in minutes, & then You must give permission to enter Turkey legally.
BalasHapusYou make so many great points here that I read your article a couple of times. Your views are in accordance with my own for the most part. This is great content for your readers. 안전놀이터
BalasHapusI love to read this, thank you... applying for an Indian tourist visa for US citizens online is easy. You can apply online completely securely through eVisa Indian website.
BalasHapusYou may review all the information on Turkey visa requirements for Indian citizens here. A valid passport with a minimum validity of six months from the date of entry into Turkey, a completed visa application form, and a current passport-sized photo are all prerequisites for Indian nationals seeking visas. Ensuring that the necessary paperwork is correctly created and submitted.
BalasHapusYou must submit an India visa application Kenya, if you are an Indian national planning a trip there. There are a few crucial phases in the application procedure for an Indian visa Kenya. Applying far enough in advance to give enough time for processing is advised.
BalasHapusWe would like to extend our sincere appreciation for your invaluable contribution, which has greatly enhanced the overall experience for everyone involved. Singapore, transit passengers, free tour, Changi Airport, restarts, 2 years. After a two-year hiatus, Singapore has recently resumed its free tour programme for transit travelers at Changi Airport. Through this programme, travelers who have a stopover in Singapore may benefit from a free city tour that gives them an overview of the sights and culture of the city. By encouraging travelers to explore Singapore during their layover and make the most of their time at the airport, the project hopes to improve the transit experience.
BalasHapusHello! Thanks for this useful article, expecting this text related to this taking into account once more. Discover the Top Turkish SIM Card that travelers can use for Calling and Data for seamless travel! Enjoy crystal-clear calling and lightning-fast data to stay connected and explore Turkey like a local.
BalasHapusYour blog is informative, but consider making some adjustments for even greater impact and engagement. The Saudi Arabia visa application process is now simplified with the option to Saudi Arabia visa apply online. Explore this convenient method for your travel plans.
BalasHapusI cannot overstate how truly outstanding this post is. My heart is brimming with gratitude, and I want to convey my sincere thanks for the exceptional content you've shared. Ethiopia Tourism Recovery. Ethiopia's tourism sector is on a path to recovery after facing challenges due to the global pandemic. The country's rich cultural heritage, stunning landscapes, and historical sites continue to attract travelers.
BalasHapusYour willingness to contribute these is highly valued. I'll definitely be taking part in the upcoming event, as this topic is particularly captivating for me. Please take a moment to visit the link for the information I'd like to share. Visa-Free Entry to Egypt for Travelers,Travelers, rejoice! Egypt offers visa-free entry, making your exploration of its ancient wonders and stunning landscapes hassle-free.
BalasHapusvisa-free destinations for Kenyans
BalasHapusEngaging with this blog post is akin to embarking on a quest through the labyrinth of human thought, each word a breadcrumb leading deeper into the recesses of the mind. It's a testament to the author's skill in crafting compelling narratives that captivate and provoke thought. Reading it feels like a journey of self-discovery, with each paragraph offering new insights and revelations. The prose is rich and evocative, drawing the reader into a world of imagination and contemplation. It's an experience that lingers long after the last sentence is read, leaving a lasting impression on the mind and soul.
BalasHapusYour blog post is a revelation! Your perspectives strike a chord within, capturing the essence of collective thoughts. It's as if you've delved into the depths of our minds and beautifully articulated what we've longed to express. I'm eager to share this enlightening read with others; it's sure to foster enriching discussions and deepen connections. Keep weaving these thought-provoking narratives; they're like guiding lights in the sea of ideas.
BalasHapusIt's a pleasure to have found your website! I extend my heartfelt gratitude for the fantastic read you've provided. Every aspect was thoroughly enjoyable, and I've bookmarked it to keep up with your future content. 🙏📚
BalasHapusMaking it a habit to write blog entries regularly, I have to commend the exceptional quality of your content. This fascinating article has really caught my attention. I've consciously decided to bookmark your site and stay informed about updates, usually returning every week. Additionally, I've opted to subscribe to your RSS feed.
BalasHapusThank you for sharing this insightful post! Your analysis is spot-on, and the way you present information makes complex topics easy to understand. I appreciate your fresh perspective and the actionable tips you provided. Your writing style is engaging, and I always leave your blog feeling informed and inspired. Keep up the fantastic work! I'm looking forward to reading more from you in the future!
BalasHapusYour unique viewpoint added a layer of depth to the subject that I found truly enlightening. The way you expressed your thoughts kept me captivated throughout, igniting thoughtful contemplation and igniting stimulating discussions. I'm excited to explore more of your content and delve deeper into this fascinating theme.
BalasHapusYour support for my blog content is extremely encouraging! Your endorsement is deeply cherished, and I'm devoted to offering captivating updates consistently. Look forward to new articles; I endeavor to keep you hooked and informed. Your subscription and bookmarking are greatly valued.
BalasHapusI want to extend my heartfelt thanks for the dedication showcased in developing this exceptional blog. Each intricate detail has been a source of delight, and I've ensured its bookmarking for continued enjoyment of its new content. Your blog's ability to articulate complex ideas with such clarity and depth is truly impressive, providing readers with invaluable insights.
BalasHapusYour profound reflections have ignited a new wave of introspection within me. I am genuinely struck by the depth of your analysis and the eloquence of your expression. In a digital landscape filled with superficiality, stumbling upon such authentic and captivating content is a rare pleasure. Your ability to elucidate complex ideas with precision is truly commendable, and I eagerly await the opportunity to delve deeper into your future writings.
BalasHapusYour post feels like a soothing balm for the weary soul. The way you delve into the intricacies of the topic is both comforting and enlightening, offering a perspective that is as profound as it is relatable. It's as if you've tapped into the depths of my own consciousness and articulated the thoughts that have been lurking in the shadows. I'm deeply grateful for the clarity and insight you've provided and eagerly anticipate delving deeper into your work.
BalasHapusYour writing always resonates deeply with me. There's an authenticity and vulnerability that's both captivating and empowering. It's as if you're diving into the collective consciousness, articulating what so many of us feel but struggle to express. Thank you for consistently sharing content that inspires, challenges, and unites us in our shared humanity. 🌟📝❤️
BalasHapusIt's refreshing to encounter such thought-provoking content that invites us to explore the depths of our imagination. Your eloquence is both mesmerizing and enlightening, leaving an indelible mark on those who encounter your words. Thank you for sharing your wisdom and inspiring us to embrace the beauty of uncertainty and the thrill of exploration.
BalasHapusYour words always strike a chord within me. There's an honesty and openness that draws me in and empowers me. It's like you're tapping into our collective thoughts, articulating what many of us grapple with but find hard to voice. Thank you for continually offering content that motivates, pushes boundaries, and connects us in our common humanity.
BalasHapusThis blog post is truly gripping! Your writing effortlessly engrosses readers, eliciting both contemplation and fascination. Each sentence is meticulously constructed, creating a realm where ideas bloom and reflections intersect. Your unique perspective provides an insightful take on life's complexities, leaving readers thirsting for further exploration.
BalasHapusI have to admit, as someone who values great content, this blog never lets me down. The style is both amiable and instructive, and the topics are consistently current. It takes a lot of work to produce each post. We appreciate you sharing your knowledge with us.
BalasHapusWow, this blog is a breath of fresh air! The way you've tackled the topic is not only insightful but also incredibly engaging. I love how you've simplified complex ideas, making them accessible to everyone. Your writing style is so inviting; it feels like having a conversation with a knowledgeable friend. Keep up the fantastic work! Can't wait to read more from you.
BalasHapusYour blog is a constant source of inspiration and positivity. Each post radiates warmth and encouragement, reminding us to embrace life with gratitude and joy. Thank you for your uplifting words and for spreading happiness.
BalasHapusYour thoughtful input truly elevates the conversation! Your insights show profound understanding and sincere enthusiasm. Keep expressing your valuable viewpoints; they ignite critical thinking and meaningful interaction. Your participation is a source of positivity in this online community. Let's persist in encouraging and backing each other's thoughts, cultivating an environment where innovation thrives and bonds strengthen. Your voice carries weight, and your involvement enhances this forum in ways you might not grasp fully. Keep radiating positivity.
BalasHapusYour blog is a constant reminder of the power of positivity and kindness. Each post you share is filled with warmth and encouragement, helping me to stay hopeful. Thank you for your inspiring words and for making a difference.
BalasHapusI just finished reading your latest blog post, and I wanted to extend my heartfelt gratitude. Your insights were not only enlightening but also incredibly motivating. It's rare to find content that resonates so deeply and provides practical advice that can be applied immediately. Your dedication to sharing knowledge and fostering a supportive community is truly commendable. Thank you for the time and effort you put into creating such valuable content. I look forward to reading more and continuing to learn from your expertise. Keep up the fantastic work.
BalasHapusReading this post feels like sitting by a crackling fire, sharing stories with a kindred spirit. The author's words resonate deeply, capturing the essence of our shared journey. It's a testament to the power of storytelling in fostering connection.
BalasHapusThis piece is absolutely riveting! I was completely drawn in by the author's perspective. It's like they're speaking directly to me, articulating thoughts I've often pondered but struggled to express. Each paragraph is a gem, packed with profound insights that resonate with my own experiences. I can't get enough of this thought-provoking content.
BalasHapusBravo! Your blog never fails to impress with its depth of knowledge. You have a knack for making complex topics accessible to all readers. Your dedication to quality content shines through every post. I eagerly anticipate delving into your future writings. Also, your blog's layout is both aesthetically pleasing and intuitive, enhancing the reader's journey. Here's to your continued success
BalasHapusThe content presented here is remarkably intriguing and enlightening! It offers a unique take on a well-discussed topic. Your in-depth analysis of different elements adds depth to the conversation. The engaging writing style effectively captivates readers, making the experience enjoyable.
BalasHapusWhat an engaging read! Your words have a magnetic pull, drawing readers into a world of thought and reflection. The depth of your insights intertwines seamlessly with your eloquent prose, leaving us craving more. Each sentence feels like a journey, a winding path leading to new perspectives and revelations. Thank you for sharing this piece; it's a true gem in the vast landscape of online content.
BalasHapusThe way you discussed the constant balancing act between work and personal life was both relatable and eye-opening. It's reassuring to know others understand these challenges. Your practical strategies for managing stress are helpful—I'm looking forward to implementing them. Your insights on self-care resonated deeply; it's an area where I struggle. Your writing style is engaging and easy to follow, making complex topics accessible. This post has inspired me to take proactive steps towards a healthier balance.
BalasHapusRemarkable post! Your clear perspective and articulate writing made it a compelling read. The way you simplified complex topics and provided practical examples was very effective. Looking forward to more of your thoughtful content. Keep up the outstanding work!
BalasHapus